/* hambergerMenu */
.hambergerMenu span {
display: block;
position: absolute;
height: 4px;
width: 115%;
background: #000 !important; /* hambergerMenu color*/
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out
}
/* search box */
header .search-container .search-block input[type=text] {
display: table-cell;
width: 648px;
height: 46px;
line-height: 46px;
border-radius: 8px 0 0 8px;
-webkit-border-radius: 8px 0 0 8px;
-moz-border-radius: 8px 0 0 8px;
padding: 0 14px;
font-size: 14px; /* search text font size */
color: #000; /* search text color */
border: 1px solid #aeaeae;
background-color: #f0f0f0 /* search box background color*/
}
/* search button*/
header .search-container .search-block .btn {
min-width: 50px;
width: 50px;
height: 100%;
border-radius: 0 8px 8px 0;
-webkit-border-radius: 0 8px 8px 0;
-moz-border-radius: 0 8px 8px 0;
background: #0027a3 !important; /*search button background color*/
text-align: center;
display: block
}
/* Number of items in cart block*/
header .right-links .links .cart-block span {
position: absolute;
left: -15px;
top: -8px;
background: #000089; /* Number of items in cart block background color*/
display: inline-block;
text-align: center;
width: 25px;
height: 25px;
font-size: 18px; /* Number of items in cart block text font size*/
color: #fff; /* Number of items in cart block text color*/
border-radius: 100%;
padding: 1px 0 0 0;
line-height: 24px
}
/* language change header*/
.header-css {
background-color: #d0d0d0; /* language change header background color*/
display: table;
clear: both;
width: 100%;
padding: 5px 0;
position: relative;
text-align: center;
font-weight: 700;
color: #000; /* language change header text color*/
}
.header-css .clickhereAnchor {
color: #000; /* clickhere text color*/
padding-left: 3px ;
padding-right: 3px ;
text-decoration: underline;
}
/* navigation menu*/
header .header-middle {
background-color: #383838; /* background-color of navigation menu;*/
display: table;
clear: both;
width: 100%;
padding: 0;
position: relative
}
header .header-middle nav ul.mainNavigation>li a:hover {
color: #fff;
text-decoration: none
}
header .header-middle nav ul.mainNavigation>li a {
display: block;
border-right: solid 1px #fff; /* color of navigation menu separator;*/
padding: 0 30px 0 30px;
font-size: 15px; /* font-size of navigation menu;*/
line-height: 16px;
color: #fff; /* color of navigation menu;*/
font-weight: 500
}
header .header-middle nav ul.mainNavigation>li a:hover {
color: #ccc !important /* color when hover on navigation menu;*/
}
/* hero content*/
.hero-content .content ul.list li p {
font-size: 15px; /* banner font size*/
line-height: 20px;
font-family: proxima-nova, sans-serif; /* banner font family*/
font-weight: 300;
font-style: normal;
color: #747474 !important; /* left banner text color*/
}
/*Main Hero Text1*/
.hero-content .content .banner-headings>span {
font-family: proxima-nova, sans-serif; /* Main Hero Text1 font family*/
font-weight: 700;
font-style: normal;
font-size: 22px; /* Main Hero Text1 font size*/
line-height: 40px;
color: #383838; /*Main Hero Text1 text color*/
}
/* Main Hero Text2*/
.hero-content .content .banner-headings h1 {
font-family: proxima-nova, sans-serif; /* Main Hero Text2 font family*/
font-weight: 700;
font-style: normal;
font-size: 36px; /* Main Hero Text2 font size*/
line-height: 48px;
}
/* main category*/
.main-category {
width: 300px;
height: 200px;
position: relative;
background: #f0f3f5; /* main category background color;*/
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.18);
margin-bottom: 28px;
cursor: pointer;
}
/* main category count*/
.count {
color: #8ba3b3; /* main category count color;*/
position: absolute;
width: 100%;
text-align: right;
font-weight: 400;
top: 15px;
right: 20px;
}
.display-name {
background: #fff; /* main category title background color;*/
position: absolute;
width: 100%;
color: #344154; /* main category title color;*/
text-align: center;
font-weight: 500;
bottom: 0;
margin-bottom: 0;
height: 40px;
font-size: 20px; /* main category font size */
padding-top: 9px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-left: 5px;
padding-right: 5px;
}
/* Latest ads header*/
.all-parts .head-block p {
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 26px; /* Latest ads header font size*/
line-height: 25px;
color: #0027a3;
display: inline-block;
vertical-align: middle;
float: left;
margin: 10px 0 0 0
}
/* Search by license plate*/
.all-parts .head-block .search-bar label {
font-family: proxima-nova, sans-serif; /* Search by license plate font family*/
font-weight: 700;
font-style: normal;
color: #0027a3;
font-size: 26px; /* Search by license plate title font size*/
line-height: 32px;
display: inline-block;
vertical-align: middle;
float: left;
margin: 10px 20px 0 0
}
/* Search by license plate search box*/
.all-parts .head-block .search-bar .block {
display: flex;
vertical-align: middle;
width: auto;
/* border: 2px solid #0027a4;*/
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background-color: #ffc500 /* Search by license plate search box background-color*/
}
/* upper footer content details*/
footer .upper ul li {
margin: 0;
padding: 0;
list-style: none;
color: #747474 !important; /* footer content details text color;*/
position: relative;
padding: 0 15px 0 32px
}
footer .upper ul li p,
footer .upper ul li h4 {
font-size: 16px; /* footer content details text size;*/
line-height: 20px;
font-weight: 300;
margin-bottom: 0
}
/*lower footer content section*/
footer .lower .content section {
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 20px; /* footer content section header text size;*/
line-height: 26px;
color: #000; /* footer content section header text color;*/
margin-bottom: 10px
}
footer .lower .content p {
color: #000; /* footer content section details text color;*/
font-size: 15px; /* footer content section details text size;*/
line-height: 22px
}
/* footer copyright section*/
footer .lower .copyright span {
display: inline-block;
vertical-align: middle;
color: #000; /* footer copyright section color*/
font-size: 14px; /* footer copyright font size */
line-height: 20px
}
/* footer copyright section links*/
footer .lower .copyright a {
display: inline-block;
color: #000; /* footer copyright section links color*/
font-size: 14px; /* footer copyright section links text size*/
line-height: 20px;
text-decoration: none;
position: relative;
padding: 0 0 0 10px;
margin: 0 0 0 2px
}
/* breadcrumb*/
.breadcrumb ul li span {
display: inline-block;
vertical-align: middle;
font-size: 14px; /* breadcrumb font size*/
line-height: 16px;
color: #747474 !important; /* breadcrumb color*/
}
.breadcrumb ul li a {
text-decoration: underline;
vertical-align: middle;
font-size: 14px; /* breadcrumb home font size*/
line-height: 16px;
color: #747474 !important; /* breadcrumb home color*/
transition: color .15s ease-in-out;
position: relative;
padding: 0 14px 0 0;
margin: 0 8px 0 0
}
/* category display title name in product listing page */
.category-display-name {
text-align: left;
font-weight: 600;
width: 100%;
margin-bottom: 0;
padding: 0;
font-size: 24px; /* category display title name font size in product listing page;*/
color: #0027a3; /* category display title name color in product listing page;*/
}
/* sub category display title name in product listing page */
.sub-display-name {
text-align: left;
font-weight: 600;
color: #344154; /* sub category display title name color in product listing page;*/
width: 100%;
margin-bottom: 0;
padding: 0;
font-size: 18px; /* sub category display title name font size in product listing page;*/
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sub-category {
width: auto;
height: 50px;
position: relative;
background: #f0f3f5; /* sub category background color;*/
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.18);
margin-bottom: 10px;
cursor: pointer;
align-items: center;
margin-right: 10px;
}
.sub-button-container {
width: 105.4%;
}
.type-button-container {
width: 105.8%;
}
.sub-count {
color: #8ba3b3; /* sub category count-color;*/
width: 100%;
text-align: right;
font-weight: 400;
margin-bottom: 0;
padding: 0 15px 0px 0px;
}
/* common TitleColor*/
.TitleColor {
color: #0027a3 !important;
}
/* product list product title*/
.titlecolor {
color: #0027a3; /* product list product title color*/
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 38px !important;
font-weight: 700;
font-size: 16px; /* product list product title font size*/
}
/* product list product price*/
.content .location-price .price {
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 30px; /* product list product price font size*/
line-height: 32px;
color: #000; /* product list product price color*/
}
/*pagination */
.pagination>.active>a, .pagination>.active>a:hover, .pagination>li:hover>a {
border-color: transparent;
background-color: rgb(34, 34, 34);
color: rgb(255, 255, 255); /*pagination color*/
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
z-index: 0;
cursor: default;
}
.pagination>li>a, .pagination>li>span {
border-radius: 2px;
background-color: rgb(246, 246, 246); /*pagination background color*/
color: rgb(102, 102, 102);
font-family: customFont,Roboto,sans-serif;
font-size: 18px; /*pagination font size*/
font-weight: 500;
line-height: 41px;
text-transform: capitalize;
width: 41px;
height: 41px;
padding: 0;
border: none;
}
/* In product details product heading*/
.product-heading {
font-size: 31px; /* In product details product heading font size*/
line-height: 43px;
color: #0026a3 !important; /* In product details product heading color*/
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
margin-bottom: 12px
}
/* In product details product price*/
.details span.price {
display: block;
font-size: 56px; /* In product details product price font size*/
line-height: 46px;
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
margin-bottom: 14px;
color: #4d4d4d; /* In product details product price color*/
}
/* In product details add to cart button*/
.details a.btn {
width: 100%;
height: 67px;
padding: 0 20px;
line-height: 49px;
font-family: proxima-nova, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 22px; /* In product details add to cart button font size;*/
padding: .37rem .75rem;
color: #fff; /* In product details add to cart button text color;*/
background: #00b900 !important; /* In product details add to cart button background color;*/
border-radius: 5px;
-webkit-box-shadow: inset 0 -2px 0 0 #090 !important;
box-shadow: inset 0 -2px 0 0 #090 !important;
border-bottom: 1px;
border-color: #00b900 !important; /* button-color;*/
float: right;
min-width: 350px;
}
.details a.checkoutbtn {
width: 100%;
height: 67px;
padding: 0 20px;
line-height: 49px;
font-family: proxima-nova, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 22px; /* In product details add to cart button font size;*/
padding: .37rem .75rem;
color: #fff; /* In product details add to cart button text color;*/
background: #00b900 !important; /* In product details add to cart button background color;*/
border-radius: 5px;
-webkit-box-shadow: inset 0 -2px 0 0 #090 !important;
box-shadow: inset 0 -2px 0 0 #090 !important;
border-bottom: 1px;
border-color: #00b900 !important; /* button-color;*/
float: right;
}
/* In product details saller header*/
.review p {
font-family: proxima-nova, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 13px; /* In product details saller header text font size;*/
line-height: 22px;
color: #000; /* In product details saller header text color*/;
border-bottom: 1px solid #9b9b9b;
padding: 0 0 8px 0;
margin: 0 0 15px 0
}
/* In product details saller address title*/
.review p.address span {
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 22px; /* In product details saller address title font size*/
line-height: 24px;
color: #0027a3 !important; /* In product details saller address title color*/
}
/* In product details saller address*/
.review p.address {
color: #000; /* In product details saller address color*/
font-size: 14px; /* In product details saller address font size*/
line-height: 20px
}
/* Description and Specification tab*/
ul.tabs li h2{
background: 0;
color: #000; /* Description and Specification tab text color;*/
font-size: 18px; /* Description and Specification tab text font size;*/
line-height: 21px;
font-family: proxima-nova, sans-serif;
font-weight: 500;
font-style: normal;
float: left;
margin: 0 20px 0 0;
cursor: pointer;
text-transform: uppercase
}
/* order checkout button*/
.ToOrder {
padding: 6px 73px;
font-family: proxima-nova,sans-serif;
font-weight: 700;
font-style: normal;
color: #fff !important; /* order checkout button text color*/
font-size: 18px; /* order checkout button text font size*/
line-height: 32px;
float: right;
transition: background .1s linear,box-shadow .1s linear;
background: #00b900 !important; /* order checkout button background color*/
border-color: #00b900 !important;
border-radius: 5px !important
}
/* your data header*/
.shopping-cart .mainContent h1.page-title {
font-size: 32px; /* your data header font size*/
line-height: 34px;
color: #0027a3; /* your data header color*/
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
margin: 0 0 40px;
}
/*Shopping cart header*/
.shopping-cart .mainContent h2.small-heading {
font-size: 18px; /* Shopping cart header font size*/
line-height: 20px;
margin: 0 0 10px;
color: #000; /* Shopping cart header font color*/
}
/*Shopping cart Content*/
.shopping-cart .mainContent.checkout .payment h2 {
font-size: 18px; /*Shopping cart Content font size*/
line-height: 20px;
margin: 0 0 10px;
color: #000; /* Shopping cart Content font color*/
}
/* product info type*/
.prd-info {
font-size: 13px; /* product info type font size*/
margin: -20px 22px 0px;
color: #344154; /* product info type color;*/
}
/* click here to login*/
.theme-color{
color: #0027a3 !important; /* click here to login color /*title-color;*/
}
/* checkout further button*/
.btncheckoutdetais{
width: auto;
font-family: proxima-nova,sans-serif !important;
font-weight: 400 !important;
font-style: normal !important;
font-size: 22px !important; /* checkout further button text size*/
line-height: 30px !important;
color: #fff !important; /* checkout further button text color*/
background: #00bfff !important; /* checkout further button background color*/
border-color: #fff;
float: right;
border-radius: 5px !important;
background-color: #00bfff !important;
box-shadow: inset 0 -2px 0 0 #0027a3;
transition: background .1s linear,box-shadow .1s linear;
}
/* checkout overview*/
.shopping-cart .mainContent h1.page-title {
font-size: 32px; /* checkout overview font size*/
line-height: 34px;
color: #0027a3;
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
margin: 0 0 40px;
}
/* checkout overview button*/
.CheckoutFuture {
background: #00b900 !important;
border-color: #00b900 !important;
background-color: #00b900 !important; /* checkout overview button background color*/
box-shadow: inset 0 -1px 0 0 #00b900 !important;
border-radius: 5px !important;
}
/* checkout overview link-color*/
.link-color {
color: #0027a3 !important; /* checkout-head-text-color;*/
}
/* checkout overview text color*/
.shoppingcart-text-color {
color : #212529; /* shopping-cart-text-color*/
}
/* contact us header*/
.login-page .mainContent h1.page-title {
font-size: 32px; /*contact us header text font size;*/
line-height: 34px;
color: #0027a3;
font-family: proxima-nova,sans-serif;
font-weight: 700;
font-style: normal;
/* margin: 0 0 40px*/
}
/* contact us button*/
.btnContactUs
{
padding: 6px 73px;
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
color: #fff; /* contact us button text color*/
font-size: 18px; /* contact us button text font size*/
line-height: 32px;
width: auto;
border-radius: 5px !important;
background-color: #00b900 !important; /* contact us button background color*/
border-color: #00b900 !important;
text-align: center;
vertical-align: middle;
display: inline-block;
border: 1px solid transparent;
}
/* login header main*/
.h-login {
float: left;
margin: 25px 12px;
color: #fff; /* login header text color*/
margin-left: -4px;
}
/* login/register page header */
h3 {
/* padding: 14px 0px; */
font-family: proxima-nova, sans-serif;
font-weight: 700 !important;
font-style: normal;
color: #0027a3; /* login header color;*/
font-size: 30px; /* login header font size*/
line-height: 32px;
}
/* login link*/
a {
color: #007bff; /* login link color*/
text-decoration: none;
background-color: transparent
}
/*/ register page title*/
.register-page .mainContent h1.page-title {
font-size: 32px; /* register page title font size;*/
line-height: 34px;
color: #000;
font-family: proxima-nova,sans-serif;
font-weight: 700;
font-style: normal;
margin: 0 0 40px
}
/* register button */
.register-page .mainContent .block .submit-button .btn {
width: 184px;
max-width: inherit;
background: #0027a3; /* register button background color /*title-color;*/
border: #0027a3;
margin-top: 18px;
}
/* forgot password head text*/
.login-page .mainContent h1.page-title {
font-size: 32px; /*forgot password head font size;*/
line-height: 34px;
color: #0027a3;
font-family: proxima-nova,sans-serif;
font-weight: 700;
font-style: normal;
margin: 0 0 40px
}
/* forgot password content text*/
.login-page .mainContent .login-block span.block-note {
font-size: 13px; /* forgot password content text font size*/
line-height: 21px;
display: block;
margin: 0 0 20px
}
/* body*/
body {
font-family: proxima-nova, sans-serif;
font-weight: 400;
font-style: normal;
color: #4d4d4d; /* #4d4d4d; /*price-text-colorprice-text-color;*/
font-size: 16px;
line-height: 24px
}
/*1. Home.scss*/
.tk-proxima-nova {
font-family: proxima-nova, sans-serif
}
.tk-houschka-rounded {
font-family: houschka-rounded, sans-serif
}
.proxima-nova-regular-normal {
font-family: proxima-nova, sans-serif;
font-weight: 400;
font-style: normal
}
.proxima-nova-regular-italic {
font-family: proxima-nova, sans-serif;
font-weight: 400;
font-style: italic
}
.proxima-nova-bold-normal {
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal
}
.proxima-nova-bold-italic {
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: italic
}
.proxima-nova-light-regular {
font-family: proxima-nova, sans-serif;
font-weight: 300;
font-style: normal
}
.proxima-nova-medium-regular {
font-family: proxima-nova, sans-serif;
font-weight: 500;
font-style: normal
}
.proxima-nova-black-regular {
font-family: proxima-nova, sans-serif;
font-weight: 900;
font-style: normal
}
.houschka-rounded-light-normal {
font-family: houschka-rounded, sans-serif;
font-weight: 300;
font-style: normal
}
.houschka-rounded-light-italic {
font-family: houschka-rounded, sans-serif;
font-weight: 300;
font-style: italic
}
.houschka-rounded-bold-normal {
font-family: houschka-rounded, sans-serif;
font-weight: 700;
font-style: normal
}
.houschka-rounded-bold-italic {
font-family: houschka-rounded, sans-serif;
font-weight: 700;
font-style: italic
}
* {
margin: 0;
padding: 0
}
.tab_drawer_heading {
display: none
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: default
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
opacity: 0;
-webkit-backface-visibility: hidden;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out
}
.mfp-with-zoom.mfp-ready .mfp-container {
opacity: 1
}
.mfp-with-zoom.mfp-ready.mfp-bg {
opacity: .8
}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
opacity: 0
}
.submit-button button a {
color: #fff;
text-decoration: none
}
form .mb-16 {
margin-bottom: 1rem
}
form .mb-50 {
margin-bottom: 50px
}
form .business {
display: none
}
form .create-and-account {
display: none
}
form .anotheraddress {
display: none
}
form .form-group textarea.form-control {
height: auto
}
form .form-group .form-control {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
height: 46px
}
form .form-group .form-control:focus {
/* border-color: #0027a3; /* #4d4d4d; /*price-text-colortitle-color;*/
box-shadow: none;
outline: 0
}
form .form-group.error .form-control {
border-color: red
}
form .form-group span.error {
color: red;
font-size: 15px;
line-height: 17px;
/* display: none*/
}
form .form-group label {
font-size: 15px;
line-height: 17px;
color: #000;
display: inline-block
}
form .form-group label.col-form-label {
padding: 14px 0 0 0
}
form .form-group label.col-form-label.required:after {
top: 12px
}
form .form-group label.required {
position: relative
}
form .form-group label.required:after {
position: absolute;
right: -7px;
top: 0;
color: red;
content: "*";
font-style: normal;
font-size: 16px
}
form .btn {
background-color: #000;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-color: #000
}
/* form .btn.btn-primary:active,
/* form .btn.btn-primary:focus,
/* form .btn.btn-primary:hover {
/* background-color: #0027a3; /* #4d4d4d; /*price-text-colortitle-color;
/* border-color: #0027a3; /* #4d4d4d; /*price-text-colortitle-color;
/* outline: 0;
/* box-shadow: none
/* }*/
/* form .btn.btn-primary:not(:disabled):not(.disabled):active {
/* background-color: #0027a3; /* #4d4d4d; /*price-text-colortitle-color;
/* border-color: #0027a3; /* #4d4d4d; /*price-text-colortitle-color;
/* outline: 0;
/* box-shadow: none
/* }*/
.overlay {
position: fixed;
top: 0;
height: 100%;
width: 100%;
background: rgba(21, 43, 66, .5);
z-index: 9;
display: none
}
.show-only-mobile {
display: none
}
.show-only-desktop {
display: block
}
.table-wrapper-scroll-y {
display: block
}
.mNavHeading {
font-size: 30px;
color: #0027a3; /* #4d4d4d; /*price-text-colortitle-color;*/
font-weight: 500;
}
ul1 {
list-style-type: none;
margin: 0;
padding: 0
}
li1 {
display: inline
}
.hambergerMenu {
position: relative;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
float: left;
display: block;
height: 26px;
width: 26px;
min-width: 26px;
max-width: 26px;
margin-right: 50px
}
.hambergerMenu span:nth-child(1) {
top: 0;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center
}
.hambergerMenu span:nth-child(2) {
top: 10px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center
}
.hambergerMenu span:nth-child(3) {
top: 20px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center
}
#closemobile span:nth-child(1),
.hambergerMenu.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg) !important;
top: 0;
left: 0
}
#closemobile span:nth-child(2),
.hambergerMenu.open span:nth-child(2) {
width: 0;
opacity: 0
}
#closemobile span:nth-child(3),
.hambergerMenu.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg) !important;
top: 21px;
left: 0
}
p.marking-text {
background: #fff;
background: -moz-linear-gradient(left, #fff 0, #e3f8ff 50%, #fff 100%);
background: -webkit-linear-gradient(left, #fff 0, #e3f8ff 50%, #fff 100%);
background: linear-gradient(to right, #fff 0, #e3f8ff 50%, #fff 100%);
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 20px;
line-height: 25px;
color: #0027a3;
padding-top: 6px;
padding-bottom: 8px;
margin-top: 8px;
margin-bottom: 60px;
position: relative
}
p.marking-text span {
font-family: proxima-nova, sans-serif;
font-weight: 900;
font-style: normal;
color: #0027a3; /* #4d4d4d; /*price-text-colortitle-color;*/
font-size: 38px;
line-height: 25px
}
p.marking-text i {
margin: 0 0 0 8px;
color: #0027a3; /* #4d4d4d; /*price-text-colortitle-color;*/
position: relative;
top: 1px;
font-size: 18px
}
p.marking-text a {
color: #0027a3;
text-decoration: none
}
p.marking-text a span {
color: #0027a3; /* #4d4d4d; /*price-text-colortitle-color*/
}
.all-parts .head-block {
clear: both;
display: table;
width: 100%;
margin: 0 0 20px 0
}
.all-parts .head-block p a {
display: inline-block;
text-decoration: none;
color: #747474;
vertical-align: middle;
font-size: 14px;
line-height: 16px;
margin: 0 0 0 15px;
font-family: proxima-nova, sans-serif;
font-weight: 300;
font-style: normal
}
.all-parts .head-block p a i {
margin: 0 0 0 7px;
font-size: 16px;
position: relative;
top: 1px
}
.all-parts .head-block .search-bar {
float: right
}
.all-parts .head-block .search-bar .block .form-control {
border-radius: 0;
height: 46px;
line-height: 46px;
border: 0
}
.all-parts .head-block .search-bar .block .form-control:focus {
outline: 0;
box-shadow: none
}
.all-parts .head-block .search-bar .block input[type=text] {
display: table-cell;
width: 172px;
height: 46px;
line-height: 46px;
font-weight: 700;
border-radius: 3px 0 0 3px;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
padding: 0 14px;
font-size: 26px;
color: #000;
border-right: 1px solid #d0d0d0;
background: 0 0
}
.all-parts .head-block .search-bar .block input[type=text]::-webkit-input-placeholder {
color: transparent
}
.all-parts .head-block .search-bar .block input[type=text]:-ms-input-placeholder {
color: transparent
}
.all-parts .head-block .search-bar .block input[type=text]::placeholder {
color: transparent
}
.all-parts .head-block .search-bar .block .btn {
display: table-cell;
width: 50px;
height: 46px;
margin-right: -2px;
border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
background: #0027a3 !important; /* #4d4d4d; /*price-text-colortitle-color;*/
text-align: center;
line-height: normal
}
.all-parts .head-block .search-bar .block .btn:focus {
outline: 0;
box-shadow: none
}
.all-parts .head-block .search-bar .block .btn i {
font-size: 25px;
color: #fff
}
.all-parts .parts-items {
margin: 0 0 33px 0
}
.all-parts.last .parts-items {
margin: 0 0 140px 0
}
.all-parts.last .bottom-links {
border-bottom: 0;
padding-bottom: 0
}
.all-parts .bottom-links {
display: table;
clear: both;
width: 100%;
margin: 0;
padding: 15px 0 15px 0;
border-top: 1px solid #9c9c9c
}
.all-parts .bottom-links a {
display: inline-block;
color: #747474;
text-decoration: none;
font-size: 14px;
line-height: 16px;
font-family: proxima-nova, sans-serif;
font-weight: 300;
font-style: normal
}
.all-parts .bottom-links a.left-link {
float: left
}
.all-parts .bottom-links a.right-link {
float: right
}
.all-parts .bottom-links a i {
margin: 0 0 0 5px;
position: relative;
top: 1px
}
/* body .breadcrumb {
/* padding: 0;
/* border-radius: 0;
/* margin: 23px 0 23px;
/* background: 0;
/* }*/
.breadcrumb ul {
margin: 0;
padding: 0;
display: table;
clear: both;
width: 100%
}
.breadcrumb ul li {
list-style: none;
float: left;
display: flex;
align-items: center;
font-family: inherit;
margin: 10px 0;
}
.breadcrumb ul li a:after {
position: absolute;
right: 0;
top: 1px;
content: '>'
}
.bottom-content {
margin-top: 20px
}
.mtfs {
margin-top: 10px;
font-size: 15px
}
.in {
display: inline-block
}
.height {
height: "21"
}
.ml40 {
margin-left: -14px
}
.txtdecoration {
text-decoration: underline !important
}
.black {
color: #000; /* content-text-color*/
}
.hide {
display: none
}
.location-price .price {
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 30px;
line-height: 32px;
color: #000;
float: right
}
.location-price .locationsize {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden
}
.lists span {
display: block;
text-align: left
}
.location-price .price .emPrice {
display: inline !important;
margin-left: 6px;
text-decoration: line-through;
vertical-align: middle;
margin-top: unset !important;
margin-bottom: unset !important;
float: unset !important;
line-height: 18px !important;
}
a.btn {
padding: 0;
width: 56px;
height: 48px;
font-family: proxima-nova, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 26px;
line-height: 42px;
color: #fff;
background: #00b900 !important; /* button-color;*/
border-radius: 3px;
border-color: #fff;
float: right;
-webkit-transition: background .1s linear, -webkit-box-shadow .1s linear;
transition: background .1s linear, box-shadow .1s linear, -webkit-box-shadow .1s linear;
background-color: #0027a4;
border-color: #00b900 !important; /* button-color*/
}
.mostsearchimg {
position: relative;
display: inline-block;
width: 128px;
background-position: 50% 50% !important;
background-repeat: no-repeat !important;
background-size: contain !important;
height: 96px
}
.table td,
.table th {
border-top: 0 !important
}
a.shop {
width: 100% !important;
padding: 0 40px;
height: 44px;
font-family: proxima-nova, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
line-height: 44px;
color: #fff;
background: #00b900 !important;
-webkit-box-shadow: 0 0 0 transparent !important;
box-shadow: 0 0 0 transparent !important;
border-color: #fff;
float: right;
-webkit-transition: background .1s linear, -webkit-box-shadow .1s linear;
transition: background .1s linear, box-shadow .1s linear, -webkit-box-shadow .1s linear
}
.flr {
float: right
}
.table tr td .removeitem:hover i {
color: red
}
.table tr td .text-dark i {
color: #0027a3; /*title-color;*/
cursor: pointer
}
.modal.fade:not(.in).right .modal-dialog {
-webkit-transform: translate3d(25%, 0, 0);
transform: translate3d(25%, 0, 0)
}
.txtright {
text-align: right !important
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: transparent !important
}
.modal-header .close {
margin-top: -45px !important;
margin-right: -2px !important;
font-size: 45px !important
}
.fadeInRight.hide {
animation: fadeOutRight .3s forwards;
visibility: hidden
}
.fadeInRight.show {
animation: fadeInRight .3s backwards;
visibility: visible
}
body .modal.fade .modal-dialog {
-webkit-transform: translate(0, -50px);
transform: translate(0, 0)
}
label.col-sm-5.black {
font-weight: 600;
margin-bottom: 0
}
.backshop {
float: left;
font-size: 13px
}
.bcolor {
color: #000
}
body #myModal .table td {
padding: 0
}
body .modal-content {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.shoppingcart tr td:first-child {
padding-left: 0
}
.prel {
position: relative
}
.fa,
.fab,
.fal,
.far,
.fas {
font-style: normal
}
.otherlinks i {
font-size: 16px;
line-height: 16px
}
.font18 {
font-size: 18px !important
}
.flmid {
display: flex;
align-items: center
}
.parts-items .lists {
font-size: 13px;
margin-bottom: 0
}
.parts-items .lists .fa-check {
color: #3aaa35 !important; /*product-icon-color;*/
margin-right: 6px
}
.all-parts .item {
margin-bottom: 30px
}
.flgrow {
flex-grow: 1
}
.icbold500 {
font-weight: 500 !important
}
.footerconnecticons i {
display: inline-block;
min-width: 18px;
margin-right: 8px;
font-size: 20px !important;
}
html body .mb30 {
margin-bottom: 30px !important
}
.paymentmethods img {
width: 24px;
height: 24px;
}
.mr10 {
margin-right: 10px !important
}
.mr20 {
margin-right: 20px !important
}
.nowrap {
white-space: nowrap
}
.height20 {
height: 20px !important
}
.copyright img {
width: auto;
height: auto;
max-height: 44px
}
.mb50 {
margin-bottom: 50px
}
.ml30 {
margin-left: 30px
}
.right-links .hambergerMenu {
margin-right: 0
}
.hambergerMenu.open span {
display: block !important
}
.flspacebetween {
justify-content: space-between
}
.user {
font-size: 24px;
color: #000; /* header-user-icon-color*/
}
.order1 {
order: 1
}
.order2 {
order: 2
}
.order3 {
order: 3
}
.order4 {
order: 4
}
.width100 {
width: 100% !important
}
.font20 {
font-size: 20px !important
}
.floatright {
float: right
}
.modal-open .navbar-fixed-bottom,
.modal-open .navbar-fixed-top,
body.modal-open {
margin-right: 0 !important
}
.width130px {
width: 130px
}
.vcenter {
vertical-align: middle !important
}
.mb10 {
margin-bottom: 10px !important
}
/* body .modal-header {
/* display: flex;
/* -webkit-border-radius: 0;
/* border-radius: 0;
/* background: #000089;
/* color: #fff;
/* padding: 27px 15px 26px
/* }*/
body .modal-header .close {
padding-right: 0;
border: 0 none !important;
outline: 0;
color: #fff;
text-shadow: none;
font-weight: 400;
opacity: 1
}
body .modal-header .close:hover {
color: #fff;
opacity: .75
}
.all-parts .head-block .search-bar label,
.all-parts .head-block p,
.product-heading,
.review p.address span{
color: #0027a3; /*title-color;*/
/* color: #0027a3*/
}
html body .font24 {
font-size: 24px !important
}
.img-container img {
display: block;
margin-right: auto !important;
margin-left: auto !important
}
.fa-times-circle:before {
font-weight: 400
}
@media screen and (min-width:768px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto
}
.overlay {
display: none !important
}
.mobileshowimg {
position: absolute;
z-index: -1;
opacity: 0
}
.mobilehideimg {
display: block !important
}
.links {
display: block !important
}
.show-only-desktop-one {
display: none
}
html body .modal-dialog {
right: 0;
height: 100vh;
position: absolute;
margin: 0
}
}
.cursor-pointer{
cursor: pointer;
}
.mtminus55{
margin-top: -55px;
}
.d-none{
display: none;
}
.d-block{
display: block;
}
.padleft22{
padding-left: 22px;
}
/*2. home-media.scss*/
@media(max-width:1280px) {
.all-parts .head-block .search-bar label {
margin-right: 10px
}
}
@media(max-width:1024px) {
.all-parts .head-block h2 {
float: none;
margin-bottom: 10px;
font-size: 24px
}
.all-parts .head-block .search-bar label {
font-size: 24px;
line-height: 28px
}
.all-parts .parts-items {
margin: 0 0 30px 0
}
.all-parts .bottom-links {
padding: 10px 0 30px 0
}
}
@media(max-width:992px) {
.all-parts .head-block .search-bar label,
.all-parts .head-block h2 {
font-size: 18px
}
.hambergerMenu {
margin-right: 20px
}
.all-parts .head-block {
margin: 0
}
.all-parts .head-block .search-bar {
margin: 0 0 15px 0
}
}
@media only screen and (max-width:991px) {
.ml-6 {
margin-left: 56px !important;
margin-top: -24px;
font-size: 16px;
float: right;
text-align: right;
font-weight: 400
}
.shoppingcart td {
padding: 0
}
}
.login-input{
width: 100%;
border: 1px solid #aaa;
border-radius: 4px;
margin: 8px 0;
outline: none;
padding: 12px;
box-sizing: border-box;
transition: .3s;
-webkit-border-radius: 0;
-moz-border-radius: 0;
color: #000!important;
}
/*3. common.scss}*/
body, header .search-container, header {
background-color: #fff; /* body-header-color ; */
}
.btncontact,
a.shop,
html body.categoryPage .all-parts .head-block .sorting-pagination .btn,
.ProductAddedInCart{ background-color: #000 !important; /* header-user-icon-color*/
}
.btncontact,
a.shop,
.ProductAddedInCart { border-color:#a68a00 }
.details a.btn { border-color:#a68a00; }
html body.categoryPage .all-parts .head-block .sorting-pagination .btn { border: 0 none; }
header .search-container .search-block input[type="text"]::-webkit-input-placeholder {
color: #38393b
}
header .search-container .search-block { border-color: transparent;}
header .search-container .search-block input[type="text"]:-ms-input-placeholder {
color: #38393b
}
header .search-container .search-block input[type="text"]::placeholder {
color: #38393b
}
.tab_content { background-color: transparent;}
.address p,
.contact-page .mainContent .content .impNum li,
.details ul li,
.breadcrumb ul li span,
.breadcrumb ul li a,
.clrgrey,
.all-parts .bottom-links a, footer .upper ul li,
.all-parts .head-block h2 a,
.all-parts .parts-items .content .location-price .location, .all-parts .parts-items .content .location-price .price em {color:#747474; /* content-details-text-color; */
}
footer .lower { background:#dbdbdb;
}
.all-parts .head-block .search-bar { border-bottom-color: #b19820;}
.all-parts .head-block .search-bar .block { border-width: 0}
.categoryPage .all-parts .head-block .sorting-pagination .sort-block select { background-color: #f5f5f4; /* search-drp-color;*/
color: #575757; /* search-txt-color; */
}
.pagination > li > a, .pagination > li > span {
background-color: #fff;
color: #2b2b2e;
border: 1px solid #b19820;
}
footer span.col-sm-6.black,
.fa-ideal.font24,
.footerconnecticons { color:#000 !important;}
.hero-content .hero-img { border-bottom-color: #ccc; /* nav-link-color;*/
}
header .right-links .links .cart-block span { background-color: #000089; /* header-cart-icon-color;*/
}
.hero-content .content ul.list li h2 {color: #747474 !important; /* banner-text-color; */
}
i.flag:not(.icon) {
display: inline-block;
width: 16px;
height: 11px;
line-height: 11px;
vertical-align: baseline;
margin: 0 .5em 0 0;
text-decoration: inherit;
speak: none;
font-smoothing: antialiased;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
i.flag:not(.icon):before {
display: inline-block;
content: '';
background: url(/assets/images/flags.png) no-repeat -108px -1976px;
width: 16px;
height: 11px;
}
i.flag.ad:before,
i.flag.andorra:before {
background-position: 0 0;
}
i.flag.ae:before,
i.flag.united.arab.emirates:before,
i.flag.uae:before {
background-position: 0 -26px;
}
i.flag.af:before,
i.flag.afghanistan:before {
background-position: 0 -52px;
}
i.flag.ag:before,
i.flag.antigua:before {
background-position: 0 -78px;
}
i.flag.ai:before,
i.flag.anguilla:before {
background-position: 0 -104px;
}
i.flag.al:before,
i.flag.albania:before {
background-position: 0 -130px;
}
i.flag.am:before,
i.flag.armenia:before {
background-position: 0 -156px;
}
i.flag.an:before,
i.flag.netherlands.antilles:before {
background-position: 0 -182px;
}
i.flag.ao:before,
i.flag.angola:before {
background-position: 0 -208px;
}
i.flag.ar:before,
i.flag.argentina:before {
background-position: 0 -234px;
}
i.flag.as:before,
i.flag.american.samoa:before {
background-position: 0 -260px;
}
i.flag.at:before,
i.flag.austria:before {
background-position: 0 -286px;
}
i.flag.au:before,
i.flag.australia:before {
background-position: 0 -312px;
}
i.flag.aw:before,
i.flag.aruba:before {
background-position: 0 -338px;
}
i.flag.ax:before,
i.flag.aland.islands:before {
background-position: 0 -364px;
}
i.flag.az:before,
i.flag.azerbaijan:before {
background-position: 0 -390px;
}
i.flag.ba:before,
i.flag.bosnia:before {
background-position: 0 -416px;
}
i.flag.bb:before,
i.flag.barbados:before {
background-position: 0 -442px;
}
i.flag.bd:before,
i.flag.bangladesh:before {
background-position: 0 -468px;
}
i.flag.be:before,
i.flag.belgium:before {
background-position: 0 -494px;
}
i.flag.bf:before,
i.flag.burkina.faso:before {
background-position: 0 -520px;
}
i.flag.bg:before,
i.flag.bulgaria:before {
background-position: 0 -546px;
}
i.flag.bh:before,
i.flag.bahrain:before {
background-position: 0 -572px;
}
i.flag.bi:before,
i.flag.burundi:before {
background-position: 0 -598px;
}
i.flag.bj:before,
i.flag.benin:before {
background-position: 0 -624px;
}
i.flag.bm:before,
i.flag.bermuda:before {
background-position: 0 -650px;
}
i.flag.bn:before,
i.flag.brunei:before {
background-position: 0 -676px;
}
i.flag.bo:before,
i.flag.bolivia:before {
background-position: 0 -702px;
}
i.flag.br:before,
i.flag.brazil:before {
background-position: 0 -728px;
}
i.flag.bs:before,
i.flag.bahamas:before {
background-position: 0 -754px;
}
i.flag.bt:before,
i.flag.bhutan:before {
background-position: 0 -780px;
}
i.flag.bv:before,
i.flag.bouvet.island:before {
background-position: 0 -806px;
}
i.flag.bw:before,
i.flag.botswana:before {
background-position: 0 -832px;
}
i.flag.by:before,
i.flag.belarus:before {
background-position: 0 -858px;
}
i.flag.bz:before,
i.flag.belize:before {
background-position: 0 -884px;
}
i.flag.ca:before,
i.flag.canada:before {
background-position: 0 -910px;
}
i.flag.cc:before,
i.flag.cocos.islands:before {
background-position: 0 -962px;
}
i.flag.cd:before,
i.flag.congo:before {
background-position: 0 -988px;
}
i.flag.cf:before,
i.flag.central.african.republic:before {
background-position: 0 -1014px;
}
i.flag.cg:before,
i.flag.congo.brazzaville:before {
background-position: 0 -1040px;
}
i.flag.ch:before,
i.flag.switzerland:before {
background-position: 0 -1066px;
}
i.flag.ci:before,
i.flag.cote.divoire:before {
background-position: 0 -1092px;
}
i.flag.ck:before,
i.flag.cook.islands:before {
background-position: 0 -1118px;
}
i.flag.cl:before,
i.flag.chile:before {
background-position: 0 -1144px;
}
i.flag.cm:before,
i.flag.cameroon:before {
background-position: 0 -1170px;
}
i.flag.cn:before,
i.flag.china:before {
background-position: 0 -1196px;
}
i.flag.co:before,
i.flag.colombia:before {
background-position: 0 -1222px;
}
i.flag.cr:before,
i.flag.costa.rica:before {
background-position: 0 -1248px;
}
i.flag.cs:before,
i.flag.serbia:before {
background-position: 0 -1274px;
}
i.flag.cu:before,
i.flag.cuba:before {
background-position: 0 -1300px;
}
i.flag.cv:before,
i.flag.cape.verde:before {
background-position: 0 -1326px;
}
i.flag.cx:before,
i.flag.christmas.island:before {
background-position: 0 -1352px;
}
i.flag.cy:before,
i.flag.cyprus:before {
background-position: 0 -1378px;
}
i.flag.cz:before,
i.flag.czech.republic:before {
background-position: 0 -1404px;
}
i.flag.de:before,
i.flag.germany:before {
background-position: 0 -1430px;
}
i.flag.dj:before,
i.flag.djibouti:before {
background-position: 0 -1456px;
}
i.flag.dk:before,
i.flag.denmark:before {
background-position: 0 -1482px;
}
i.flag.dm:before,
i.flag.dominica:before {
background-position: 0 -1508px;
}
i.flag.do:before,
i.flag.dominican.republic:before {
background-position: 0 -1534px;
}
i.flag.dz:before,
i.flag.algeria:before {
background-position: 0 -1560px;
}
i.flag.ec:before,
i.flag.ecuador:before {
background-position: 0 -1586px;
}
i.flag.ee:before,
i.flag.estonia:before {
background-position: 0 -1612px;
}
i.flag.eg:before,
i.flag.egypt:before {
background-position: 0 -1638px;
}
i.flag.eh:before,
i.flag.western.sahara:before {
background-position: 0 -1664px;
}
i.flag.er:before,
i.flag.eritrea:before {
background-position: 0 -1716px;
}
i.flag.es:before,
i.flag.spain:before {
background-position: 0 -1742px;
}
i.flag.et:before,
i.flag.ethiopia:before {
background-position: 0 -1768px;
}
i.flag.eu:before,
i.flag.european.union:before {
background-position: 0 -1794px;
}
i.flag.fi:before,
i.flag.finland:before {
background-position: 0 -1846px;
}
i.flag.fj:before,
i.flag.fiji:before {
background-position: 0 -1872px;
}
i.flag.fk:before,
i.flag.falkland.islands:before {
background-position: 0 -1898px;
}
i.flag.fm:before,
i.flag.micronesia:before {
background-position: 0 -1924px;
}
i.flag.fo:before,
i.flag.faroe.islands:before {
background-position: 0 -1950px;
}
i.flag.fr:before,
i.flag.france:before {
background-position: 0 -1976px;
}
i.flag.ga:before,
i.flag.gabon:before {
background-position: -36px 0;
}
i.flag.gb:before,
i.flag.united.kingdom:before {
background-position: -36px -26px;
}
i.flag.gd:before,
i.flag.grenada:before {
background-position: -36px -52px;
}
i.flag.ge:before,
i.flag.georgia:before {
background-position: -36px -78px;
}
i.flag.gf:before,
i.flag.french.guiana:before {
background-position: -36px -104px;
}
i.flag.gh:before,
i.flag.ghana:before {
background-position: -36px -130px;
}
i.flag.gi:before,
i.flag.gibraltar:before {
background-position: -36px -156px;
}
i.flag.gl:before,
i.flag.greenland:before {
background-position: -36px -182px;
}
i.flag.gm:before,
i.flag.gambia:before {
background-position: -36px -208px;
}
i.flag.gn:before,
i.flag.guinea:before {
background-position: -36px -234px;
}
i.flag.gp:before,
i.flag.guadeloupe:before {
background-position: -36px -260px;
}
i.flag.gq:before,
i.flag.equatorial.guinea:before {
background-position: -36px -286px;
}
i.flag.gr:before,
i.flag.greece:before {
background-position: -36px -312px;
}
i.flag.gs:before,
i.flag.sandwich.islands:before {
background-position: -36px -338px;
}
i.flag.gt:before,
i.flag.guatemala:before {
background-position: -36px -364px;
}
i.flag.gu:before,
i.flag.guam:before {
background-position: -36px -390px;
}
i.flag.gw:before,
i.flag.guinea-bissau:before {
background-position: -36px -416px;
}
i.flag.gy:before,
i.flag.guyana:before {
background-position: -36px -442px;
}
i.flag.hk:before,
i.flag.hong.kong:before {
background-position: -36px -468px;
}
i.flag.hm:before,
i.flag.heard.island:before {
background-position: -36px -494px;
}
i.flag.hn:before,
i.flag.honduras:before {
background-position: -36px -520px;
}
i.flag.hr:before,
i.flag.croatia:before {
background-position: -36px -546px;
}
i.flag.ht:before,
i.flag.haiti:before {
background-position: -36px -572px;
}
i.flag.hu:before,
i.flag.hungary:before {
background-position: -36px -598px;
}
i.flag.id:before,
i.flag.indonesia:before {
background-position: -36px -624px;
}
i.flag.ie:before,
i.flag.ireland:before {
background-position: -36px -650px;
}
i.flag.il:before,
i.flag.israel:before {
background-position: -36px -676px;
}
i.flag.in:before,
i.flag.india:before {
background-position: -36px -702px;
}
i.flag.io:before,
i.flag.indian.ocean.territory:before {
background-position: -36px -728px;
}
i.flag.iq:before,
i.flag.iraq:before {
background-position: -36px -754px;
}
i.flag.ir:before,
i.flag.iran:before {
background-position: -36px -780px;
}
i.flag.is:before,
i.flag.iceland:before {
background-position: -36px -806px;
}
i.flag.it:before,
i.flag.italy:before {
background-position: -36px -832px;
}
i.flag.jm:before,
i.flag.jamaica:before {
background-position: -36px -858px;
}
i.flag.jo:before,
i.flag.jordan:before {
background-position: -36px -884px;
}
i.flag.jp:before,
i.flag.japan:before {
background-position: -36px -910px;
}
i.flag.ke:before,
i.flag.kenya:before {
background-position: -36px -936px;
}
i.flag.kg:before,
i.flag.kyrgyzstan:before {
background-position: -36px -962px;
}
i.flag.kh:before,
i.flag.cambodia:before {
background-position: -36px -988px;
}
i.flag.ki:before,
i.flag.kiribati:before {
background-position: -36px -1014px;
}
i.flag.km:before,
i.flag.comoros:before {
background-position: -36px -1040px;
}
i.flag.kn:before,
i.flag.saint.kitts.and.nevis:before {
background-position: -36px -1066px;
}
i.flag.kp:before,
i.flag.north.korea:before {
background-position: -36px -1092px;
}
i.flag.kr:before,
i.flag.south.korea:before {
background-position: -36px -1118px;
}
i.flag.kw:before,
i.flag.kuwait:before {
background-position: -36px -1144px;
}
i.flag.ky:before,
i.flag.cayman.islands:before {
background-position: -36px -1170px;
}
i.flag.kz:before,
i.flag.kazakhstan:before {
background-position: -36px -1196px;
}
i.flag.la:before,
i.flag.laos:before {
background-position: -36px -1222px;
}
i.flag.lb:before,
i.flag.lebanon:before {
background-position: -36px -1248px;
}
i.flag.lc:before,
i.flag.saint.lucia:before {
background-position: -36px -1274px;
}
i.flag.li:before,
i.flag.liechtenstein:before {
background-position: -36px -1300px;
}
i.flag.lk:before,
i.flag.sri.lanka:before {
background-position: -36px -1326px;
}
i.flag.lr:before,
i.flag.liberia:before {
background-position: -36px -1352px;
}
i.flag.ls:before,
i.flag.lesotho:before {
background-position: -36px -1378px;
}
i.flag.lt:before,
i.flag.lithuania:before {
background-position: -36px -1404px;
}
i.flag.lu:before,
i.flag.luxembourg:before {
background-position: -36px -1430px;
}
i.flag.lv:before,
i.flag.latvia:before {
background-position: -36px -1456px;
}
i.flag.ly:before,
i.flag.libya:before {
background-position: -36px -1482px;
}
i.flag.ma:before,
i.flag.morocco:before {
background-position: -36px -1508px;
}
i.flag.mc:before,
i.flag.monaco:before {
background-position: -36px -1534px;
}
i.flag.md:before,
i.flag.moldova:before {
background-position: -36px -1560px;
}
i.flag.me:before,
i.flag.montenegro:before {
background-position: -36px -1586px;
}
i.flag.mg:before,
i.flag.madagascar:before {
background-position: -36px -1613px;
}
i.flag.mh:before,
i.flag.marshall.islands:before {
background-position: -36px -1639px;
}
i.flag.mk:before,
i.flag.macedonia:before {
background-position: -36px -1665px;
}
i.flag.ml:before,
i.flag.mali:before {
background-position: -36px -1691px;
}
i.flag.mm:before,
i.flag.myanmar:before,
i.flag.burma:before {
background-position: -73px -1821px;
}
i.flag.mn:before,
i.flag.mongolia:before {
background-position: -36px -1743px;
}
i.flag.mo:before,
i.flag.macau:before {
background-position: -36px -1769px;
}
i.flag.mp:before,
i.flag.northern.mariana.islands:before {
background-position: -36px -1795px;
}
i.flag.mq:before,
i.flag.martinique:before {
background-position: -36px -1821px;
}
i.flag.mr:before,
i.flag.mauritania:before {
background-position: -36px -1847px;
}
i.flag.ms:before,
i.flag.montserrat:before {
background-position: -36px -1873px;
}
i.flag.mt:before,
i.flag.malta:before {
background-position: -36px -1899px;
}
i.flag.mu:before,
i.flag.mauritius:before {
background-position: -36px -1925px;
}
i.flag.mv:before,
i.flag.maldives:before {
background-position: -36px -1951px;
}
i.flag.mw:before,
i.flag.malawi:before {
background-position: -36px -1977px;
}
i.flag.mx:before,
i.flag.mexico:before {
background-position: -72px 0;
}
i.flag.my:before,
i.flag.malaysia:before {
background-position: -72px -26px;
}
i.flag.mz:before,
i.flag.mozambique:before {
background-position: -72px -52px;
}
i.flag.na:before,
i.flag.namibia:before {
background-position: -72px -78px;
}
i.flag.nc:before,
i.flag.new.caledonia:before {
background-position: -72px -104px;
}
i.flag.ne:before,
i.flag.niger:before {
background-position: -72px -130px;
}
i.flag.nf:before,
i.flag.norfolk.island:before {
background-position: -72px -156px;
}
i.flag.ng:before,
i.flag.nigeria:before {
background-position: -72px -182px;
}
i.flag.ni:before,
i.flag.nicaragua:before {
background-position: -72px -208px;
}
i.flag.nl:before,
i.flag.netherlands:before {
background-position: -72px -234px;
}
i.flag.no:before,
i.flag.norway:before {
background-position: -72px -260px;
}
i.flag.np:before,
i.flag.nepal:before {
background-position: -72px -286px;
}
i.flag.nr:before,
i.flag.nauru:before {
background-position: -72px -312px;
}
i.flag.nu:before,
i.flag.niue:before {
background-position: -72px -338px;
}
i.flag.nz:before,
i.flag.new.zealand:before {
background-position: -72px -364px;
}
i.flag.om:before,
i.flag.oman:before {
background-position: -72px -390px;
}
i.flag.pa:before,
i.flag.panama:before {
background-position: -72px -416px;
}
i.flag.pe:before,
i.flag.peru:before {
background-position: -72px -442px;
}
i.flag.pf:before,
i.flag.french.polynesia:before {
background-position: -72px -468px;
}
i.flag.pg:before,
i.flag.new.guinea:before {
background-position: -72px -494px;
}
i.flag.ph:before,
i.flag.philippines:before {
background-position: -72px -520px;
}
i.flag.pk:before,
i.flag.pakistan:before {
background-position: -72px -546px;
}
i.flag.pl:before,
i.flag.poland:before {
background-position: -72px -572px;
}
i.flag.pm:before,
i.flag.saint.pierre:before {
background-position: -72px -598px;
}
i.flag.pn:before,
i.flag.pitcairn.islands:before {
background-position: -72px -624px;
}
i.flag.pr:before,
i.flag.puerto.rico:before {
background-position: -72px -650px;
}
i.flag.ps:before,
i.flag.palestine:before {
background-position: -72px -676px;
}
i.flag.pt:before,
i.flag.portugal:before {
background-position: -72px -702px;
}
i.flag.pw:before,
i.flag.palau:before {
background-position: -72px -728px;
}
i.flag.py:before,
i.flag.paraguay:before {
background-position: -72px -754px;
}
i.flag.qa:before,
i.flag.qatar:before {
background-position: -72px -780px;
}
i.flag.re:before,
i.flag.reunion:before {
background-position: -72px -806px;
}
i.flag.ro:before,
i.flag.romania:before {
background-position: -72px -832px;
}
i.flag.rs:before,
i.flag.serbia:before {
background-position: -72px -858px;
}
i.flag.ru:before,
i.flag.russia:before {
background-position: -72px -884px;
}
i.flag.rw:before,
i.flag.rwanda:before {
background-position: -72px -910px;
}
i.flag.sa:before,
i.flag.saudi.arabia:before {
background-position: -72px -936px;
}
i.flag.sb:before,
i.flag.solomon.islands:before {
background-position: -72px -962px;
}
i.flag.sc:before,
i.flag.seychelles:before {
background-position: -72px -988px;
}
i.flag.gb.sct:before,
i.flag.scotland:before {
background-position: -72px -1014px;
}
i.flag.sd:before,
i.flag.sudan:before {
background-position: -72px -1040px;
}
i.flag.se:before,
i.flag.sweden:before {
background-position: -72px -1066px;
}
i.flag.sg:before,
i.flag.singapore:before {
background-position: -72px -1092px;
}
i.flag.sh:before,
i.flag.saint.helena:before {
background-position: -72px -1118px;
}
i.flag.si:before,
i.flag.slovenia:before {
background-position: -72px -1144px;
}
i.flag.sj:before,
i.flag.svalbard:before,
i.flag.jan.mayen:before {
background-position: -72px -1170px;
}
i.flag.sk:before,
i.flag.slovakia:before {
background-position: -72px -1196px;
}
i.flag.sl:before,
i.flag.sierra.leone:before {
background-position: -72px -1222px;
}
i.flag.sm:before,
i.flag.san.marino:before {
background-position: -72px -1248px;
}
i.flag.sn:before,
i.flag.senegal:before {
background-position: -72px -1274px;
}
i.flag.so:before,
i.flag.somalia:before {
background-position: -72px -1300px;
}
i.flag.sr:before,
i.flag.suriname:before {
background-position: -72px -1326px;
}
i.flag.st:before,
i.flag.sao.tome:before {
background-position: -72px -1352px;
}
i.flag.sv:before,
i.flag.el.salvador:before {
background-position: -72px -1378px;
}
i.flag.sy:before,
i.flag.syria:before {
background-position: -72px -1404px;
}
i.flag.sz:before,
i.flag.swaziland:before {
background-position: -72px -1430px;
}
i.flag.tc:before,
i.flag.caicos.islands:before {
background-position: -72px -1456px;
}
i.flag.td:before,
i.flag.chad:before {
background-position: -72px -1482px;
}
i.flag.tf:before,
i.flag.french.territories:before {
background-position: -72px -1508px;
}
i.flag.tg:before,
i.flag.togo:before {
background-position: -72px -1534px;
}
i.flag.th:before,
i.flag.thailand:before {
background-position: -72px -1560px;
}
i.flag.tj:before,
i.flag.tajikistan:before {
background-position: -72px -1586px;
}
i.flag.tk:before,
i.flag.tokelau:before {
background-position: -72px -1612px;
}
i.flag.tl:before,
i.flag.timorleste:before {
background-position: -72px -1638px;
}
i.flag.tm:before,
i.flag.turkmenistan:before {
background-position: -72px -1664px;
}
i.flag.tn:before,
i.flag.tunisia:before {
background-position: -72px -1690px;
}
i.flag.to:before,
i.flag.tonga:before {
background-position: -72px -1716px;
}
i.flag.tr:before,
i.flag.turkey:before {
background-position: -72px -1742px;
}
i.flag.tt:before,
i.flag.trinidad:before {
background-position: -72px -1768px;
}
i.flag.tv:before,
i.flag.tuvalu:before {
background-position: -72px -1794px;
}
i.flag.tw:before,
i.flag.taiwan:before {
background-position: -72px -1820px;
}
i.flag.tz:before,
i.flag.tanzania:before {
background-position: -72px -1846px;
}
i.flag.ua:before,
i.flag.ukraine:before {
background-position: -72px -1872px;
}
i.flag.ug:before,
i.flag.uganda:before {
background-position: -72px -1898px;
}
i.flag.um:before,
i.flag.us.minor.islands:before {
background-position: -72px -1924px;
}
i.flag.us:before,
i.flag.america:before,
i.flag.united.states:before {
background-position: -72px -1950px;
}
i.flag.uy:before,
i.flag.uruguay:before {
background-position: -72px -1976px;
}
i.flag.uz:before,
i.flag.uzbekistan:before {
background-position: -108px 0;
}
i.flag.va:before,
i.flag.vatican.city:before {
background-position: -108px -26px;
}
i.flag.vc:before,
i.flag.saint.vincent:before {
background-position: -108px -52px;
}
i.flag.ve:before,
i.flag.venezuela:before {
background-position: -108px -78px;
}
i.flag.vg:before,
i.flag.british.virgin.islands:before {
background-position: -108px -104px;
}
i.flag.vi:before,
i.flag.us.virgin.islands:before {
background-position: -108px -130px;
}
i.flag.vn:before,
i.flag.vietnam:before {
background-position: -108px -156px;
}
i.flag.vu:before,
i.flag.vanuatu:before {
background-position: -108px -182px;
}
i.flag.gb.wls:before,
i.flag.wales:before {
background-position: -108px -208px;
}
i.flag.wf:before,
i.flag.wallis.and.futuna:before {
background-position: -108px -234px;
}
i.flag.ws:before,
i.flag.samoa:before {
background-position: -108px -260px;
}
i.flag.ye:before,
i.flag.yemen:before {
background-position: -108px -286px;
}
i.flag.yt:before,
i.flag.mayotte:before {
background-position: -108px -312px;
}
i.flag.za:before,
i.flag.south.africa:before {
background-position: -108px -338px;
}
i.flag.zm:before,
i.flag.zambia:before {
background-position: -108px -364px;
}
i.flag.zw:before,
i.flag.zimbabwe:before {
background-position: -108px -390px;
}
.mt50 {
margin-top: 50px;
}
/*4. banner.component.scss*/
.hero-content {
position: relative;
clear: both;
display: table;
width: 100%;
margin-bottom: 20px;
}
.hero-content-bg {
background: #f0f0f0; /* banner-bg-color;*/
}
.image-container {
position: relative;
}
.hero-content .hero-img {
max-width: 100%;
float: right;
clear: both;
border-bottom: 1px solid #ccc; /* nav-link-color;*/
height: 210px;
margin-right: -20px;
}
.gradientlayout {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 210px;
width: 102%;
background: linear-gradient(to left, black 0%, black 2%, transparent 15%, transparent 40%, black 60%, black 100%);
}
.gradientlayout-light {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 210px;
width: 102%;
background: linear-gradient(to left, #f0f0f0 0%, #f0f0f0 2%, transparent 15%, transparent 40%, #f0f0f0 60%, #f0f0f0 100%);
}
.hero-content .hero-img.mobile {
width: auto
}
.hero-content .content {
position: absolute;
top: 15px;
left: 0;
max-width: 1250px;
margin: 0 auto;
right: 0;
width: 100%
}
.hero-content .content ul.list {
margin: 14px 65px 0 0;
padding: 0;
max-width: 256px;
float: left
}
.hero-content .content ul.list li {
list-style: none;
font-size: 15px;
line-height: 20px;
margin: 0 0 15px 0;
padding: 0 0 0 40px;
position: relative;
font-family: proxima-nova, sans-serif;
font-weight: 300;
font-style: normal
}
.hero-content .content ul.list li:before {
position: absolute;
top: 2px;
left: 0;
content: "\f00c";
font-family: "Font Awesome 5 Pro";
font-size: 22px;
color: #000089; /* header-search-icon-color;*/
font-weight: 400
}
.hero-content .content ul.list li p strong {
font-weight: 700
}
.hero-content .content .banner-headings {
float: left;
width: 505px
}
.hero-content .content .banner-headings h1>span {
color: #00bfec
}
.hero-img, .mobile {
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
}
/* .hero-content .content .banner-headings h1,
/* .hero-content .content ul.list li:before{
/* color: #0027a3; /*title-color
/* }*/
@media(max-width:1280px) {
.hero-content .content {
top: 10px
}
.hero-content .content ul.list {
display: none
}
.hero-content .content .banner-headings h1 {
font-size: 3.12vw;
line-height: 4vw
}
}
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
.hero-img {
height: 150px !important;
}
.gradientlayout {
height: 150px;
}
.gradientlayout-light {
height: 150px;
}
.hero-content .content {
top: 30px
}
}
@media(max-width:1024px) {
.hero-content .content .banner-headings>span {
font-size: 20px;
line-height: 28px
}
.hero-content .hero-img {
margin-right: 0px;
}
.gradientlayout {
width: 100%;
}
.gradientlayout-light {
width: 100%;
}
}
@media(max-width:992px) {
.hero-content .content .banner-headings {
width: 375px
}
}
@media(max-width:360px) {
.hero-content .content .banner-headings {
width: 100%
}
.hero-content .content .banner-headings>span {
font-size: 14px;
line-height: 28px
}
.hero-content .content .banner-headings h1 {
font-size: 6vw;
line-height: 7.5vw;
margin: 0;
width: 100%
}
}
/*5. header.component.scss*/
hr {
border-top: 1px solid #fff; /* body-header-color;*/
}
.categoryColor {
color: #212529; /* category-color;*/
}
.searchdiv {
position: absolute;
margin-left: 3px;
}
.searchdiv .autosearch-results {
/* margin-top: -5px; */
margin-top: 0;
list-style: none;
background-color: #fff;
z-index: 21;
position: relative;
border: 1px solid #eee;
display: block;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.21);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.21);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.21);
}
.searchdiv .autosearch-results .autosearch-result:first-child {
border-top: none;
}
.searchdiv .autosearch-results .autosearch-result.lable {
border-top: 1px solid #eeeeee;
height: 30px;
}
.searchdiv .autosearch-results .autosearch-result {
border-top: 1px solid #fff;
position: relative;
height: 40px;
font-size: 13px;
}
.searchdiv .autosearch-results .autosearch-result .tooltip {
position: absolute;
right: 0px;
top: 0px;
width: 100%;
height: 30px;
padding-left: 10px;
background: #f1f1f1;
border-bottom: 1px solid #eeeeee;
text-align: left;
line-height: 30px;
font-size: 16px;
}
.searchdiv .autosearch-results .autosearch-result a {
text-decoration: none;
color: #666;
}
.searchdiv .autosearch-results .autosearch-result {
border-top: 1px solid #fff;
position: relative;
height: 40px;
font-size: 14px;
}
.searchdiv .autosearch-results .autosearch-result .autosearch-result-info {
position: absolute;
line-height: 30px;
left: 5px;
bottom: 5px;
height: 30px;
width: 350px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-indent: 10px;
width: 100%;
padding-right: 150px;
}
.searchdiv .autosearch-results .autosearch-result .imgParent{
width: 40px;
}
.searchdiv .autosearch-results .autosearch-result .imgcls {
position: relative;
display: inline-block;
width: 100%;
background-position: 50% 50%!important;
background-repeat: no-repeat!important;
background-size: cover!important;
margin-bottom: 10px;
height: 186px;
padding-top: 75% !important;
background-color: #eee;
height: 30px;
margin-left: 5px;
}
.searchdiv .autosearch-results .autosearch-result .autosearch-result-info img {
width: 40px;
height: 30px;
background-color: #eee;
display: block;
position: absolute;
left: 0px;
top: 0px;
}
.searchdiv .autosearch-results .autosearch-result .autosearch-result-right {
position: absolute;
right: 10px;
bottom: 10px;
height: 20px;
line-height: 20px;
white-space: nowrap;
width: 150px;
text-align: right;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.searchdiv .autosearch-results .autosearch-result.selected,
.searchdiv .autosearch-results .autosearch-result:hover {
background-color: #f5f5f5;
cursor: pointer;
}
header {
background: #fff; /* body-header-color*/
}
header .header-upper {
position: relative;
padding: 8px 0;
z-index: 1
}
header .logo a {
display: block;
position: relative
}
header .logo a .imgheaderfooter {
max-width: 100%;
width: auto;
height: auto;
max-height: 65px;
}
header .search-container {
float: left;
max-width: 100%
}
header .search-container p {
color: #fff;
padding: 12px 0;
margin: 0;
font-size: 14px;
line-height: 16px
}
header .search-container .search-block {
display: flex;
width: 100%;
height: 46px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
overflow: hidden
}
header .search-container .search-block .form-control {
border-radius: 0;
height: 100%;
border: 0
}
header .search-container .search-block .form-control:focus {
outline: 0;
box-shadow: none
}
header .search-container .search-block input[type=text]::-webkit-input-placeholder {
color: #c0b1b1
}
header .search-container .search-block input[type=text]:-ms-input-placeholder {
color: #c0b1b1
}
header .search-container .search-block input[type=text]::placeholder {
color: #c0b1b1
}
header .search-container .search-block select {
display: table-cell;
width: 188px;
background: #f3f3f3;
font-size: 17px;
color: #000;
padding-left: 25px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(./assets/images/dropdown-icon.svg) 135px center no-repeat #f3f3f3;
background-size: 10px
}
header .search-container .search-block .btn:focus {
outline: 0;
box-shadow: none
}
header .search-container .search-block .btn i {
font-size: 25px;
color: #fff;
line-height: 100%;
display: block
}
header .right-links .links a {
display: block
}
header .right-links .links {
position: relative;
margin: 0;
clear: both;
width: 100%
}
header .right-links .links>ul {
margin: 0;
padding: 0;
float: left;
display: none;
margin: 0;
padding: 0;
background: #fff;
text-align: left;
position: absolute;
right: 0;
top: 40px;
-webkit-box-shadow: #333 1px 1px 5px;
box-shadow: #333 1px 1px 5px;
width: 140px;
z-index: 1000
}
header .right-links .links>ul>li {
list-style: none;
position: relative
}
header .right-links .links>ul>li:first-child {
padding: 0
}
header .right-links .links>ul>li:first-child:after {
content: "";
color: #c8c8c8;
position: absolute;
top: 1px;
right: -8px
}
header .right-links .links>ul>li a {
color: #c8c8c8;
font-size: 14px;
line-height: 16px;
text-decoration: none
}
header .right-links .links .country-selection {
position: relative
}
header .right-links .links .country-selection>a {
display: block;
padding: 0 12px 0 0;
position: relative
}
header .right-links .links .country-selection>a:before {
position: absolute;
top: 5px;
right: 6px;
content: "\f078";
font-family: "Font Awesome 5 Pro";
font-size: 10px;
color: #000;
border: 2px solid #000;
border-radius: 50px;
height: 13px;
width: 13px;
background: #fff;
text-align: center;
line-height: 9px;
font-weight: 900
}
header .right-links .links .country-selection>a img {
height: 20px;
margin-right: 0;
border: 2px solid #000;
display: block
}
header .right-links .links .country-selection:hover ul.country-dropdown {
display: block
}
header .right-links .links .country-selection ul.country-dropdown {
margin: 0;
padding: 0;
background: #fff;
text-align: left;
position: absolute;
left: 0;
top: 36px;
-webkit-box-shadow: #333 1px 1px 5px;
-moz-box-shadow: #333 1px 1px 5px;
box-shadow: #333 1px 1px 5px;
width: 110px;
display: none;
z-index: 10000
}
header .right-links .links .country-selection ul.country-dropdown li {
list-style: none
}
header .right-links .links .country-selection ul.country-dropdown li a:hover {
background-color: rgba(0, 0, 0, .08)
}
header .right-links .links .country-selection ul.country-dropdown li a {
padding: 5px 10px;
text-decoration: none;
display: flex;
align-items: center;
border-bottom: 1px solid #ccc;
font-size: 13px;
color: black;
}
header .right-links .links .country-selection ul.country-dropdown li a img {
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0
}
header .right-links .links .country-selection ul.country-dropdown li a span {
display: inline-block;
vertical-align: middle;
font-size: 13px;
color: #000
}
header .right-links .links .cart-block {
float: right;
position: relative
}
header .right-links .links .cart-block a,
header .right-links .links .cart-block strong {
display: inline-block;
cursor: pointer
}
header .right-links .links .cart-block a:hover,
header .right-links .links .cart-block strong:hover {
opacity: .75
}
header .right-links .links .cart-block a img,
header .right-links .links .cart-block strong img {
width: 53px;
height: 100%
}
header .header-lower {
background-color: #fff; /* body-header-color;*/
display: table;
clear: both;
width: 100%;
padding: 20px 0 0 0;
position: absolute;
z-index: 9999;
border: 1px solid #fff; /* body-header-color;*/
top: 62px;
left: 0;
height: 85px;
}
header .header-lower nav {
float: left
}
header .header-lower nav p.mNavHeading {
display: none
}
header .header-lower nav ul.mainNavigation {
margin: 0;
padding: 0
}
header .header-lower nav ul.mainNavigation>li {
list-style: none;
float: left;
margin: 0;
padding: 0 27px 0 25px;
min-height: 45px
}
.only-mobile {
display: none;
}
.only-desktop {
display: block;
}
header .header-lower nav ul.mainNavigation>li:first-child {
padding-left: 0
}
header .header-lower nav ul.mainNavigation>li:last-child>a:after {
display: block
}
header .header-lower nav ul.mainNavigation>li>a {
text-decoration: none;
font-size: 20px;
line-height: 24px;
color: #3d3d3d;
position: relative;
display: block;
font-family: proxima-nova, sans-serif;
font-weight: 500;
font-style: normal
}
header .header-lower nav ul.mainNavigation>li>a h2 {
font-size: 20px;
line-height: 24px
}
header .header-lower a.start-adv {
float: right;
color: #000; /* content-text-color ;*/
font-size: 20px;
line-height: 24px;
text-decoration: none;
font-family: proxima-nova, sans-serif;
font-weight: 500;
font-style: normal
}
header .header-lower a.start-adv.mobile {
display: none
}
header .header-lower .megaMenu {
position: absolute;
left: 0;
width: 100%;
z-index: 2;
background: #fff; /* body-header-color;*/
top: 65px;
padding: 28px 0 0 0;
display: block;
box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .2);
}
header .header-lower .megaMenu p {
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 17px;
line-height: 25px;
color: #022a95;
margin: 0 0 15px
}
header .header-lower .megaMenu p a {
color: #0027a3; /*title-color;*/
text-decoration: none
}
header .header-lower .megaMenu ul.links {
margin: 0 0 25px 0;
padding: 0
}
header .header-lower .megaMenu ul.links li {
list-style: none
}
header .header-lower .megaMenu ul.links li a:hover {
color: #000; /* content-text-color*/
}
header .header-lower .megaMenu ul.links li a {
text-decoration: none;
color: #000; /* content-text-color;*/
font-size: 15px;
line-height: 22px;
font-family: proxima-nova, sans-serif;
font-weight: 300;
font-style: normal
}
header .header-lower nav h2 .country-selection {
position: absolute;
float: right;
top: 11px;
right: 18px
}
header .header-lower nav h2.country-selection>a {
display: inline-block;
padding: 0 24px 0 0;
position: relative
}
header .header-lower nav h2 .country-selection>a:before {
position: absolute;
top: 1px;
right: 0;
content: "\f078";
font-family: "Font Awesome 5 Pro";
font-size: 10px;
color: #fff
}
header .header-lower nav h2 .country-selection>a img {
-webkit-box-shadow: #333 1px 1px 5px;
-moz-box-shadow: #333 1px 1px 5px;
box-shadow: #333 1px 1px 5px
}
header .header-lower nav h2 .country-selection:hover ul.country-dropdown {
display: block
}
header .header-lower nav h2 .country-selection ul.country-dropdown {
margin: 0;
padding: 5px 10px;
background: #fff;
text-align: left;
position: absolute;
left: 0;
top: 24px;
-webkit-box-shadow: #333 1px 1px 5px;
-moz-box-shadow: #333 1px 1px 5px;
box-shadow: #333 1px 1px 5px;
width: 110px;
display: none;
z-index: 1
}
header .header-lower nav h2 .country-selection ul.country-dropdown li {
list-style: none
}
header .header-lower nav h2.country-selection ul.country-dropdown li a {
padding: 0;
text-decoration: none
}
header .header-lower nav h2 .country-selection ul.country-dropdown li a img {
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0
}
header .header-lower nav h2 .country-selection ul.country-dropdown li a span {
display: inline-block;
vertical-align: middle;
font-size: 13px;
color: #000
}
header .right-links .links.cart ul li a {
padding: 10px 15px;
border-bottom: 1px solid #ccc;
text-decoration: none;
color: #333;
}
header .right-links .links.cart ul li p {
padding: 10px 15px;
border-bottom: 1px solid #ccc;
text-decoration: none;
color: #333;
width: 100%;
height: 100%;
position: relative;
display: block;
}
header .logo {
padding: 0;
max-width: 250px;
margin-right: 50px;
min-width: 150px
}
header .logo a:after {
display: none
}
header .search-container {
max-width: 480px;
margin-right: 40px
}
header .search-container .search-block .form-control {
padding-left: 15px;
background-position: 128px center
}
header .right-links .links .country-selection {
margin: 0 0 0 10px;
padding: 10px 0
}
header .right-links .links .country-selection ul.country-dropdown {
right: 0;
left: inherit
}
@media(max-width:1025px) {
header .search-container .search-block .btn i {
font-size: 24px
}
header .header-lower {
padding: 15px 0
}
header .header-lower nav ul.mainNavigation>li {
margin: 0 20px 0 0;
padding: 0 22px 0 0
}
header .header-lower a.start-adv {
font-size: 18px;
line-height: 22px
}
header .megaMenu .onderdelenMenu p {
font-size: 16px;
margin: 15px 0 0 0;
padding: 8px 0
}
header .megaMenu .onderdelenMenu p.linkHeading {
position: relative;
cursor: pointer;
margin-top: 0
}
header .megaMenu .onderdelenMenu p.linkHeading.active {
border-bottom: 0
}
header .megaMenu .onderdelenMenu p.linkHeading.active:after {
content: '\f106'
}
}
@media(max-width:992px) {
header .search-container {
max-width: 370px
}
header .logo {
margin-right: 20px
}
header .right-links .links>ul>li a {
color: #c8c8c8;
font-size: 14px;
line-height: 16px;
text-decoration: none
}
}
@media(max-width:400px) {
header .logo a:after {
width: 94px;
height: 67px
}
header .header-lower nav p.mNavHeading {
font-size: 24px;
line-height: 30px
}
header .header-lower a.start-adv.mobile {
font-size: 16px
}
header .header-lower a.start-adv.mobile:after {
top: 0;
font-size: 20px;
font-weight: 500
}
header .megaMenu .onderdelenMenu p {
font-size: 16px;
margin: 15px 0 0 0;
padding: 10px 0
}
header .megaMenu .onderdelenMenu p.linkHeading {
position: relative;
cursor: pointer;
margin-top: 0
}
header .megaMenu .onderdelenMenu p.linkHeading.active {
border-bottom: 0
}
header .megaMenu .onderdelenMenu p.linkHeading.active {
border-bottom: 0
}
}
@media(max-width:374px) {
header .header-lower nav ul.mainNavigation {
max-height: 350px;
overflow-y: auto
}
}
/*6. vehicle-details.component.scss*/
.breadcrumb {
margin: 23px 0px 23px 1 !important;
}
.ngx-gallery {
display: inline-block;
margin-bottom: 20px;
z-index: 0;
}
ngx-gallery .ngx-gallery-thumbnails .ngx-gallery-thumbnail {
border: none !important;
}
ngx-gallery .ngx-gallery-thumbnail-size-cover .ngx-gallery-thumbnails .ngx-gallery-thumbnail {
background-size: contain !important;
height: 92px !important;
width: 128px !important;
}
ngx-gallery ngx-gallery-thumbnails {
height: calc(16% - 10px) !important;
}
ngx-gallery .ngx-gallery-image-size-cover .ngx-gallery-image {
background-size: contain !important;
}
ngx-gallery .ngx-gallery-icon .ngx-gallery-icon-content {
color: #000; /* content-text-color;*/
}
.detail {
display: inline;
}
.detail span {
float: left;
color: #000; /* content-text-color; */
font-size: 16px;
font-weight: 700;
width: 220px;
}
.details {
display: table;
width: 100%;
clear: both;
margin: 0 0 30px 0
}
.details em.strike {
font-family: proxima-nova, sans-serif;
font-weight: 400;
display: block;
font-size: 29px;
line-height: 37px;
font-style: normal;
color: #9fa9b5;
text-decoration: line-through;
margin: 0 0 20px 0
}
.details ul {
margin: 0 0 30px 0;
padding: 0
}
.details ul li {
list-style: none;
color: #747474; /* content-details-text-color;*/
font-size: 14px;
line-height: 24px
}
.details ul li i {
margin: 0 10px 0 0;
line-height: 26px
}
.details a.btn img {
display: inline-block;
max-width: 57px;
margin: 0 0 0 10px
}
.details a.btn:active,
.details a.btn:focus,
.details a.btn:hover {
outline: 0;
background-color: #00a000 !important;
color: #fff
}
.details .btn-primary:not(:disabled):not(.disabled):active {
background: #00bfff;
border-color: #00bfff;
outline: 0;
box-shadow: none
}
.review img {
margin: 0 0 5px 0;
max-width: 100%;
max-height: 150px
}
.review .images p {
line-height: 22px
}
.contacts li .contact-icon:hover {
color: #747474
}
.contacts li a:hover {
color: #fff
}
.review ul.contacts {
margin: 34px 0 0;
padding: 0;
overflow: hidden
}
.review ul.contacts li {
list-style: none;
font-size: 16px;
line-height: 26px;
color: #000
}
.review ul.contacts li i {
display: inline-block;
vertical-align: middle;
margin: 0 18px 0 0
}
.review ul.contacts li i.fa-mobile {
font-size: 17px
}
.review ul.contacts li i.fa-whatsapp {
font-size: 20px
}
.review ul.contacts li i.fa-globe {
font-size: 19px
}
.height28 {
height: 26px;
}
.contact-icon-call,
.contact-icon-mobile {
height: 70px;
width: 85px;
color: #2b2b2e;
background: #e8eaf0;
border-color: white;
font-weight: 350;
display: inline-block;
text-align: center;
vertical-align: middle;
cursor: pointer;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
margin-top: 5px;
}
.contact-icon-app {
height: 70px;
width: 85px;
color: #2b2b2e;
background: #e8eaf0;
border-color: white;
font-weight: 350;
display: inline-block;
text-align: center;
vertical-align: middle;
cursor: pointer;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
margin-top: 5px;
}
.contact-icon {
height: 70px;
width: 85px;
color: #2b2b2e;
background: #e8eaf0;
border-color: white;
font-weight: 350;
display: inline-block;
text-align: center;
vertical-align: middle;
cursor: pointer;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
margin-top: 5px;
}
.contacts li {
display: inline
}
.contacts li .contact-icon:hover {
color: #2b2b2e;
}
.contacts li a:hover {
color: #2b2b2e;
}
.contacts li .contact-icon:hover {
color: #2b2b2e;
}
.contacts li a:hover {
color: #2b2b2e;
}
.contact-icon {
height: 85px;
width: 100px;
color: #2b2b2e;
background: #e8eaf0;
display: inline-block;
text-align: center;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 8px;
-webkit-border-radius: 0;
border-radius: 0.35rem;
margin-left: 5px;
}
.contact-icon-call,
.contact-icon-mobile {
height: 85px;
width: 100px;
color: #2b2b2e;
background: #e8eaf0;
display: inline-block;
text-align: center;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 11px;
-webkit-border-radius: 0;
border-radius: 0.25rem;
margin-right: 5px;
}
.contact-icon-app {
height: 85px;
width: 100px;
color: #2b2b2e;
background: #e8eaf0;
display: inline-block;
text-align: center;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 8px;
-webkit-border-radius: 0;
border-radius: 0.25rem;
}
.review ul.contacts {
margin: 34px 0 0;
padding: 0;
overflow: hidden
}
.review ul.contacts li {
list-style: none;
font-size: 16px;
line-height: 26px;
color: #000
}
.review ul.contacts li i {
display: inline-block;
vertical-align: middle;
margin: 0 18px 0 0
}
.review ul.contacts li i.fa-mobile {
font-size: 17px
}
.review ul.contacts li i.fa-whatsapp {
font-size: 20px
}
.review ul.contacts li i.fa-globe {
font-size: 19px
}
.review ul.contacts {
margin: 34px 0 0;
padding: 0;
overflow: hidden
}
.review img {
margin: 0 0 5px 0;
max-width: 100%;
max-height: 150px;
}
a.btn img {
display: inline-block;
max-width: 57px;
margin: 0 0 0 10px;
height: 26px;
}
.pl15 {
padding-left: 15px;
}
.fontweight500 {
font-weight: 500 !important;
}
/* .font20 {
/* font-size: 32px !important;
/* }*/
ul.tabs li.active:after {
position: absolute;
left: 0;
bottom: 0;
background: #0026a3;
height: 8px;
width: 100%;
content: '';
}
.accordian {
margin-left: 150px;
margin-bottom: 0px;
}
.toggle {
display: none;
}
.inner {
margin-left: 50px;
margin-bottom: 0px;
}
ul li ul {
list-style: none;
}
/* ul li ul li ul li::before {
/* content: "";
/* }
/* ul li div::before {
/* content: "+ ";
/* }
/* ul li ul li::before {
/* content: "+ ";
/* }
/* ul li ul.show li ul li::before {
/* content: "- ";
/* }
/* ul li.show ul.show li ul li::before {
/* content: "- ";
/* }
/* ul li ul li.show::before {
/* content: "- ";
/* }*/
.shop-single .product-price .discount {
color: #6c6c6c;
font-size: 14px;
font-weight: 400;
line-height: 1;
text-decoration: line-through;
margin-right: 8px;
}
.discount {
color: #6c6c6c;
font-size: 14px;
font-weight: 400;
line-height: 1;
text-decoration: line-through;
margin-right: 8px;
}
@media (max-width: 1024px) {
ngx-gallery .ngx-gallery-thumbnail-size-cover .ngx-gallery-thumbnails .ngx-gallery-thumbnail {
height: 100% !important;
width: calc(45% - 8px) !important;
}
ngx-gallery ngx-gallery-thumbnails {
height: calc(25% - 10px) !important;
}
}
@media (max-width: 768px) {
ngx-gallery .ngx-gallery-thumbnail-size-cover .ngx-gallery-thumbnails .ngx-gallery-thumbnail {
height: 100% !important;
width: calc(45% - 8px) !important;
}
ngx-gallery ngx-gallery-thumbnails {
height: calc(25% - 10px) !important;
}
}
@media (max-width: 576px) {
.review ul.contacts {
margin: 0 0 20px 0;
}
ngx-gallery .ngx-gallery-thumbnail-size-cover .ngx-gallery-thumbnails .ngx-gallery-thumbnail {
height: 100% !important;
width: calc(45% - 8px) !important;
}
ngx-gallery ngx-gallery-thumbnails {
height: calc(25% - 10px) !important;
}
}
.breadcrumb p {
display: flex;
}
.bruttoprice {
font-size: 27px !important;
line-height: normal;
}
.cursorinherit {
cursor: unset !important;
}
ul.tabs {
margin: 0;
padding: 0;
list-style: none;
clear: both;
display: table;
width: 100%
}
ul.tabs li h2{
background: 0;
color: #000; /* content-text-color;*/
font-size: 18px;
line-height: 21px;
font-family: proxima-nova, sans-serif;
font-weight: 500;
font-style: normal;
float: left;
margin: 0 20px 0 0;
cursor: pointer;
text-transform: uppercase
}
ul.tabs li {
background: 0;
color: #000; /* content-text-color;*/
font-size: 18px;
line-height: 21px;
font-family: proxima-nova, sans-serif;
font-weight: 500;
font-style: normal;
float: left;
padding: 0 0 18px;
margin: 0 20px 0 0;
cursor: pointer;
text-transform: uppercase
}
ul.tabs li.active {
position: relative
}
ul.tabs li.active:after {
position: absolute;
left: 0;
bottom: 0;
background: #0027a3; /*title-color;*/
height: 8px;
width: 100%;
content: ''
}
.tab_content {
display: none;
border-top: 1px solid #9b9b9b;
padding: 40px 0px
}
.tab_content h4 {
color: #000; /* content-text-color;*/
font-size: 20px;
line-height: 22px;
margin: 0 0 20px
}
.tab_content .detail {
display: table;
width: 100%;
clear: both
}
.tab_content .detail span {
float: left;
color: #000;
font-size: 16px;
font-weight: 700;
width: 220px
}
.tab_content ul.accordion {
list-style: none;
padding: 0;
float: left;
margin: 0
}
.tab_content ul.accordion .inner {
padding-left: 1.5em;
overflow: hidden;
display: none
}
.tab_content ul.accordion li {
margin: .5em 0;
list-style: none;
color: #000
}
.tab_content ul.accordion li a.toggle {
width: 100%;
display: block;
color: #000;
border-radius: 0;
-webkit-transition: background .3s;
transition: background .3s;
position: relative;
text-decoration: none;
padding: 0
}
.tab_content ul.accordion li a.toggle:before {
content: '\f067';
font-family: "Font Awesome 5 Pro";
position: absolute;
left: -20px;
top: 0;
font-size: 12px
}
.tab_content ul.accordion li a.toggle.show:before {
content: '\f068'
}
.tab_content ul.accordion>li {
margin-top: 0
}
.tab_content.current {
display: inherit
}
#tab3 ul {
margin-left: 30px;
}
#tab2 ul {
margin-left: 30px;
}
.inner-title {
font-size: 1.75rem;
margin-bottom: 10px;
}
.stock-color {
color: #008500 !important;
}
.font-weight {
font-weight: 600;
}
.telephone-text {
font-size: 11px;
}
.contacts li a {
transition: background .15s ease-in-out;
}
.contacts li a:hover {
background-color: #d9dce6 !important;
}
.contacts li a {
transition: background .15s ease-in-out;
}
.contacts li i {
line-height: 32px !important;
margin-top: 10px !important;
}
.contacts li a:hover {
background-color: #d9dce6 !important;
}
.review ul.contacts li i.fa-phone {
font-size: 32px;
}
.content.images {
margin-left: 5px;
}
.contacts {
max-width: unset !important;
width: 316px !important;
padding: 0px !important;
}
/*7. checkout-detail.component.scss*/
b,strong {
font-weight: bolder
}
table {
border-collapse: collapse
}
th {
text-align: inherit
}
input[type=checkbox],input[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
.red {
color: red;
}
select:disabled{
background-color: #eee !important;
opacity: 1;
}
.text-right {
text-align: right;
}
@media (min-width: 768px) {
.col-md-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-md-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
}
@media (min-width: 992px) {
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
/* .col-lg-3 {
/* -ms-flex: 0 0 25%;
/* -webkit-box-flex: 0;
/* flex: 0 0 25%;
/* max-width: 25%
/* }*/
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-lg-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
}
.table {
width: 100%;
margin-bottom: 1rem;
color: #212529; /* checkout-table-text-color*/
}
/* .table td,.table th {
/* padding: .75rem;
/* vertical-align: middle;
/* border-top: 1px solid #ddd; /* checkout-table-color
/* }*/
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #ddd; /* checkout-table-color*/
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.col-form-label {
padding-top: calc(.375rem + 1px);
padding-bottom: calc(.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5
}
.ml-0, .mx-0 {
margin-left: 0!important;
}
.mr-0, .mx-0 {
margin-right: 0!important;
}
.form-group {
margin-bottom: 1rem
}
.form-check {
position: relative;
display: block;
padding-left: 1.25rem
}
.form-check-input {
position: absolute;
margin-top: .3rem;
margin-left: -1.25rem
}
.form-check-label {
margin-bottom: 0
}
.form-check-inline {
display: -ms-inline-flexbox;
display: -webkit-inline-box;
display: inline-flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
padding-left: 0;
margin-right: .75rem
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: .3125rem;
margin-left: 0
}
.breadcrumb {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none
}
.bg-light {
background-color: #f8f9fa!important
}
.border-0 {
border: 0!important
}
.rounded {
border-radius: .25rem!important
}
.d-flex {
display: -ms-flexbox!important;
display: -webkit-box!important;
display: flex!important
}
.shadow-sm {
-webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
}
/* .img-container {
/* width: 128px;
/* height:96px;
/* object-fit: contain;
/* }*/
.mb-0,.my-0 {
margin-bottom: 0!important
}
.ml-3,.mx-3 {
margin-left: 1rem!important
}
.fa-angle-right:before {
content: "\f105"
}
form .mb-16 {
margin-bottom: 1rem
}
form .business,form .create-and-account {
display: none
}
form .form-group .form-control {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
height: 46px
}
form .form-group label {
font-size: 15px;
line-height: 17px;
color: #000; /* checkout-text-color;*/
display: inline-block;
margin-bottom: 0;
padding: 5px;
}
form .form-group label span.validationText{
font-size: 15px;
line-height: 17px;
color: #000; /* checkout-text-color;*/
display: inline-block;
margin-bottom: 0;
padding: 5px;
}
form .form-group label.col-form-label {
padding: 14px 0 0
}
form .form-group label.col-form-label.required:after {
/* top: 12px; */
}
form .form-group label.required {
position: relative
}
form .form-group label.required:after {
position: absolute;
right: -7px;
top: 7px;
color: red;
content: "*";
font-style: normal;
font-size: 16px
}
form .btn {
background-color: #00b900; /* button-color; */
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-color: #00b900; /* button-color;*/
}
h4.marking-text {
background: #fff;
background: -webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(50%,#e3f8ff),to(#fff));
background: linear-gradient(to right,#fff 0,#e3f8ff 50%,#fff 100%);
font-family: proxima-nova,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 20px;
line-height: 25px;
color: #0027a3;
padding-top: 6px;
padding-bottom: 8px;
margin-top: 8px;
margin-bottom: 60px;
position: relative
}
h4.marking-text span {
font-family: proxima-nova,sans-serif;
font-weight: 900;
font-style: normal;
color: #0027a3; /* checkout-head-text-color;*/
font-size: 38px;
line-height: 25px
}
h4.marking-text i {
margin: 0 0 0 8px;
color: #0027a3; /* checkout-head-text-color;*/
position: relative;
top: 1px;
font-size: 18px
}
h4.marking-text a {
color: #0027a3;
text-decoration: none
}
h4.marking-text a span {
color: #0027a3; /* checkout-head-text-color*/
}
.form-control {
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.breadcrumb {
padding: 0;
border-radius: 0;
margin: 10px 0 15px;
background: 0
}
.breadcrumb ul {
margin: 0;
padding: 0;
display: table;
clear: both;
width: 100%
}
.breadcrumb ul li {
list-style: none;
float: left
}
/* .breadcrumb ul li span {
/* display: inline-block;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7
/* }
/* .breadcrumb ul li a {
/* text-decoration: none;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7;
/* -webkit-transition: color .15s ease-in-out;
/* transition: color .15s ease-in-out;
/* position: relative;
/* padding: 0 14px 0 0;
/* margin: 0 8px 0 0
/* }*/
.breadcrumb ul li a:after {
position: absolute;
right: 0;
top: 1px;
content: '>'
}
.shopping-cart h4.marking-text {
margin-bottom: 20px
}
.shopping-cart .mainContent {
margin-bottom: 100px
}
.shopping-cart .mainContent h2.small-heading {
font-size: 18px;
line-height: 20px;
margin: 0 0 10px;
color: #000; /* checkout-text-color*/
}
.shopping-cart .mainContent.checkout .checkout-wrap {
width: 100%;
margin-bottom: 50px;
}
.shopping-cart .mainContent.checkout .login-block {
width: 100%;
margin: 30px 0;
padding: 30px;
display: none;
}
.shopping-cart .mainContent .table tr td .product-quantity {
width: 90px;
}
.shopping-cart .mainContent .table tr td .product-quantity input[type="text"] {
width: 30px;
border-color: #0027a3; /* shopping-cart-icon-color;*/
background: #fff;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-align: center;
}
.shopping-cart .mainContent .table tr td .product-quantity a {
background: #0027a3; /* shopping-cart-icon-color;*/
width: 25px;
height: 25px;
border-radius: 100%;
display: inline-block;
text-align: center;
cursor: pointer;
}
.shopping-cart .mainContent .table tr td .product-quantity a i {
color: #fff;
font-weight: 400;
line-height: inherit;
}
.shopping-cart .mainContent.checkout .login-block form {
margin-bottom: 20px
}
.shopping-cart .mainContent.checkout .login-block form .form-group {
margin-bottom: 0
}
.shopping-cart .mainContent.checkout .login-block form .btn {
width: 100%;
height: 100%
}
.shopping-cart .mainContent.checkout .login-block a.forgot-link {
color: #000; /* checkout-text-color;*/
text-decoration: underline
}
.shopping-cart .mainContent .table tr td span.text-muted {
font-size: 14px;
line-height: 16px;
font-style: normal!important;
white-space: normal;
}
form .form-group span.error {
color: red;
font-size: 15px;
line-height: 17px;
}
.shopping-cart .mainContent.checkout .block {
margin: 0 0 40px
}
.shopping-cart .mainContent.checkout .table tr th {
font-size: 14px;
background: #ddd !important; /* checkout-table-color*/
}
/* .shopping-cart .mainContent.checkout .table tr td .text-dark {
/* font-size: 16px;
/* white-space: normal;
/* text-decoration: none;
/* color: #0027a3; /* checkout-head-text-color;
/* }*/
.shopping-cart .mainContent.checkout .table tr td .icon-dark {
font-size: 16px;
white-space: normal;
text-decoration: none;
color: #0027a3; /* checkout-head-text-color;*/
display: flex;
justify-content: center;
}
.shopping-cart .mainContent.checkout .payment h2 {
font-size: 18px;
line-height: 20px;
margin: 0 0 10px;
color: #000; /* checkout-text-color*/
}
.shopping-cart .mainContent h1.page-title {
font-size: 32px;
line-height: 34px;
color: #0027a3; /* checkout-head-text-color;*/
font-family: proxima-nova,sans-serif;
font-weight: 700;
font-style: normal;
margin: 0 0 40px
}
.overviewPageTitle {
margin: 0px !important;
}
.shopping-cart .mainContent .table {
border-bottom: 1px solid #ddd; /* checkout-table-color;*/
white-space: nowrap
}
.shopping-cart .mainContent .table tr th {
padding: 1.25rem .75rem
}
.shopping-cart .mainContent .table tr td:first-child {
width: 100%
}
.shopping-cart .mainContent .table tr td h2 {
font-size: 18px;
line-height: 22px
}
.shopping-cart .mainContent .order-selection .form-group {
text-align: right;
}
/* .border-0 strong{
margin-right: -4px;
} */
.shopping-cart .mainContent .order-selection .form-group p {
text-align: right;
margin-bottom: 5px;
}
.shopping-cart .mainContent .order-selection .form-group p em {
font-family: proxima-nova,sans-serif;
font-weight: 700;
font-style: normal;
margin: 0 0 0 100px
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.feature-panel.checkout {
border: 0;
padding: 0;
margin: 0 auto;
}
.flex-container {
padding: 0;
margin: 0 -10px 20px;
list-style: none;
-ms-box-orient: horizontal;
display: -webkit-box;
display: -ms-flexbox;
display: -moz-flex;
display: flex;
}
.flex-item {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
width: 50%;
border-left: 1px solid #606060;
border-top: 0;
padding: 0 15px;
}
/* address, blockquote, dd, dl, fieldset, form, ol, p, pre, table, ul {
/* margin-bottom: 20px;
/* }*/
address {
font-style: normal;
line-height: 1.42857143;
}
.TextColor {
color: #000; /* checkout-text-color;*/
}
.inputText {
width: 30px;
border-color: #0027a3; /* checkout-head-text-color;*/
background: #fff;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-align: center;
}
.btnCheckOut {
background-color: #000;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-color: #000;
}
.hrMargin {
margin-top: 15px;
margin-bottom: 15px;
}
.mr-10 {
margin-right: 0px;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-5 {
margin-bottom: 5px;
}
.mt-15 {
margin-top: 15px;
}
.borderNone{
border-left: none;
}
.txtalign {
text-align: center;
}
.floatRight {
float: right;
}
.padding10 {
padding: 10px 0 !important;
}
.shopping-cart .mobile-cart .item-detail span.text-muted {
font-size: 14px;
margin: 0 0 10px;
display: block
}
.shopping-cart .mainContent.checkout .mobile-cart {
display: none
}
.shopping-cart .mainContent.checkout .desktop-cart {
display:block
}
@media(max-width: 374px) {
header .header-lower nav ul.mainNavigation {
max-height:350px;
overflow-y: auto
}
.img-container {
width: 70px;
height:56px;
}
.shopping-cart .mainContent .table tr td {
padding: .75rem 0
}
.shopping-cart .mainContent .table tr td .d-flex .ml-3 {
margin-left: 10px!important
}
.shopping-cart .mainContent .table tr td .d-flex .ml-3 h2,.shopping-cart .mainContent .table tr td .d-flex .ml-3 h2 a {
font-size: 14px;
line-height: 18px
}
form .form-group label.required:after {
position: absolute;
right: -7px;
top: 1px;
color: red;
content: "*";
font-style: normal;
font-size: 16px;
}
h2 {
line-height: 0.1;
margin-bottom: 0px;
}
}
.chekout-text{
float: right;padding: 5px 0 5px 5px;
}
.autowidth{
width: auto;
}
a button {
width: auto;
font-family: proxima-nova,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 22px;
line-height: 30px;
color: #fff;
background: #00bfff;
border-color: #fff;
float: right;
border-radius: 5px !important;
background-color: #00bfff;
box-shadow: inset 0 -2px 0 0 #0027a3;
transition: background .1s linear,box-shadow .1s linear;
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}
.em-bold {
font-weight: 700;
font-style: normal;
}
a {
text-decoration: underline;
}
.error-message-12{
font-size: 12px;
color: red;
}
.disabled-icon{
filter: grayscale(100%);
opacity: 0.5;
}
/*8. main.scss*/
.content.cmspage ul li {
margin-left: 30px;
}
@media(max-width:1280px) {
#pictures {
min-height: 0
}
.all-parts .head-block .search-bar label {
margin-right: 10px
}
}
@media(max-width:1024px) {
.tab_content {
padding: 30px 5px
}
.all-parts.last .parts-items {
margin: 0 0 70px 0
}
.all-parts .head-block h2 {
float: none;
margin-bottom: 10px;
font-size: 24px
}
.all-parts .head-block .search-bar label {
font-size: 24px;
line-height: 28px
}
.all-parts .parts-items {
margin: 0 0 30px 0
}
.all-parts .parts-items .content h3 {
font-size: 18px;
line-height: 22px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 44px
}
.all-parts .parts-items .content .location-price .location {
width: 66%;
margin: 0
}
.all-parts .parts-items .content .location-price .price {
font-size: 20px;
line-height: 26px
}
.all-parts .parts-items .content .img-lists .img {
width: 38%
}
.all-parts .parts-items .content .lists {
font-size: 14px;
line-height: 20px
}
.all-parts .bottom-links {
padding: 10px 0 30px 0
}
p.marking-text {
font-size: 18px;
line-height: 1.44;
margin-bottom: 30px
}
p.marking-text span {
font-size: 28px;
line-height: 1.44
}
.breadcrumb {
margin: 10px 0 15px
}
.categoryPage .all-parts .head-block h2 {
font-size: 24px;
line-height: 24px;
margin: 0
}
.categoryPage .all-parts .head-block .sorting-pagination {
margin: 0 0 30px 0
}
.categoryPage .search-bar .block .btn {
width: 50px
}
.categoryPage .search-bar .block .btn i {
font-size: 24px
}
.categoryPage .search-bar label {
font-size: 20px;
line-height: 24px;
margin: 0 0 10px 0
}
.categoryPage .filter h4 {
font-size: 20px;
line-height: 24px;
margin: 0 0 10px 0;
padding: 0 0 10px 0
}
.categoryPage .filter ul.filter-list a.toggle {
font-size: 18px;
line-height: 20px;
padding: 10px 0
}
.categoryPage .filter ul.filter-list a.toggle:after {
top: 10px
}
.categoryPage .selected h4 {
font-size: 20px;
line-height: 24px
}
.product-heading {
font-size: 24px;
line-height: 28px
}
.content.cmspage ul li {
margin-left: 30px;
}
}
@media(max-width:992px) {
.all-parts .parts-items .content .location-price .price em {
margin-top: 8px
}
.categoryPage .all-parts .head-block .sorting-pagination .sort-block select {
padding-right: 0!important;
width: 160px
}
.smblk {
display: block!important
}
html body .smml0 {
margin-left: 0!important
}
.all-parts .parts-items .content h3 {
font-size: 16px
}
.all-parts .head-block .search-bar label, .all-parts .head-block h2 {
font-size: 18px
}
.all-parts .head-block {
margin: 0
}
.all-parts .head-block .search-bar {
margin: 0 0 15px 0
}
.categoryPage .all-parts .head-block .sorting-pagination .paging-info span em {
font-weight: 700
}
.categoryPage .all-parts .head-block .sorting-pagination .paging-info span:last-child {
display: none
}
.mt10 {
margin-top: 10px
}
}
@media only screen and (max-width:991px) {
.ml-6 {
margin-left: 56px!important;
margin-top: -24px;
font-size: 16px;
float: right;
text-align: right;
font-weight: 400
}
.shoppingcart td {
padding: 0
}
}
@media(max-width:576px) {
.details a.btn {
width: 100%
}
.review ul.contacts {
margin: 0 0 20px 0
}
}
@media(max-width:400px) {
.categoryPage .mainContent .mobilefilters p.mNavHeading {
font-size: 20px;
line-height: 24px;
padding: 15px 10px 16px
}
.categoryPage .mainContent .mobilefilters p.mNavHeading i {
line-height: inherit
}
}
@media(max-width:360px) {
.pagination li {
margin: 0
}
.categoryPage .all-parts .head-block .sorting-pagination .btn {
padding: 2px 10px;
width: auto;
height: 34px;
margin-top: 25px;
background-color: #0027a3; /*title-color;*/
border-color: #0027a3; /*title-color;*/
line-height: 29px
}
.categoryPage .all-parts .head-block .sorting-pagination .sort-block {
display: block!important;
text-align: right
}
.categoryPage .all-parts .head-block .sorting-pagination .sort-block label {
margin: 0 10px 0 0
}
}
/*9. fonts.scss*/
/*
@font-face {
font-family : "proxima-nova";
src : url("https:/*use.typekit.net/af/b683e3/00000000000000003b9b306c/27/l?subset_id=2&fvd=n9&v=3") format("woff2"), url("https:/*use.typekit.net/af/b683e3/00000000000000003b9b306c/27/d?subset_id=2&fvd=n9&v=3") format("woff"), url("https:/*use.typekit.net/af/b683e3/00000000000000003b9b306c/27/a?subset_id=2&fvd=n9&v=3") format("opentype");
font-display: swap;
font-style : normal;
font-weight : 900;
}
@font-face {
font-family : "proxima-nova";
src : url("https:/*use.typekit.net/af/949f99/00000000000000003b9b3068/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https:/*use.typekit.net/af/949f99/00000000000000003b9b3068/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https:/*use.typekit.net/af/949f99/00000000000000003b9b3068/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display: swap;
font-style : normal;
font-weight : 700;
}
@font-face {
font-family : "proxima-nova";
src : url("https:/*use.typekit.net/af/4c4052/00000000000000003b9b3069/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https:/*use.typekit.net/af/4c4052/00000000000000003b9b3069/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https:/*use.typekit.net/af/4c4052/00000000000000003b9b3069/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display: swap;
font-style : italic;
font-weight : 700;
}
@font-face {
font-family : "proxima-nova";
src : url("https:/*use.typekit.net/af/705e94/00000000000000003b9b3062/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https:/*use.typekit.net/af/705e94/00000000000000003b9b3062/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https:/*use.typekit.net/af/705e94/00000000000000003b9b3062/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display: swap;
font-style : normal;
font-weight : 400;
}
@font-face {
font-family : "proxima-nova";
src : url("https:/*use.typekit.net/af/5c70f2/00000000000000003b9b3063/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https:/*use.typekit.net/af/5c70f2/00000000000000003b9b3063/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https:/*use.typekit.net/af/5c70f2/00000000000000003b9b3063/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display: swap;
font-style : italic;
font-weight : 400;
}
@font-face {
font-family : "proxima-nova";
src : url("https:/*use.typekit.net/af/cebe0e/00000000000000003b9b3060/27/l?subset_id=2&fvd=n3&v=3") format("woff2"), url("https:/*use.typekit.net/af/cebe0e/00000000000000003b9b3060/27/d?subset_id=2&fvd=n3&v=3") format("woff"), url("https:/*use.typekit.net/af/cebe0e/00000000000000003b9b3060/27/a?subset_id=2&fvd=n3&v=3") format("opentype");
font-display: swap;
font-style : normal;
font-weight : 300;
}
@font-face {
font-family : "proxima-nova";
src : url("https:/*use.typekit.net/af/6e816b/00000000000000003b9b3064/27/l?subset_id=2&fvd=n5&v=3") format("woff2"), url("https:/*use.typekit.net/af/6e816b/00000000000000003b9b3064/27/d?subset_id=2&fvd=n5&v=3") format("woff"), url("https:/*use.typekit.net/af/6e816b/00000000000000003b9b3064/27/a?subset_id=2&fvd=n5&v=3") format("opentype");
font-display: swap;
font-style : normal;
font-weight : 500;
}
@font-face {
font-family : "houschka-rounded";
src : url("https:/*use.typekit.net/af/9162c3/00000000000000003b9b1bb9/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https:/*use.typekit.net/af/9162c3/00000000000000003b9b1bb9/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https:/*use.typekit.net/af/9162c3/00000000000000003b9b1bb9/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display: swap;
font-style : normal;
font-weight : 300;
}
@font-face {
font-family : "houschka-rounded";
src : url("https:/*use.typekit.net/af/2221b7/00000000000000003b9b1bb8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"), url("https:/*use.typekit.net/af/2221b7/00000000000000003b9b1bb8/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"), url("https:/*use.typekit.net/af/2221b7/00000000000000003b9b1bb8/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
font-display: swap;
font-style : italic;
font-weight : 300;
}
@font-face {
font-family : "houschka-rounded";
src : url("https:/*use.typekit.net/af/c9951f/00000000000000003b9b1bb7/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https:/*use.typekit.net/af/c9951f/00000000000000003b9b1bb7/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https:/*use.typekit.net/af/c9951f/00000000000000003b9b1bb7/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display: swap;
font-style : normal;
font-weight : 700;
}
@font-face {
font-family : "houschka-rounded";
src : url("https:/*use.typekit.net/af/e2950e/00000000000000003b9b1bae/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https:/*use.typekit.net/af/e2950e/00000000000000003b9b1bae/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https:/*use.typekit.net/af/e2950e/00000000000000003b9b1bae/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display: swap;
font-style : italic;
font-weight : 700;
} */
.tk-proxima-nova {
font-family: "proxima-nova", sans-serif;
}
.tk-houschka-rounded {
font-family: "houschka-rounded", sans-serif;
}
.proxima-nova-regular-normal {
font-family: proxima-nova, sans-serif;
font-weight: 400;
font-style : normal;
}
.proxima-nova-regular-italic {
font-family: proxima-nova, sans-serif;
font-weight: 400;
font-style : italic;
}
.proxima-nova-bold-normal {
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style : normal;
}
.proxima-nova-bold-italic {
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style : italic;
}
.proxima-nova-light-regular {
font-family: proxima-nova, sans-serif;
font-weight: 300;
font-style : normal;
}
.proxima-nova-medium-regular {
font-family: proxima-nova, sans-serif;
font-weight: 500;
font-style : normal;
}
.proxima-nova-black-regular {
font-family: proxima-nova, sans-serif;
font-weight: 900;
font-style : normal;
}
.houschka-rounded-light-normal {
font-family: houschka-rounded, sans-serif;
font-weight: 300;
font-style : normal;
}
.houschka-rounded-light-italic {
font-family: houschka-rounded, sans-serif;
font-weight: 300;
font-style : italic;
}
.houschka-rounded-bold-normal {
font-family: houschka-rounded, sans-serif;
font-weight: 700;
font-style : normal;
}
.houschka-rounded-bold-italic {
font-family: houschka-rounded, sans-serif;
font-weight: 700;
font-style : italic;
}
@font-face {
font-display: swap;
font-family: "Font Awesome 5 Brands";
font-style: normal;
font-weight: 400;
src: url(/assets/fonts/fa-brands-400.eot);
src: url(/assets/fonts/fa-brands-400.woff2) format("woff2"), url(/assets/fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/fa-brands-400.woff) format("woff"), url(/assets/fonts/fa-brands-400.ttf) format("truetype");
font-display: swap
}
@font-face {
font-display: swap;
font-family: "Font Awesome 5 Pro";
font-style: normal;
font-weight: 400;
src: url(/assets/fonts/fa-regular-400.eot);
src: url(/assets/fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/fa-regular-400.woff2) format("woff2"), url(/assets/fonts/fa-regular-400.woff) format("woff"), url(/assets/fonts/fa-regular-400.ttf) format("truetype");
font-display: swap
}
/*10. styles.scss */
@import "~font-awesome/css/font-awesome.css";
/*11. colors.scss*/
/* $title-color-light: #0027a3;
/* $title-color-dark: #0188DD;
/* $button-color-light: #00b900 ;
/* $button-color-dark: #00b900;
/* $content-text-color: #000;
/* $content-text-color-dark: #fff;
/* $content-details-text-color: #747474;
/* $content-details-text-color-dark: #c6c6c6;
/* $nav-color: #383838;
/* $nav-color-dark: #a0a0a1;/*#c6c6c6;
/* $nav-float-color-light: #383838;
/* $nav-float-color-dark: #6c6c6c;/*#c6c6c6;
/* $nav-link-color: #ccc;
/* $nav-link-color-dark: #000;
/* $body-header-color: #fff ;
/* $body-header-color-dark: #2b2b2e;
/* $footer-color: #dbdbdb ;
/* $footer-color-dark: #9c9c9c;
/* $footer-tab-color-light: #ebebeb ;
/* $footer-tab-color-dark: #ebebeb;
/* $header-search-icon-color-light: #000089;
/* $header-search-icon-color-dark: #0188DD;
/* $header-user-icon-color-light: #000;
/* $header-user-icon-color-dark: #0188DD;
/* $header-cart-icon-color-light: #000089;
/* $header-cart-icon-color-dark: #54c031;
/* $header-search-box-color-light: #383838 ;
/* $header-search-box-color-dark: #2b2b2e;
/* $banner-heading-text-color-light: #383838;
/* $banner-heading-text-color-dark: #fff;
/* $banner-text-color-light: #747474;
/* $banner-text-color-dark: #fff;
/* $product-icon-color-light: #3aaa35;
/* $product-icon-color-dark: #0188DD;
/* $search-drp-color-light: #f5f5f4;
/* $search-drp-color-dark: #9c9c9c;
/* $search-txt-color-light: #575757;
/* $search-txt-color-dark: #000;
/* $search-sub-filter-header-color-light: #0027a3;
/* $search-sub-filter-header-color-dark: #fff;
/* $login-color-light: #0027a3;
/* $login-color-dark: #0188DD;
/* $login-btn-color-light: #00c0ff;
/* $login-btn-color-dark: #0188DD;
/* $login-lbl-color-light: #00c0ff;
/* $login-lbl-color-dark: #0188DD;
/* $panel-color-light: #fff;
/* $panel-color-dark: #2b2b2e;
/* $panel-hover-color-light: dodgerblue;
/* $panel-hover-color-dark: #0188DD;
/* $register-text-color-light: #000;
/* $register-text-color-dark: #fff;
/* $register-head-text-color-light: #000;
/* $register-head-text-color-dark: #0188DD;
/* $register-block-border-color-light: #0027a3;
/* $register-block-border-color-dark: #0188DD;
/* $my-account-text-color-light: #000;
/* $my-account-text-color-dark: #fff;
/* $my-account-head-text-color-light: #000;
/* $my-account-head-text-color-dark: #0188DD;
/* $change-password-text-color-light: #000;
/* $change-password-text-color-dark: #fff;
/* $change-password-head-text-color-light: #0027a3;
/* $change-password-head-text-color-dark: #0188DD;
/* $forgot-password-text-color-light: #000;
/* $forgot-password-text-color-dark: #fff;
/* $forgot-password-head-text-color-light: #0027a3;
/* $forgot-password-head-text-color-dark: #0188DD;
/* $shopping-cart-icon-color-light: #0027a3;
/* $shopping-cart-icon-color-dark: #0188DD;
/* $shopping-cart-text-color-light: #212529;
/* $shopping-cart-text-color-dark: #fff;
/* $shopping-cart-head-text-color-light: #0027a3;
/* $shopping-cart-head-text-color-dark: #0188DD;
/* $shopping-cart-muted-text-color-light: #6c757d;
/* $shopping-cart-muted-text-color-dark: #fff;
/* $shopping-table-text-color-light: #f8f9fa;
/* $shopping-table-text-color-dark: #0188DD;
/* $checkout-head-text-color-light: #0027a3;
/* $checkout-head-text-color-dark: #0188DD;
/* $checkout-text-color-light: #000;
/* $checkout-text-color-dark: #fff;
/* $checkout-muted-text-color-light: #6c757d;
/* $checkout-muted-text-color-dark: #fff;
/* $checkout-table-color-light: #ddd;
/* $checkout-table-color-dark: #0188DD;
/* $checkout-table-text-color-light: #212529;
/* $checkout-table-text-color-dark: #fff;
/* $category-table-text-color-light: #212529;
/* $category-table-text-color-dark: #0188DD;
/* $search-filter-head-text-color-light: #333;
/* $search-filter-head-text-color-dark: #0188DD;
/* $price-text-color-light: #4d4d4d;
/* $price-text-color-dark: #fff;
/* $banner-bg-color-light: #f0f0f0;
/* $banner-bg-color-dark: #000;
/* $main-category-bg-color-light: #f0f3f5;
/* $main-category-bg-color-dark: #4e4e51;
/* $main-category-title-bg-color-light: #fff;
/* $main-category-title-bg-color-dark: #0188DD;
/* $main-category-title-color-light: #344154;
/* $main-category-title-color-dark: #fff;
/* $main-category-count-color-light: #8ba3b3;
/* $main-category-count-color-dark: #9C9C9C;
/* $sub-category-bg-color-light: #f0f3f5;
/* $sub-category-bg-color-dark: #575759;
/* $sub-category-title-color-light: #344154;
/* $sub-category-title-color-dark: #fff;
/* $sub-category-count-color-light: #8ba3b3;
/* $sub-category-count-color-dark: #A9A9AA;
/* $types-bg-color-light: #ffffff;
/* $types-bg-color-dark: #818181;
/* $types-title-color-light: #344154;
/* $types-title-color-dark: #fff;
/* $body-header-color: #fff ;
/* $body-header-color-dark: #2b2b2e;
/* $colors: (
/* --title-color: ($title-color-light, $title-color-dark),
/* --button-color: ($button-color-light, $button-color-dark),
/* --content-text-color: ($content-text-color, $content-text-color-dark),
/* --content-details-text-color: ($content-details-text-color, $content-details-text-color-dark),
/* --nav-color: ($nav-color, $nav-color-dark),
/* --nav-float-color: ($nav-float-color-light, $nav-float-color-dark),
/* --nav-link-color: ($nav-link-color, $nav-link-color-dark),
/* --body-header-color: ($body-header-color, $body-header-color-dark),
/* --footer-color: ($footer-color, $footer-color-dark),
/* --header-search-icon-color: ($header-search-icon-color-light, $header-search-icon-color-dark),
/* --header-cart-icon-color: ($header-cart-icon-color-light, $header-cart-icon-color-dark),
/* --header-user-icon-color: ($header-user-icon-color-light, $header-user-icon-color-dark),
/* --banner-text-color: ($banner-text-color-light,$banner-text-color-dark),
/* --banner-heading-text-color: ($banner-heading-text-color-light, $banner-heading-text-color-dark),
/* --product-icon-color: ($product-icon-color-light, $product-icon-color-dark),
/* --search-drp-color: ($search-drp-color-light, $search-drp-color-dark),
/* --search-txt-color: ($search-txt-color-light, $search-txt-color-dark),
/* --search-sub-filter-header-color: ($search-sub-filter-header-color-light, $search-sub-filter-header-color-dark),
/* --header-search-box-color: ($header-search-box-color-light, $header-search-box-color-dark),
/* --login-color: ($login-color-light, $login-color-dark),
/* --login-btn-color: ($login-btn-color-light, $login-btn-color-dark),
/* --panel-color: ($panel-color-light, $panel-color-dark),
/* --panel-hover-color: ($panel-hover-color-light, $panel-hover-color-dark),
/* --register-text-color: ($register-text-color-light, $register-text-color-dark),
/* --register-head-text-color: ($register-head-text-color-light, $register-head-text-color-dark),
/* --register-block-border-color: ($register-block-border-color-light, $register-block-border-color-dark),
/* --my-account-text-color: ($my-account-text-color-light, $my-account-text-color-dark),
/* --my-account-head-text-color: ($my-account-head-text-color-light, $my-account-head-text-color-dark),
/* --footer-tab-color: ($footer-tab-color-light, $footer-tab-color-dark),
/* --change-password-text-color: ($change-password-text-color-light, $change-password-text-color-dark),
/* --change-password-head-text-color: ($change-password-head-text-color-light, $change-password-head-text-color-dark),
/* --forgot-password-text-color: ($forgot-password-text-color-light, $forgot-password-text-color-dark),
/* --forgot-password-head-text-color: ($forgot-password-head-text-color-light, $forgot-password-head-text-color-dark),
/* --shopping-cart-icon-color: ($shopping-cart-icon-color-light, $shopping-cart-icon-color-dark),
/* --shopping-cart-text-color: ($shopping-cart-text-color-light, $shopping-cart-text-color-dark),
/* --shopping-cart-head-text-color: ($shopping-cart-head-text-color-light, $shopping-cart-head-text-color-dark),
/* --shopping-cart-muted-text-color: ($shopping-cart-muted-text-color-light, $shopping-cart-muted-text-color-dark),
/* --shopping-table-text-color: ($shopping-table-text-color-light, $shopping-table-text-color-dark),
/* --checkout-head-text-color: ($checkout-head-text-color-light, $checkout-head-text-color-dark),
/* --checkout-muted-text-color : ($checkout-muted-text-color-light, $checkout-muted-text-color-dark),
/* --checkout-table-color: ($checkout-table-color-light, $checkout-table-color-dark),
/* --checkout-table-text-color: ($checkout-table-text-color-light, $checkout-table-text-color-dark),
/* --checkout-text-color: ($checkout-text-color-light, $checkout-text-color-dark),
/* --category-color: ($category-table-text-color-light, $category-table-text-color-dark),
/* --price-text-color: ($price-text-color-light, $price-text-color-dark),
/* --search-filter-head-text-color: ($search-filter-head-text-color-light, $search-filter-head-text-color-dark),
/* --banner-bg-color: ($banner-bg-color-light, $banner-bg-color-dark),
/* --main-category-bg-color: ($main-category-bg-color-light, $main-category-bg-color-dark),
/* --main-category-title-bg-color: ($main-category-title-bg-color-light, $main-category-title-bg-color-dark),
/* --main-category-title-color: ($main-category-title-color-light, $main-category-title-color-dark),
/* --main-category-count-color: ($main-category-count-color-light, $main-category-count-color-dark),
/* --sub-category-bg-color: ($sub-category-bg-color-light, $sub-category-bg-color-dark),
/* --sub-category-title-color: ($sub-category-title-color-light, $sub-category-title-color-dark),
/* --sub-category-count-color: ($sub-category-count-color-light, $sub-category-count-color-dark),
/* --types-bg-color: ($types-bg-color-light, $types-bg-color-dark),
/* --types-title-color: ($types-title-color-light, $types-title-color-dark),
/* );*/
/*12. themes.scss
/*@import "colors";
/* .theme-light {
/* @each $name, $color in $colors {
/* #{$name}: nth($color, 1);
/* }
/* }
/* .theme-dark {
/* @each $name, $color in $colors {
/* #{$name}: nth($color, 2);
/* }
/* }
/* .theme { /* theme-dark
/* --title-color: #0188dd;
/* --button-color: #00b900;
/* --content-text-color: #fff;
/* --content-details-text-color: #c6c6c6;
/* --nav-color: #a0a0a1;
/* --nav-float-color: #6c6c6c;
/* --nav-link-color: #000;
/* --body-header-color: #2b2b2e;
/* --footer-color: #9c9c9c;
/* --header-search-icon-color: #0188dd;
/* --header-cart-icon-color: #54c031;
/* --header-user-icon-color: #0188dd;
/* --banner-text-color: #fff;
/* --banner-heading-text-color: #fff;
/* --product-icon-color: #0188dd;
/* --search-drp-color: #9c9c9c;
/* --search-txt-color: #000;
/* --search-sub-filter-header-color: #fff;
/* --header-search-box-color: #2b2b2e;
/* --login-color: #0188dd;
/* --login-btn-color: #0188dd;
/* --panel-color: #2b2b2e;
/* --panel-hover-color: #0188dd;
/* --register-text-color: #fff;
/* --register-head-text-color: #0188dd;
/* --register-block-border-color: #0188dd;
/* --my-account-text-color: #fff;
/* --my-account-head-text-color: #0188dd;
/* --footer-tab-color: #ebebeb;
/* --change-password-text-color: #fff;
/* --change-password-head-text-color: #0188dd;
/* --forgot-password-text-color: #fff;
/* --forgot-password-head-text-color: #0188dd;
/* --shopping-cart-icon-color: #0188dd;
/* --shopping-cart-text-color: #fff;
/* --shopping-cart-head-text-color: #0188dd;
/* --shopping-cart-muted-text-color: #fff;
/* --shopping-table-text-color: #0188dd;
/* --checkout-head-text-color: #0188dd;
/* --checkout-muted-text-color: #fff;
/* --checkout-table-color: #0188dd;
/* --checkout-table-text-color: #fff;
/* --checkout-text-color: #fff;
/* --category-color: #0188dd;
/* --price-text-color: #fff;
/* --search-filter-head-text-color: #0188dd;
/* --banner-bg-color: #000;
/* --main-category-bg-color: #4e4e51;
/* --main-category-title-bg-color: #0188dd;
/* --main-category-title-color: #fff;
/* --main-category-count-color: #9c9c9c;
/* --sub-category-bg-color: #575759;
/* --sub-category-title-color: #fff;
/* --sub-category-count-color: #a9a9aa;
/* --types-bg-color: #818181;
/* --types-title-color: #fff;
/* }*/
/* .theme {/* theme-light*/ */
/* --title-color: #0027a3; */
/* --button-color: #00b900; */
/* --content-text-color: #000; */
/* --content-details-text-color: #747474; */
/* --nav-color: #383838; */
/* --nav-float-color: #383838; */
/* --nav-link-color: #ccc; */
/* --body-header-color: #fff; */
/* --footer-color: #dbdbdb; */
/* --header-search-icon-color: #000089; */
/* --header-cart-icon-color: #000089; */
/* --header-user-icon-color: #000; */
/* --banner-text-color: #747474; */
/* --banner-heading-text-color: #383838; */
/* --product-icon-color: #3aaa35; */
/* --search-drp-color: #f5f5f4; */
/* --search-txt-color: #575757; */
/* --search-sub-filter-header-color: #0027a3; */
/* --header-search-box-color: #383838; */
/* --login-color: #0027a3; */
/* --login-btn-color: #00c0ff; */
/* --panel-color: #fff; */
/* --panel-hover-color: dodgerblue; */
/* --register-text-color: #000; */
/* --register-head-text-color: #000; */
/* --register-block-border-color: #0027a3; */
/* --my-account-text-color: #000; */
/* --my-account-head-text-color: #000; */
/* --footer-tab-color: #ebebeb; */
/* --change-password-text-color: #000; */
/* --change-password-head-text-color: #0027a3; */
/* --forgot-password-text-color: #000; */
/* --forgot-password-head-text-color: #0027a3; */
/* --shopping-cart-icon-color: #0027a3; */
/* --shopping-cart-text-color: #212529; */
/* --shopping-cart-head-text-color: #0027a3; */
/* --shopping-cart-muted-text-color: #6c757d; */
/* --shopping-table-text-color: #f8f9fa; */
/* --checkout-head-text-color: #0027a3; */
/* --checkout-muted-text-color: #6c757d; */
/* --checkout-table-color: #ddd; */
/* --checkout-table-text-color: #212529; */
/* --checkout-text-color: #000; */
/* --category-color: #212529; */
/* --price-text-color: #4d4d4d; */
/* --search-filter-head-text-color: #333; */
/* --banner-bg-color: #f0f0f0; */
/* --main-category-bg-color: #f0f3f5; */
/* --main-category-title-bg-color: #fff; */
/* --main-category-title-color: #344154; */
/* --main-category-count-color: #8ba3b3; */
/* --sub-category-bg-color: #f0f3f5; */
/* --sub-category-title-color: #344154; */
/* --sub-category-count-color: #8ba3b3; */
/* --types-bg-color: #ffffff; */
/* --types-title-color: #344154; */
/* } */
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
/* .animate-colors-transition * {
/* transition: color 1s, background 1s;
/* }*/
/*13. cmspage.scss */
h4.marking-text {
background: #fff;
background: -webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(50%,#e3f8ff),to(#fff));
background: linear-gradient(to right,#fff 0,#e3f8ff 50%,#fff 100%);
font-family: proxima-nova,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 20px;
line-height: 25px;
color: #0027a3;
padding-top: 6px;
padding-bottom: 8px;
margin-top: 8px;
margin-bottom: 60px;
position: relative
}
h4.marking-text span {
font-family: proxima-nova,sans-serif;
font-weight: 900;
font-style: normal;
color: #00c0ff;
font-size: 38px;
line-height: 25px
}
h4.marking-text i {
margin: 0 0 0 8px;
color: #00c0ff;
position: relative;
top: 1px;
font-size: 18px
}
h4.marking-text a {
color: #0027a3;
text-decoration: none
}
h4.marking-text a span {
color: #00c0ff
}
.breadcrumb {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none
}
.breadcrumb {
padding: 0;
border-radius: 0;
margin: 10px 0 15px;
background: 0
}
.breadcrumb ul {
margin: 0;
padding: 0;
display: table;
clear: both;
width: 100%
}
.breadcrumb ul li {
list-style: none;
float: left
}
/* .breadcrumb ul li span {
/* display: inline-block;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7
/* }
/* .breadcrumb ul li a {
/* text-decoration: none;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7;
/* -webkit-transition: color .15s ease-in-out;
/* transition: color .15s ease-in-out;
/* position: relative;
/* padding: 0 14px 0 0;
/* margin: 0 8px 0 0
/* }*/
.breadcrumb ul li a:after {
position: absolute;
right: 0;
top: 1px;
content: '>'
}
/* .content ul li {
/* margin-left: 30px;
/* }*/
@media (min-width: 992px) {
.col-lg-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
.static-page h4.marking-text {
margin-bottom: 20px
}
.static-page .mainContent {
margin-bottom: 100px;
font-size: 16px;
line-height: 1.44;
font-family: proxima-nova,sans-serif;
font-weight: 400;
font-style: normal
}
.static-page .mainContent h1.page-title {
font-size: 32px;
line-height: 34px;
color: #0027a3;
font-family: proxima-nova,sans-serif;
font-weight: 700;
font-style: normal;
margin: 0 0 40px
}
.static-page .mainContent h2 {
font-size: 22px;
line-height: 1.44;
font-family: proxima-nova,sans-serif;
font-weight: 700;
font-style: normal;
color: #000
}
.static-page .mainContent b {
font-family: proxima-nova,sans-serif;
font-weight: 700;
font-style: normal
}
.static-page .mainContent p {
margin: 0 0 20px
}
.static-page .mainContent li,.static-page .mainContent p {
font-size: 16px;
line-height: 1.44;
font-family: proxima-nova,sans-serif;
font-weight: 400;
font-style: normal
}
.static-page .mainContent ul {
margin: 0 0 20px;
padding: 0 0 0 40px
}
.static-page .mainContent ul li {
font-size: 16px;
line-height: 1.44
}
.static-page .mainContent ol {
margin: 0 0 20px;
padding: 0 0 0 60px
}
.static-page .mainContent ol li {
font-size: 15px;
line-height: 1.44
}
/*14. imports.scss */
/* @import "abstract/fonts";
/* @import "abstract/themes";
/* @import "abstract/bootstrap-optimize";
/* @import "pages/main-dealer.scss";
/* @import "pages/main.scss";
/* @import "pages/home";
/* @import "pages/home-media";
/* @import "abstract/common";
/*15. contactus.scss */
@media (min-width: 768px) {
.col-md-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
}
@media (min-width: 992px) {
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-lg-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-lg-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
}
form .form-group .form-control {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
height: 46px;
}
form .btn {
background-color: #0027a3; /*forgot-password-head-text-color;*/
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-color: #0027a3; /*forgot-password-head-text-color;*/
}
form .form-group span.error {
color: red;
font-size: 15px;
line-height: 17px;
}
/* form .btn.btn-primary:active, form .btn.btn-primary:focus, form .btn.btn-primary:hover, form .btn.btn-primary:not(:disabled):not(.disabled):active {
/* background-color: #0027a3; /*forgot-password-head-text-color;
/* border-color: #0027a3; /*forgot-password-head-text-color;
/* outline: 0;
/* -webkit-box-shadow: none;
/* box-shadow: none;
/* }*/
.form-group {
margin-bottom: 1rem
}
.breadcrumb {
padding: 0;
border-radius: 0;
margin: 10px 0 15px;
background: 0
}
.breadcrumb ul {
margin: 0;
padding: 0;
display: table;
clear: both;
width: 100%
}
.breadcrumb ul li {
list-style: none;
float: left
}
/* .breadcrumb ul li span {
/* display: inline-block;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7
/* }
/* .breadcrumb ul li a {
/* text-decoration: none;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7;
/* -webkit-transition: color .15s ease-in-out;
/* transition: color .15s ease-in-out;
/* position: relative;
/* padding: 0 14px 0 0;
/* margin: 0 8px 0 0
/* }*/
.breadcrumb ul li a:after {
position: absolute;
right: 0;
top: 1px;
content: '>'
}
.login-page h4.marking-text {
margin-bottom: 20px
}
.login-page .mainContent .login-block {
max-width: 390px;
width: 100%;
margin-bottom: 50px;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
box-shadow: 0 0 5px rgba(0,0,0,.2);
padding: 30px;
border-top: 3px solid #0027a3; /*forgot-password-head-text-color*/
}
.login-page .mainContent .login-block span.forgotNote {
font-size: 13px;
line-height: 21px;
margin-bottom: 0;
color: #64bd63;
text-align: center
}
.login-page .mainContent .login-block h3.block-title {
font-size: 20px;
line-height: 22px;
color: #000; /* forgot-password-text-color;*/
margin: 0 0 15px
}
.login-page .mainContent .login-block span.block-note {
font-size: 13px;
line-height: 21px;
display: block;
margin: 0 0 20px
}
.login-page .mainContent .login-block a {
display: inline-block;
color: #0027a3; /*forgot-password-head-text-color;*/
text-decoration: underline;
-webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}
.login-page .mainContent .login-block a.forgot-link {
float: right;
margin: 0 0 15px
}
.login-page .mainContent .login-block a:hover {
color: #0027a3; /*forgot-password-head-text-color*/
}
.login-page .mainContent .login-block p {
margin: 0
}
.login-page .mainContent .login-block .btn {
width: 100%;
margin: 0 0 15px
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}
/* form .form-group span.error {
/* display: block !important;
/* }*/
form .form-group textarea {
height: auto!important;
}
.impNum {
list-style: none;
}
.h6, h6 {
font-size: 1.5rem;
}
.product-title {
margin-bottom: 8px;
}
/*16. main-dealer.scss */
.all-parts .head-block {
clear: both;
display: table;
width: 100%;
margin: 0 0 20px 0
}
.all-parts .head-block h2 {
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 26px;
line-height: 25px;
color: #0027a3;
display: inline-block;
vertical-align: middle;
float: left;
margin: 10px 0 0 0
}
.all-parts .head-block h1 {
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 26px;
line-height: 25px;
color: #0027a3;
display: inline-block;
vertical-align: middle;
float: left;
margin: 10px 0 0 0
}
.all-parts .head-block h2 a {
display: inline-block;
text-decoration: none;
color: #747474;
vertical-align: middle;
font-size: 14px;
line-height: 16px;
margin: 0 0 0 15px;
font-family: proxima-nova, sans-serif;
font-weight: 300;
font-style: normal
}
.all-parts .head-block h1 a {
display: inline-block;
text-decoration: none;
color: #747474;
vertical-align: middle;
font-size: 14px;
line-height: 16px;
margin: 0 0 0 15px;
font-family: proxima-nova, sans-serif;
font-weight: 300;
font-style: normal
}
.all-parts .head-block h2 a i {
margin: 0 0 0 7px;
font-size: 16px;
position: relative;
top: 1px
}
.all-parts .head-block h1 a i {
margin: 0 0 0 7px;
font-size: 16px;
position: relative;
top: 1px
}
.all-parts .head-block .search-bar {
float: right
}
.all-parts .head-block .search-bar .block .form-control {
border-radius: 0;
height: 46px;
line-height: 46px;
border: 0
}
.all-parts .head-block .search-bar .block .form-control:focus {
outline: 0;
box-shadow: none
}
.all-parts .head-block .search-bar .block input[type=text] {
display: table-cell;
width: 172px;
height: 46px;
line-height: 46px;
font-weight: 700;
border-radius: 3px 0 0 3px;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
padding: 0 14px;
font-size: 26px;
color: #000;
border-right: 1px solid #d0d0d0;
background: 0 0
}
.all-parts .head-block .search-bar .block input[type=text]::-webkit-input-placeholder {
color: transparent
}
.all-parts .head-block .search-bar .block input[type=text]:-ms-input-placeholder {
color: transparent
}
.all-parts .head-block .search-bar .block input[type=text]::placeholder {
color: transparent
}
.all-parts .head-block .search-bar .block .btn {
display: table-cell;
width: 50px;
height: 46px;
margin-right: -2px;
border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
background: #000089;
text-align: center;
line-height: normal
}
.all-parts .head-block .search-bar .block .btn:focus {
outline: 0;
box-shadow: none
}
.all-parts .head-block .search-bar .block .btn i {
font-size: 25px;
color: #fff
}
.all-parts .parts-items {
margin: 0 0 33px 0
}
.all-parts .parts-items .content .img {
max-width: 100%;
margin: 0 0 8px 0;
height: auto;
display: block;
}
.all-parts .parts-items .content p {
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 22px;
margin: 0 0 10px 0;
color: #0027a3
}
.all-parts .parts-items .content p a {
color: #0027a3;
text-decoration: none
}
.all-parts .parts-items .content .location-price {
display: flex;
clear: both;
width: 100%;
margin: 12px 0 10px 0
}
.all-parts .parts-items .content .location-price .location {
font-size: 13px;
line-height: 20px;
color: #747474;
float: left;
margin: 0;
width: 100%
}
.all-parts .parts-items .content .location-price .location em {
display: block;
font-style: normal
}
.all-parts .parts-items .content .location-price .location em i {
font-size: 14px;
margin: 0 4px 0 0
}
.all-parts .parts-items .content .location-price .price {
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 30px;
line-height: 32px;
color: #000;
float: right;
}
.all-parts .parts-items .content .location-price .price em {
color: #747474;
display: block;
font-size: 14px;
line-height: 18px;
text-align: right;
font-family: proxima-nova, sans-serif;
font-weight: 400;
font-style: normal;
float: right;
margin-top: 12px;
margin-left: 45px
}
.all-parts .parts-items .content .img-lists {
display: table;
clear: both;
width: 100%
}
.all-parts .parts-items .content .img-lists .img {
max-width: 100%;
float: left
}
.all-parts .parts-items .content .img-lists .lists {
float: left;
margin: 5px 0;
}
.all-parts .parts-items .content .img-lists .lists span {
display: block;
text-align: left;
}
.all-parts .parts-items .content .img-lists .lists span i {
margin: 0 4px 0 0;
color: #00b900
}
.all-parts.last .parts-items {
margin: 0 0 140px 0
}
.all-parts.last .bottom-links {
border-bottom: 0;
padding-bottom: 0
}
.all-parts .bottom-links {
display: table;
clear: both;
width: 100%;
margin: 0;
padding: 15px 0 15px 0;
border-top: 1px solid #9c9c9c
}
.all-parts .bottom-links a {
display: inline-block;
color: #747474;
text-decoration: none;
font-size: 14px;
line-height: 16px;
font-family: proxima-nova, sans-serif;
font-weight: 300;
font-style: normal
}
.all-parts .bottom-links a.left-link {
float: left
}
.all-parts .bottom-links a.right-link {
float: right
}
.all-parts .bottom-links a i {
margin: 0 0 0 5px;
position: relative;
top: 1px
}
/* body .breadcrumb {
/* padding: 0;
/* border-radius: 0;
/* margin: 10px 0 15px;
/* background: 0;
/* }*/
.breadcrumb ul {
margin: 0;
padding: 0;
display: table;
clear: both;
width: 100%
}
/* .breadcrumb ul li {
/* list-style: none;
/* float: left;
/* display: flex;
/* align-items: center;
/* font-family: proxima-nova
/* }
/* .breadcrumb ul li span {
/* display: inline-block;
/* vertical-align: middle;
/* font-size: 14px;
/* line-height: 16px;
/* color: #747474
/* }
/* .breadcrumb ul li a {
/* text-decoration: none;
/* vertical-align: middle;
/* font-size: 14px;
/* line-height: 16px;
/* color: #747474;
/* transition: color .15s ease-in-out;
/* position: relative;
/* padding: 0 14px 0 0;
/* margin: 0 8px 0 0
/* }*/
.breadcrumb ul li a:after {
position: absolute;
right: 0;
top: 1px;
content: '>'
}
.categoryPage .sidebar {
max-width: 245px
}
.categoryPage .all-parts .head-block {
margin: 0
}
.categoryPage .all-parts .head-block h2 {
font-size: 28px;
line-height: 30px;
margin: 0
}
.categoryPage .all-parts .head-block h1 {
font-size: 28px;
line-height: 30px;
margin: 0
}
.categoryPage .all-parts .head-block .sorting-pagination {
margin: 0;
display: table;
clear: both;
float: right;
margin-right: -10px;
}
.categoryPage .all-parts .head-block .sorting-pagination .btn {
display: none
}
.categoryPage .all-parts .head-block .sorting-pagination .sort-block {
margin: 0
}
.categoryPage .all-parts .head-block .sorting-pagination .sort-block label {
margin: 0 18px 0 0;
width: 74px;
font-size: 14px;
color: #212529; /* shopping-cart-text-color*/
}
.categoryPage .all-parts .head-block .sorting-pagination .sort-block select {
width: auto;
height: 34px;
border: 1px solid #ccccc6;
background: #f5f5f4;
font-size: 14px;
color: #575757;
border-radius: 0;
padding: 0 10px 0 10px
}
.categoryPage .all-parts .content {
margin: 0 0 30px 0
}
.categoryPage .filter.subfilter p {
margin: 0
}
.categoryPage .filter p {
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 25px;
color: #0027a3;
background: url(../src/assets/images/filter-heading-bg.png) repeat-x left bottom;
padding: 0 0 16px 0;
margin: 0 0 25px 0
}
.categoryPage .filter ul.filter-list {
margin: 0 0 24px 0;
padding: 0
}
.categoryPage .filter ul.filter-list>li {
list-style: none;
color: #000; /* content-text-color;*/
}
.categoryPage .filter ul.filter-list>li a {
text-decoration: none;
font-size: 15px;
color: #000; /* content-text-color;*/
font-family: proxima-nova, sans-serif;
font-weight: 300;
font-style: normal;
/* display: block;*/
line-height: 24px;
cursor: pointer;
}
.categoryPage .filter ul.filter-list.subcategory a.toggle {
font-size: 15px;
color: #000;
font-family: proxima-nova, sans-serif;
font-weight: 300;
font-style: normal;
text-decoration: none;
background: 0;
padding: 0
}
.categoryPage .filter ul.filter-list.subcategory a.toggle:after {
position: absolute;
top: 0;
right: 0;
content: '\f107';
font-family: "Font Awesome 5 Pro";
color: #000; /* content-text-color;;*/
font-size: 20px
}
.categoryPage .filter ul.filter-list.subcategory a.toggle.show:after {
content: '\f106'
}
.categoryPage .filter ul.filter-list.subcategory ul.inner {
margin: 0
}
.categoryPage .filter ul.filter-list a.toggle {
font-size: 18px;
color: #0027a3;
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
position: relative;
display: block;
margin: 0;
padding: 16px 0;
background: url(/assets/images/filter-heading-bg.png) repeat-x left bottom;
transition: .15s ease-in-out
}
.categoryPage .filter ul.filter-list a.toggle:after {
position: absolute;
right: 0;
top: 14px;
content: '\f107';
font-family: "Font Awesome 5 Pro";
color: #000; /* content-text-color;*/
font-size: 20px
}
.categoryPage .filter ul.filter-list a.toggle.show:after {
content: '\f106'
}
.categoryPage .filter ul.filter-list .inner {
display: none;
margin: 12px 0 12px 0;
padding: 0
}
.categoryPage .filter ul.filter-list .inner .wrap {
display: flex
}
.categoryPage .filter ul.filter-list .inner .check-options .form-check {
display: flex;
margin: 0;
align-items: baseline
}
.categoryPage .filter ul.filter-list .inner .check-options .form-check input {
position: relative;
top: 1px;
margin: 0 8px 0 0
}
.categoryPage .filter ul.filter-list .inner .form-control {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
height: 40px;
margin: 0 10px 0 0
}
.categoryPage .filter ul.filter-list .inner .form-control:focus {
border-color: #00c0ff;
box-shadow: none;
outline: 0
}
.categoryPage .filter ul.filter-list .inner .btn {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
height: 40px;
/* background: #000; */
outline: 0;
box-shadow: none;
border: 0
}
.categoryPage .filter ul.filter-list ul.inner {
margin: 12px 0 0 0;
padding: 0 0 0 22px;
display: none
}
.categoryPage .filter ul.filter-list ul.inner li {
list-style: none
}
.categoryPage .filter ul.filter-list ul.inner li>a.toggle {
border: 0;
padding: 0;
background: 0;
float: right;
}
.categoryPage .filter ul.filter-list ul.inner li>a.toggle:after {
content: '\f105';
top: 0;
color: #000; /* content-text-color;*/
}
.categoryPage .filter ul.filter-list ul.inner li>a.toggle.show:after {
content: '\f106'
}
.categoryPage .filter ul.filter-list ul.inner li ul.inner {
margin: 12px 0
}
.categoryPage .filter ul.filter-list ul.inner li a {
text-decoration: none;
font-size: 15px;
color: #000; /* content-text-color;*/
font-family: proxima-nova, sans-serif;
font-weight: 300;
font-style: normal
}
.categoryPage .filter ul.filter-list ul.inner li a.moreless {
font-size: 15px;
color: #dbdbdc;
font-family: proxima-nova, sans-serif;
font-weight: 300;
font-style: normal;
position: relative;
margin: 0;
padding: 0 16px 0 0
}
.categoryPage .filter ul.filter-list ul.inner li a.moreless:after {
position: absolute;
right: 0;
top: 0;
content: '\f107';
font-family: "Font Awesome 5 Pro";
color: #dbdbdc;
line-height: 19px;
font-size: 15px
}
.categoryPage .filter ul.filter-list ul.inner li a span {
color: #9b9b9b
}
.categoryPage .filter ul.filter-list ul.inner li a span em {
font-style: normal
}
.categoryPage .selected p {
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 25px;
color: #0027a3;
margin: 0;
padding: 0 0 16px 0
}
.categoryPage .selected ul.list {
margin: 0 0 10px 0;
padding: 0
}
.categoryPage .selected ul.list>li {
list-style: none
}
.categoryPage .selected ul.list>li a {
text-decoration: none;
font-size: 18px;
color: #000;
font-family: proxima-nova, sans-serif;
font-weight: 300;
font-style: normal
}
.categoryPage .selected ul.list>li a i {
color: #000; /* content-text-color;*/
margin: 0 8px 0 0;
min-width: 18px
}
.categoryPage .selected ul.list>li span {
font-family: proxima-nova, sans-serif;
font-weight: 300;
font-style: normal;
color: #000; /* content-text-color;*/
}
/* .categoryPage .selected a.delAll:hover, .categoryPage .selected a.delAll:hover i {
/* color: red
/* }*/
.categoryPage .selected a.delAll {
text-decoration: none;
font-size: 15px;
color: #000; /* content-text-color;*/
font-family: proxima-nova, sans-serif;
font-weight: 300;
font-style: normal
}
.categoryPage .selected a.delAll i {
color:#000; /* content-text-color;*/
margin: 0 8px 0 2px;
min-width: 16px;
display: inline-block
}
.bottom-content {
margin-top: 20px
}
.mtfs {
margin-top: 10px;
font-size: 15px
}
.in {
display: inline-block
}
.height {
height: "21"
}
.ml40 {
margin-left: -14px
}
.txtdecoration {
text-decoration: underline!important
}
.black {
color: #000
}
.hide {
display: none
}
header .search-container .search-block .btn, html body.categoryPage .all-parts .head-block .sorting-pagination .btn, ul.tabs li.active:after {
background-color: #0026a3
}
html body .pt9 {
padding-top: 9px
}
.clrgrey {
color: #575757
}
html body .font14 {
font-size: 14px!important
}
html body .ml10 {
margin-left: 10px!important
}
html body .floatleft {
float: left
}
html body .mb20 {
margin-bottom: 20px
}
.fa-times-circle:before {
font-weight: 400
}
@media screen and (min-width:768px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto
}
.overlay {
display: none!important
}
.mobileshowimg {
position: absolute;
z-index: -1;
opacity: 0
}
.mobilehideimg {
display: block!important
}
.links {
display: block!important
}
.show-only-desktop-one {
display: none
}
html body .modal-dialog {
right: 0;
height: 100vh;
position: absolute;
margin: 0
}
#pictures {
min-height: 420px
}
}
/*17. app.component.scss */
.main-route {
min-height: 600px;
}
/*18. commonmessage.scss */
h4.marking-text {
background: #fff;
background: -webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(50%,#e3f8ff),to(#fff));
background: linear-gradient(to right,#fff 0,#e3f8ff 50%,#fff 100%);
font-family: proxima-nova,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 20px;
line-height: 25px;
color: #0027a3;
padding-top: 6px;
padding-bottom: 8px;
margin-top: 8px;
margin-bottom: 20px;
position: relative
}
h4.marking-text span {
font-family: proxima-nova,sans-serif;
font-weight: 900;
font-style: normal;
color: #00c0ff;
font-size: 38px;
line-height: 25px
}
h4.marking-text i {
margin: 0 0 0 8px;
color: #00c0ff;
position: relative;
top: 1px;
font-size: 18px
}
h4.marking-text a {
color: #0027a3;
text-decoration: none
}
h4.marking-text a span {
color: #00c0ff
}
.breadcrumb {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none
}
.breadcrumb {
padding: 0;
border-radius: 0;
margin: 10px 0 15px;
background: 0;
}
.breadcrumb ul {
margin: 0;
padding: 0;
display: table;
clear: both;
width: 100%
}
.breadcrumb ul li {
list-style: none;
float: left
}
/* .breadcrumb ul li span {
/* display: inline-block;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7
/* }
/* .breadcrumb ul li a {
/* text-decoration: none;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7;
/* -webkit-transition: color .15s ease-in-out;
/* transition: color .15s ease-in-out;
/* position: relative;
/* padding: 0 14px 0 0;
/* margin: 0 8px 0 0
/* }*/
.breadcrumb ul li a:after {
position: absolute;
right: 0;
top: 1px;
content: '>'
}
@media (min-width: 992px) {
.col-lg-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
.order-confirmed .mainContent .order {
text-align: center;
margin: 100px auto;
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
/*19. tab.component.scss */
.pane{
padding: 1em;
}
/*21. home.component.scss */
.boderColorRed {
border: 2px solid red!important;
}
.search-bar {
margin-right: -8px;
}
.hide {
display: none;
}
/*22. tabs.component.scss */
.tab-close {
color: gray;
text-align: right;
cursor: pointer;
}
.tabs {
margin: 0;
padding: 0;
list-style: none;
clear: both;
display: table;
width: 100%;
border-bottom: 1px solid #ddd;
}
.tabs .tab-link a {
background: 0;
color: #000; /* content-text-color; */
font-size: 18px;
line-height: 21px;
font-family: proxima-nova, sans-serif;
font-weight: 500;
font-style: normal;
float: left;
margin: 0 20px 0 0;
cursor: pointer;
text-transform: uppercase;
}
ul.tabs {
margin: 0;
padding: 0;
list-style: none;
clear: both;
display: table;
width: 100%
}
ul.tabs li {
background: 0;
color: #3d3d3d;
font-size: 18px;
line-height: 21px;
font-family: proxima-nova, sans-serif;
font-weight: 500;
font-style: normal;
float: left;
padding: 0 0 18px 0;
margin: 0 20px 0 0;
cursor: pointer;
text-transform: uppercase
}
ul.tabs li.active {
position: relative
}
ul.tabs li.active:after {
position: absolute;
left: 0;
bottom: 0;
background: #0027a3; /*title-color;*/
height: 8px;
width: 100%;
content: ''
}
ul.tabs li.active:after {
background-color: #0027a3; /*title-color*/
}
@media (max-width: 576px) {
ul.tabs li {
margin: 20px 10px 0 0 !important;
}
.tab-link a {
font-size: 14px !important;
margin: 0 15px 0 0 !important;
}
}
/*23. reset-password.scss */
@media (min-width: 768px) {
.col-md-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
}
@media (min-width: 992px) {
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
/* .col-lg-3 {
/* -ms-flex: 0 0 25%;
/* -webkit-box-flex: 0;
/* flex: 0 0 25%;
/* max-width: 25%
/* }*/
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-lg-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
}
form .form-group .form-control {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
height: 46px;
}
form .btn {
background-color: #0027a3; /*forgot-password-head-text-color;*/
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-color: #0027a3; /*forgot-password-head-text-color;*/
}
form .form-group span.error {
color: red;
font-size: 15px;
line-height: 17px;
}
/* form .btn.btn-primary:active, form .btn.btn-primary:focus, form .btn.btn-primary:hover, form .btn.btn-primary:not(:disabled):not(.disabled):active {
/* background-color: #0027a3; /*forgot-password-head-text-color;
/* border-color: #0027a3; /*forgot-password-head-text-color;
/* outline: 0;
/* -webkit-box-shadow: none;
/* box-shadow: none;
/* }*/
.form-group {
margin-bottom: 1rem
}
.breadcrumb {
padding: 0;
border-radius: 0;
margin: 10px 0 15px;
background: 0;
}
.breadcrumb ul {
margin: 0;
padding: 0;
display: table;
clear: both;
width: 100%
}
.breadcrumb ul li {
list-style: none;
float: left
}
/* .breadcrumb ul li span {
/* display: inline-block;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7
/* }
/* .breadcrumb ul li a {
/* text-decoration: none;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7;
/* -webkit-transition: color .15s ease-in-out;
/* transition: color .15s ease-in-out;
/* position: relative;
/* padding: 0 14px 0 0;
/* margin: 0 8px 0 0
/* }*/
.breadcrumb ul li a:after {
position: absolute;
right: 0;
top: 1px;
content: '>'
}
.login-page h4.marking-text {
margin-bottom: 20px
}
/* .login-page .mainContent h1.page-title {
/* font-size: 32px;
/* line-height: 34px;
/* color: #0027a3; /*forgot-password-head-text-color;
/* font-family: proxima-nova,sans-serif;
/* font-weight: 700;
/* font-style: normal;
/* margin: 0 0 40px
/* }*/
.login-page .mainContent .login-block {
max-width: 390px;
width: 100%;
margin-bottom: 50px;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
box-shadow: 0 0 5px rgba(0,0,0,.2);
padding: 30px;
border-top: 3px solid #0027a3; /*forgot-password-head-text-color*/
}
.login-page .mainContent .login-block span.forgotNote {
font-size: 13px;
line-height: 21px;
margin-bottom: 0;
color: #64bd63;
text-align: center
}
.login-page .mainContent .login-block h3.block-title {
font-size: 20px;
line-height: 22px;
color: #000; /* forgot-password-text-color;*/
margin: 0 0 15px
}
.login-page .mainContent .login-block span.block-note {
font-size: 13px;
line-height: 21px;
display: block;
margin: 0 0 20px
}
.login-page .mainContent .login-block a {
display: inline-block;
color: #0027a3; /*forgot-password-head-text-color;*/
text-decoration: underline;
-webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}
.login-page .mainContent .login-block a.forgot-link {
float: right;
margin: 0 0 15px
}
.login-page .mainContent .login-block a:hover {
color: #0027a3; /*forgot-password-head-text-color*/
}
.login-page .mainContent .login-block p {
margin: 0
}
.login-page .mainContent .login-block .btn {
width: 100%;
margin: 0 0 15px
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}
/*24. login.component.scss */
@media only screen and (min-device-width: 480px)
and (max-device-width: 640px)
and (orientation: landscape) {
.scroll-mobile{
overflow-y: auto;
position: absolute;
height: calc(100% - -146px) !important;
}
}
/* .login-page{
/* position: absolute;
/* right:0;
/* top: 0;
/* width:100%;
/* z-index: 1001 !important;
/* background: #fff !important;
/* opacity: .99 !important;
/* overflow: hidden;
/* height:100%;
/* transform:translate3d(100%,0,0);
/* max-width: 400px;
/* }*/
.modal-header-login {
padding: 2px 16px;
max-width: 700px;
height: 100px;
color: #fff;
background: #0027a3; /* login-color;*/
/* background: -webkit-gradient(
/* linear,
/* left top,
/* right top,
/* color-stop(0, #001f80),
/* to(#1163ff)
/* );
/*background: linear-gradient(to left, #001f80 0, #1163ff 100%);*/
}
@media (min-width: 768px) {
.col-md-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
}
@media (min-width: 992px) {
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
/* .col-lg-3 {
/* -ms-flex: 0 0 25%;
/* -webkit-box-flex: 0;
/* flex: 0 0 25%;
/* max-width: 25%;
/* }*/
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
form .form-group .form-control {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
height: 46px;
}
form .btn {
background-color: #000;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-color: #000;
}
.error {
color: red;
font-size: 15px;
line-height: 17px;
}
/* form .btn.btn-primary {
/* background-color: #00c0ff; /* login-btn-color;
/* border-color: #00c0ff; /* login-btn-color;
/* padding: 3px;
/* font-family: proxima-nova, sans-serif;
/* font-weight: 700;
/* font-style: normal;
/* color: #fff;
/* font-size: 20px;
/* line-height: 30px;
/* }
/* form .btn.btn-primary:active,
/* form .btn.btn-primary:focus,
/* form .btn.btn-primary:hover,
/* form .btn.btn-primary:not(:disabled):not(.disabled):active {
/* background-color: #00c0ff; /* login-btn-color;
/* border-color: #00c0ff; /* login-btn-color;
/* outline: 0;
/* -webkit-box-shadow: none;
/* box-shadow: none;
/* }*/
.form-group {
margin-bottom: 1rem;
}
.breadcrumb {
padding: 0;
border-radius: 0;
margin: 10px 0 15px;
background: 0;
}
.breadcrumb ul {
margin: 0;
padding: 0;
display: table;
clear: both;
width: 100%;
}
.breadcrumb ul li {
list-style: none;
float: left;
}
/* .breadcrumb ul li span {
/* display: inline-block;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7;
/* }
/* .breadcrumb ul li a {
/* text-decoration: none;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7;
/* -webkit-transition: color 0.15s ease-in-out;
/* transition: color 0.15s ease-in-out;
/* position: relative;
/* padding: 0 14px 0 0;
/* margin: 0 8px 0 0;
/*}*/
.breadcrumb ul li a:after {
position: absolute;
right: 0;
top: 1px;
content: ">";
}
.login-page h4.marking-text {
margin-bottom: 20px;
}
/* .login-page .mainContent h1.page-title {
/* font-size: 32px;
/* line-height: 34px;
/* color: #0027a3;
/* font-family: proxima-nova, sans-serif;
/* font-weight: 700;
/* font-style: normal;
/* margin: 0 0 40px;
/* }*/
.newhead {
max-width: 700px;
height: 127px;
background: #001f80;
background: -webkit-gradient(
linear,
left top,
right top,
color-stop(0, #001f80),
to(#1163ff)
);
background: linear-gradient(to left, #001f80 0, #1163ff 100%);
}
.data {
float: right;
font-size: 30px;
margin: 35px -10px;
color: #fff;
cursor: pointer;
}
.login-page .mainContent .login-block {
max-width: 700px;
width: 100%;
/* margin: 0 auto 100px;
/* -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); */
padding: 30px;
padding-right: 23px;
/* border-top: 3px solid #00c0ff */
}
.login-page .mainContent .login-block span.forgotNote {
font-size: 13px;
line-height: 21px;
margin-bottom: 0;
color: #64bd63;
text-align: center;
}
.login-page .mainContent .login-block h3.block-title {
font-size: 20px;
line-height: 22px;
color: #000;
margin: 0 0 15px;
}
.login-page .mainContent .login-block span.block-note {
font-size: 13px;
line-height: 21px;
display: block;
margin: 0 0 20px;
}
.login-page .mainContent .login-block a {
display: inline-block;
color: #00c0ff; /* login-btn-color;*/
text-decoration: none;
-webkit-transition: color 0.15s ease-in-out,
background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
-webkit-box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
-webkit-box-shadow 0.15s ease-in-out;
}
.forgot-link {
float: left;
margin: 0 0 0;
padding: 12px 0px;
font-family: proxima-nova, sans-serif;
/* font-weight: 500; */
font-style: normal;
}
.login-page .mainContent .login-block a:hover {
color: #000;
}
.login-page .mainContent .login-block p {
margin: 0;
}
.login-page .mainContent .login-block .btn {
width: 100%;
margin: 0 0 15px;
}
.login-height {
height: 500px;
}
/* input[type="text"] {
/* width: 100%;
/* border: 1px solid #aaa;
/* border-radius: 4px;
/* margin: 8px 0;
/* outline: none;
/* padding: 12px;
/* box-sizing: border-box;
/* transition: 0.3s;
/* -webkit-border-radius: 0;
/* -moz-border-radius: 0;
/* color: #000 !important;
/* }*/
input[type="password"] {
width: 100%;
border: 1px solid #aaa;
border-radius: 4px;
/* margin: 8px 0;*/
outline: none;
padding: 12px;
box-sizing: border-box;
transition: 0.3s;
-webkit-border-radius: 0;
-moz-border-radius: 0;
color: #000 !important;
}
.inputWithIcon input[type="text"] {
padding-left: 40px;
color: #c8c8c8;
}
.inputWithIcon input[type="password"] {
padding-left: 40px;
color: #c8c8c8;
}
.inputWithIcon {
position: relative;
}
.inputWithIcon i {
position: absolute;
left: 0;
top: 10px;
padding: 15px 14px;
color: #c8c8c8;
transition: 0.3s;
}
/* .inputWithIcon input[type="text"]:focus + i {
/* color: dodgerblue; /* panel-hover-color;
/* }
/* .inputWithIcon input[type="password"]:focus + i {
/* color: dodgerblue; /* panel-hover-color;
/* }*/
.inputWithIcon.inputIconBg i {
background-color: #aaa;
color: #fff;
padding: 9px 8px;
border-radius: 4px 0 0 4px;
}
.inputWithIcon.inputIconBg input[type="text"]:focus + i {
color: #fff;
background-color: dodgerblue; /* panel-hover-color;*/
}
.inputWithIcon.inputIconBg input[type="password"]:focus + i {
color: #fff;
background-color: dodgerblue; /* panel-hover-color;*/
}
/* p {
/* padding: 12px 0px;
/* color: #0027a3; /* login-color;
/* font-family: proxima-nova, sans-serif;
/* font-weight: 600;
/* font-style: normal;
/* font-size: 18px;
/* line-height: 32px;
/* }
.page-title {
font-size: 18px !important;
/* }*/
.login-page .mainContent h3.page-title {
font-size: 18px !important;
}
@media only screen and (min-device-width: 480px)
and (max-device-width: 640px)
and (orientation: landscape) {
.scroll-mobile{
overflow-y: auto;
position: absolute;
height: calc(100% - -300px) !important;
}
.login-height {
height: 600px;
}
}
@media only screen and (max-width: 992px) {
.newhead {
max-width: 819px;
height: 158px !important;
}
}
@media only screen and (min-width: 992px) {
.newhead {
max-width: 819px;
/* height: 127px; */
}
/* .login-block {
/* max-width: 765px !important;
/* }*/
}
.fontsize {
font-size: 22px;
}
.text-color {
text-align: right;
color: #c8c8c8;
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.w-100{
width: 100%;
}
.closebtn{
float: right;
}
/*25. panel.scss */
/*@import "../../../assets/styles/abstract/themes";*/
div.infos {
position: fixed;
top: 0;
width:100%;
z-index:11;
overflow: hidden;
transform:translate3d(100%,0,0);
max-width: 500px;
right: 0;
height: calc(100vh + 20px);
}
app-sticky-header .sticky-header {
position: relative;
}
.back-header {
position: fixed;
padding: 10px;
}
.content-addtocart {
background: #fff; /* panel-color;*/
overflow-x: hidden;
overflow-y: auto;
height: 100%;
width: 100%;
}
div.head {
width:100%;
padding:0 45px;
}
div.infoBack {
height: 100%;
width: 100%;
z-index: 10;
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
}
.faq-block {
width: 270px;
height: auto;
background: #fff;
box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.13);
border-radius: 8px;
padding: 16px;
position: relative;
left: 50%;
transform: translateX(-50%);
top: 20px;
cursor: pointer;
.block-icon {
app-svg-icon {
width: 24px;
height: 24px;
margin-bottom: 10px;
}
}
h4 {
color: #008ffb;
font-size: 1.15em;
font-weight: 600;
padding: 7px 0;
}
p {
font-size: 0.9em;
color: #737373;
}
}
app-accordion-item {
.item-details {
font-size: .875em;
line-height: 1.429em;
color: rgba(0,0,0,.4);
margin-bottom: 16px;
}
}
/*26. search.component.scss */
.breadcrumb{
margin-top: 10px;
}
.b-margin {
margin-bottom: 10px !important;
}
.categoryPage .filter ul.filter-list .inner .form-control {
border-radius: 0!important;
-webkit-border-radius: 0!important;
-moz-border-radius: 0!important;
height: 40px!important;
margin: 0px 10px 0 0;
width: 100%;
}
.font20 {
font-size: 20px;
}
ul.inner {
padding: 0 !important;
}
.categoryPage .filter ul.filter-list.subcategory a.toggle {
font-size: 15px !important;
color: #000; /* content-text-color;*/
font-family: proxima-nova, sans-serif !important;
font-weight: 300 !important;
font-style: normal !important;
text-decoration: none;
background: 0;
padding: 0;
float: right;
position: relative;
display: block;
margin-top: 0;
transition: .15s ease-in-out;
}
.bold {
font-weight: 700!important;
}
/* .ProductAddedInCart {
/* background: #00b900!important;
/* border-color: #00b900!important;
/* -webkit-box-shadow: inset 0 -1px 0 0 #090!important;
/* box-shadow: inset 0 -1px 0 0 #090!important;
/* padding: 0 !important;
/* /* line-height: 42!important;
/* }*/
.location-price a.btn img {
display: inline-block;
margin: 0;
height: 22px;
}
.product-list {
position: absolute;
right: 5px;
bottom: 33px;
}
.discountedPrice{
display: flex;
flex-direction: column;
}
.product-img {
position: relative;
display: inline-block;
background-position: 50% 50% !important;
background-repeat: no-repeat !important;
background-size: contain !important;
margin-bottom: 10px;
height: 225px;
width: 300px;
padding-top: 75% !important;
}
.img-content {
width: 300px;
}
.fade-in {
animation: fadeIn ease 1s;
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
-ms-animation: fadeIn ease 1s;
}
@keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-o-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-ms-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
.categoryPage .search-bar {
float: none;
margin: 0 0 30px
}
.categoryPage .search-bar label {
font-family: proxima-nova,sans-serif;
font-weight: 700;
font-style: normal;
color: #0027a3; /*title-color;*/
font-size: 25px;
line-height: 28px;
display: inline-block;
vertical-align: middle;
float: left;
margin: 0 0 18px
}
.categoryPage .search-bar .block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
vertical-align: middle;
width: 80%;
/* border: 2px solid #0027a4;*/
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
/* height: 47px; */
position: static
}
.categoryPage .search-bar .block .form-control {
border-radius: 0;
height: 46px;
border: 0
}
.categoryPage .search-bar .block .form-control:focus {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.categoryPage .search-bar .block input[type=text] {
display: table-cell;
width: 100%;
border-radius: 3px 0 0 3px;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
/* padding: 0 64px 8px 14px; */
vertical-align: middle;
font-size: 30px;
color: #000;
border-right: 1px solid #d0d0d0;
background: #ffc500
}
.categoryPage .search-bar .block input[type=text]::-webkit-input-placeholder {
color: transparent
}
.categoryPage .search-bar .block input[type=text]:-ms-input-placeholder {
color: transparent
}
.categoryPage .search-bar .block input[type=text]::-ms-input-placeholder {
color: transparent
}
.categoryPage .search-bar .block input[type=text]::placeholder {
color: transparent
}
.categoryPage .search-bar .block .btn {
display: table-cell;
/* height: 43px; */
width: 50px;
height: 46px;
border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
/* background: #00c0ff;*/
text-align: center;
line-height: normal;
position: absolute;
right: 60px;
background: #0027a3 !important; /*title-color;*/
}
.categoryPage .search-bar .block .btn:focus {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.categoryPage .search-bar .block .btn i {
font-size: 25px;
color: #fff
}
.categoryPage .searchtest{
font-size: .65rem;
}
.all-parts .parts-items .content .prdTitle {
font-family: proxima-nova,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 21px;
line-height: 22px;
margin: 0 0 15px;
color: #0027a3; /*title-color;*/
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 44px;
}
.boderColorRed {
border: 2px solid red!important;
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}
a {
text-decoration: none;
background-color: transparent;
cursor: pointer;
}
.text-color {
color : #212529; /* shopping-cart-text-color*/
}
.highlightList {
width : 50%;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
float: left;
font-weight: 700;
font-size: 15px;
/* color: #000;*/
}
.highlightDv {
height: 65px;
}
@media(max-width: 374px) {
.product-img {
width: 100%;
}
.img-content {
width: 100%;
}
}
@media(max-width:400px) {
.product-img {
width: 100%;
}
.img-content {
width: 100%;
}
}
@media(max-width:414px) {
.product-img {
width: 100%;
}
.img-content {
width: 100%;
}
}
@media(max-width:768px) {
.product-img {
width: 100%;
height: auto;
}
.img-content {
width: 100%;
}
}
/*27. footer.component.scss */
footer .upper {
margin: 0 0 30px 0
}
footer .upper .mobile img {
display: none
}
footer .upper img {
margin: 0 3px 0 0;
max-width: 100%;
width: auto;
height: auto;
max-height: 65px;
}
footer .upper ul li strong {
font-weight: 700
}
footer .upper ul {
margin: 6px 0 0 0
}
footer .upper ul li:after {
content: "\f00c";
position: absolute;
left: 0;
top: -5px;
color: #0027a3;
font-size: 22px;
font-family: "Font Awesome 5 Pro"
}
footer .lower {
background: #dbdbdb;
background: -moz-linear-gradient(left, #dbdbdb 0, #dbdbdb 100%);
background: -webkit-linear-gradient(left, #dbdbdb 0, #dbdbdb 100%);
background: linear-gradient(to right, #dbdbdb 0, #dbdbdb 100%);
padding: 40px 0 0 0
}
footer .lower .content .advertise-btn {
background: #00c0ff;
border-color: #00c0ff;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
font-size: 19px;
line-height: 21px;
color: #fff;
height: 34px;
min-width: 220px;
text-align: center
}
footer .lower .content .advertise-btn:active,
footer .lower .content .advertise-btn:focus,
footer .lower .content .advertise-btn:hover {
background: #00c0ff;
border-color: #00c0ff;
outline: 0;
box-shadow: none !important
}
footer .lower .content ul.links {
margin: 0;
padding: 0
}
footer .lower .content ul.links.mb-30 {
margin: 0 0 30px 0
}
footer .lower .content ul.links li {
list-style: none;
position: relative;
font-size: 14px;
margin-bottom: 5px
}
footer .lower .content ul.links li a:hover {
text-decoration: underline;
cursor: pointer
}
footer .lower .content ul.links li .dayname,
footer .lower .content ul.links li a {
text-decoration: none;
color: #000;
font-size: 15px;
line-height: 22px;
display: inline-block;
cursor: default
}
footer .lower .content ul.links li.contact {
padding: 0 0 0 30px
}
footer .lower .content ul.links li.faq {
padding: 0 0 0 30px
}
footer .lower .content ul.links li.faq:after {
content: "\f086";
font-family: "Font Awesome 5 Pro";
position: absolute;
left: 0;
top: 0;
color: #3fa8f4;
font-size: 15px
}
footer .lower .content ul.social-links {
padding: 0;
clear: both;
display: inline-block;
align-items: center
}
footer .lower .content ul.social-links.mb-30 {
margin: 0 0 30px 0
}
footer .lower .content ul.social-links li {
list-style: none;
margin-right: 10px;
display: inline-block;
}
footer .lower .content ul.social-links li a {
display: block;
line-height: normal
}
footer .lower .content ul.social-links li a:hover {
text-decoration: none
}
footer .lower .content ul.social-links li a i {
font-size: 25px;
color: #000
}
footer .lower .content ul.companies {
padding: 0
}
footer .lower .content ul.companies.mb-30 {
margin: 0 0 30px 0
}
footer .lower .content ul.companies li {
list-style: none;
display: inline-block;
vertical-align: middle;
margin: 0 8px 0 0
}
footer .lower .content h5 {
font-size: 15px;
line-height: 22px;
color: #fff;
margin: 0 0 10px 0
}
footer .lower .copyright a:hover {
text-decoration: none !important
}
footer .lower .copyright a:after {
position: absolute;
left: 0;
top: 0;
content: "-"
}
footer .lower .copyright a.nodash:after {
display: none
}
footer .lower p,
footer .lower ul {
margin-bottom: 0
}
footer .upper ul li:after {
color: #0027a3; /*title-color */
}
@media(max-width:992px) {
footer .upper ul li p,
footer .upper ul li h4 {
font-size: 14px;
line-height: 16px
}
footer .upper ul li {
padding-right: 0
}
footer .lower .content ul.links.mb-30 {
margin-bottom: 20px
}
footer .lower .content section {
margin-bottom: 5px;
font-size: 16px;
line-height: 22px
}
}
@media(max-width:360px) {
footer .lower .links .xsmb20.flmid {
display: block !important
}
}
footer .lower .content ul.links li .dayname, footer .lower .content ul.links li a {
text-decoration: none;
color: #000;
font-size: 15px;
line-height: 22px;
display: inline-block;
cursor: default
}
.paymentmethods ul li {
width: auto !important;
float: left !important;
}
.mt-30 {
margin-top: 30px;
}
/*28. spinner.component.scss */
.progressoverlay {
width: 100%;
height: 100%;
position: fixed;
z-index: 1001;
background: #fff;
opacity: .1;
top: 4px
}
.progress {
position: fixed;
height: 4px;
display: block;
width: 100%;
background-color: #0027a3; /*title-color;*/
border-radius: 2px;
background-clip: padding-box;
margin: 0;
overflow: hidden;
z-index: 1000;
top: 0;
}
.progress .indeterminate {
background-color: #cccccc;
}
.progress .indeterminate:before {
content: '';
position: absolute;
background-color: inherit;
top: 0;
left: 0;
bottom: 0;
will-change: left, right;
-webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.progress .indeterminate:after {
content: '';
position: absolute;
background-color: inherit;
top: 0;
left: 0;
bottom: 0;
will-change: left, right;
-webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-webkit-animation-delay: 1.15s;
animation-delay: 1.15s;
}
@-webkit-keyframes indeterminate {
0% {
left: -35%;
right: 100%; }
60% {
left: 100%;
right: -90%; }
100% {
left: 100%;
right: -90%; } }
@keyframes indeterminate {
0% {
left: -35%;
right: 100%; }
60% {
left: 100%;
right: -90%; }
100% {
left: 100%;
right: -90%; } }
@-webkit-keyframes indeterminate-short {
0% {
left: -200%;
right: 100%; }
60% {
left: 107%;
right: -8%; }
100% {
left: 107%;
right: -8%; } }
@keyframes indeterminate-short {
0% {
left: -200%;
right: 100%; }
60% {
left: 107%;
right: -8%; }
100% {
left: 107%;
right: -8%; } }
/*29. register.component.scss */
form .form-group .form-control {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
height: 46px;
}
form .mb-16 {
margin-bottom: 1rem;
}
form .form-group label {
font-size: 15px;
line-height: 17px;
color: #000; /* register-text-color;*/
display: inline-block;
margin-bottom: 0;
padding: 5px;
}
form .form-group label.col-form-label {
padding: 14px 0 0
}
form .form-group label.required {
position: relative
}
form .form-group label.required:after {
position: absolute;
right: -7px;
top: 7px;
color: red;
content: "*";
font-style: normal;
font-size: 16px
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0,0,0,.1);
}
form .form-group span.error {
color: red;
font-size: 15px;
line-height: 17px;
}
/* form .btn.btn-primary:active, form .btn.btn-primary:focus, form .btn.btn-primary:hover, form .btn.btn-primary:not(:disabled):not(.disabled):active {
/* background-color: #0027a3; /* register-block-border-color;
/* border-color: #0027a3; /* register-block-border-color;
/* outline: 0;
/* -webkit-box-shadow: none;
/* box-shadow: none;
/* }*/
form .btn {
background-color: #0027a3; /*title-color;*/
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-color: #0027a3; /*title-color;*/
}
@media (min-width: 768px) {
.col-md-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-md-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%
}
.col-md-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-md-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
}
@media (min-width: 992px) {
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
/* .col-lg-3 {
/* -ms-flex: 0 0 25%;
/* -webkit-box-flex: 0;
/* flex: 0 0 25%;
/* max-width: 25%
/* }*/
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-lg-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
}
.col-form-label {
padding-top: calc(.375rem + 1px);
padding-bottom: calc(.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5
}
.form-group {
margin-bottom: 1rem
}
.form-check {
position: relative;
display: block;
padding-left: 1.25rem
}
.form-check-input {
position: absolute;
margin-top: .3rem;
margin-left: -1.25rem
}
.form-check-label {
margin-bottom: 0
}
.form-check-inline {
display: -ms-inline-flexbox;
display: -webkit-inline-box;
display: inline-flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
padding-left: 0;
margin-right: .75rem
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: .3125rem;
margin-left: 0
}
.breadcrumb {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none
}
/* h4.marking-text {
/* background: #fff;
/* background: -webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(50%,#e3f8ff),to(#fff));
/* background: linear-gradient(to right,#fff 0,#e3f8ff 50%,#fff 100%);
/* font-family: proxima-nova,sans-serif;
/* font-weight: 700;
/* font-style: normal;
/* font-size: 20px;
/* line-height: 25px;
/* color: #0027a3;
/* padding-top: 6px;
/* padding-bottom: 8px;
/* margin-top: 8px;
/* margin-bottom: 20px;
/* position: relative
/* }
/* h4.marking-text span {
/* font-family: proxima-nova,sans-serif;
/* font-weight: 900;
/* font-style: normal;
/* color: #0027a3; /* register-block-border-color;
/* font-size: 38px;
/* line-height: 25px
/* }
/* h4.marking-text i {
/* margin: 0 0 0 8px;
/* color: #0027a3; /* register-block-border-color;
/* position: relative;
/* top: 1px;
/* font-size: 18px
/* }
/* h4.marking-text a {
/* color: #0027a3;
/* text-decoration: none
/* }
/* h4.marking-text a span {
/* color: #0027a3; /* register-block-border-color
/* }*/
.breadcrumb {
padding: 0;
border-radius: 0;
margin: 10px 0 15px;
background: 0
}
.breadcrumb ul {
margin: 0;
padding: 0;
display: table;
clear: both;
width: 100%
}
.breadcrumb ul li {
list-style: none;
float: left
}
/* .breadcrumb ul li span {
/* display: inline-block;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7
/* }
/* .breadcrumb ul li a {
/* text-decoration: none;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7;
/* -webkit-transition: color .15s ease-in-out;
/* transition: color .15s ease-in-out;
/* position: relative;
/* padding: 0 14px 0 0;
/* margin: 0 8px 0 0
/* }*/
.breadcrumb ul li a:after {
position: absolute;
right: 0;
top: 1px;
content: '>'
}
/* .register-page h4.marking-text {
/* margin-bottom: 20px
/* }*/
.register-page .mainContent h1.page-title {
font-size: 32px;
line-height: 34px;
color: #0027a3; /*title-color;*/
font-family: proxima-nova,sans-serif;
font-weight: 700;
font-style: normal;
margin: 0 0 40px
}
.register-page .mainContent .block {
max-width: 850px;
margin-bottom: 50px;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
box-shadow: 0 0 5px rgba(0,0,0,.2);
padding: 30px;
border-top: 3px solid #0027a3; /* register-block-border-color*/
}
.register-page .mainContent .block .shippingaddress {
display: none
}
.register-page .mainContent .block h3.block-title {
font-size: 18px;
line-height: 20px;
color: #000; /* register-head-text-color;*/
margin: 0 0 30px
}
.register-page .mainContent .block span.block-note {
font-size: 13px;
line-height: 21px;
display: block;
margin: 0 0 20px
}
.register-page .mainContent .block .submit-button {
clear: both;
display: table;
width: 100%
}
.register-page .mainContent .block .submit-button .btn {
width: 170px;
max-width: inherit
}
.register-page .mainContent .block a {
display: inline-block;
color: #0027a3; /* register-block-border-color;*/
text-decoration: underline;
-webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}
.register-page .mainContent .block a.forgot-link {
float: right;
margin: 0 0 15px
}
.register-page .mainContent .block a:hover {
color: #000
}
.register-page .mainContent .block p {
margin: 0
}
.register-page .mainContent .block .btn {
width: 100%;
margin: 0 0 15px
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}
/*30. bootstrap-optimize.scss */
:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
*,
::after,
::before {
box-sizing: border-box
}
.modal-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem
}
.modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border-radius: .3rem;
outline: 0
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, .1)
}
.table {
width: 100%;
margin-bottom: 1rem;
color: #212529
}
table {
border-collapse: collapse
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block
}
/* body {
/* margin: 0;
/* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
/* font-size: 1rem;
/* font-weight: 400;
/* line-height: 1.5;
/* color: #212529;
/* text-align: left;
/* background-color: #fff
/* }*/
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: .5rem
}
p {
margin-top: 0;
margin-bottom: 1rem
}
dl,
ol,
ul {
margin-top: 0;
margin-bottom: 1rem
}
b,
strong {
font-weight: 600;
}
a:not([href]) {
color: inherit;
text-decoration: none
}
img {
vertical-align: middle;
border-style: none
}
table {
border-collapse: collapse
}
label {
display: inline-block;
margin-bottom: .5rem
}
button {
border-radius: 0
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
select {
word-wrap: normal
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button
}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
cursor: pointer
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2
}
.h1,
h1 {
font-size: 2.5rem
}
.h2,
h2 {
font-size: 2rem
}
.h3,
h3 {
font-size: 1.75rem
}
.h4,
h4 {
font-size: 1.5rem
}
.h5,
h5 {
font-size: 1.25rem
}
.h6,
h6 {
font-size: 1rem
}
.container {
width: 100%;
max-width: 1280px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
@media (min-width:576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
}
@media (min-width:768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
}
@media (min-width:992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-lg-4 {
-ms-flex: 0 0 33.333333% !important;
flex: 0 0 33.333333% !important;
max-width: 33.333333% !important
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
}
@media (min-width:1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
}
.form-control {
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.form-control::-webkit-input-placeholder {
color: #6c757d;
opacity: 1
}
.form-control::placeholder {
color: #6c757d;
opacity: 1
}
.btn {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.fade {
transition: opacity .15s linear
}
.fade:not(.show) {
opacity: 0
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0
}
.clearfix::after {
display: block;
clear: both;
content: ""
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important
}
p {
margin-bottom: 0
}
hr {
border-top: 1px solid #c9c9c9
}
a:hover {
text-decoration: none
}
@media print {
.container {
min-width: 992px !important
}
}
@media (min-width:576px) {
.container {
max-width: 540px
}
}
@media (min-width:768px) {
.container {
max-width: 720px
}
}
@media (min-width:992px) {
.container {
max-width: 960px
}
}
@media (min-width:1200px) {
.container {
max-width: 1140px
}
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important
}
.form-group {
margin-bottom: 1rem
}
.btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.modal-open .navbar-fixed-bottom,
.modal-open .navbar-fixed-top,
body.modal-open {
margin-right: 15px
}
.modal-open {
overflow: hidden
}
.modal-open .overlay {
display: block !important
}
body .fade.in {
opacity: 1
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
display: none;
overflow: auto;
overflow-y: scroll
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear
}
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto
}
body .modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none
}
.modal-header .close {
padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto
}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
cursor: pointer
}
button.close {
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none
}
.close {
float: right;
font-size: 21px;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
}
.closes {
float: right;
font-size: 27px;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.fa-search:before {
content: "\f002"
}
.fa-user:before {
content: "\f007"
}
.fa-whatsapp:before {
content: "\f232"
}
.fa-phone:before {
content: "\f095"
}
.fa-envelope:before {
content: "\f0e0"
}
.fa-check:before {
content: "\f00c"
}
.fa-angle-right:before {
content: "\f105"
}
.fa-linkedin:before {
content: "\f08c"
}
.fa-facebook-square:before {
content: "\f082"
}
.fa-instagram:before {
content: "\f16d"
}
.fa-youtube:before {
content: "\f167"
}
.fa-ideal:before {
content: "\f913"
}
.fa-map-marker-alt:before {
content: "\f3c5"
}
.fa-times-circle:before {
content: "\f057"
}
.fal {
font-weight: 300
}
.fa-filter:before {
content: "\f0b0"
}
.fa-angle-left:before {
content: "\f104"
}
.fa-check-circle:before {
content: "\f058"
}
.fa-trash:before {
content: "\f1f8"
}
.fal,
.far {
font-family: "Font Awesome 5 Pro"
}
.far {
font-weight: 400
}
.fa,
.fas {
font-family: "Font Awesome 5 Pro";
font-weight: 900
}
.fab {
font-family: "Font Awesome 5 Brands"
}
.container {
max-width: 1280px;
}
/*31. order-confirmation.scss
/* b,strong {
/* font-weight: bolder
/* }*/
table {
border-collapse: collapse
}
th {
text-align: inherit
}
input[type=checkbox],input[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
.red {
color: red;
}
.text-right {
text-align: right;
}
@media (min-width: 768px) {
.col-md-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
/* .col-md-6 {
/* -ms-flex: 0 0 50%;
/* -webkit-box-flex: 0;
/* flex: 0 0 50%;
/* max-width: 50%
/* }*/
.col-md-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-md-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
}
@media (min-width: 992px) {
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
/* .col-lg-3 {
/* -ms-flex: 0 0 25%;
/* -webkit-box-flex: 0;
/* flex: 0 0 25%;
/* max-width: 25%
/* }*/
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
/* .col-lg-6 {
/* -ms-flex: 0 0 50%;
/* -webkit-box-flex: 0;
/* flex: 0 0 50%;
/* max-width: 50%
/* }*/
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-lg-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
}
.table {
width: 100%;
margin-bottom: 1rem;
color: #212529; /* checkout-table-text-color*/
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #ddd; /* checkout-table-color*/
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.col-form-label {
padding-top: calc(.375rem + 1px);
padding-bottom: calc(.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5
}
.ml-0, .mx-0 {
margin-left: 0!important;
}
.mr-0, .mx-0 {
margin-right: 0!important;
}
.form-group {
margin-bottom: 1rem
}
.form-check {
position: relative;
display: block;
padding-left: 1.25rem
}
.form-check-input {
position: absolute;
margin-top: .3rem;
margin-left: -1.25rem
}
.form-check-label {
margin-bottom: 0
}
.form-check-inline {
display: -ms-inline-flexbox;
display: -webkit-inline-box;
display: inline-flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
padding-left: 0;
margin-right: .75rem
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: .3125rem;
margin-left: 0
}
.breadcrumb {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none
}
.bg-light {
background-color: #f8f9fa!important
}
.border-0 {
border: 0!important
}
.rounded {
border-radius: .25rem!important
}
.d-flex {
display: -ms-flexbox!important;
display: -webkit-box!important;
display: flex!important
}
.shadow-sm {
-webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
}
.mb-0,.my-0 {
margin-bottom: 0!important
}
.ml-3,.mx-3 {
margin-left: 1rem!important
}
.fa-angle-right:before {
content: "\f105"
}
form .mb-16 {
margin-bottom: 1rem
}
form .business,form .create-and-account {
display: none
}
form .form-group .form-control {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
height: 46px
}
form .form-group label {
font-size: 15px;
line-height: 17px;
color: #000; /* checkout-text-color;*/
display: inline-block;
margin-bottom: 0;
padding: 5px;
}
form .form-group label span.validationText{
font-size: 15px;
line-height: 17px;
color: #000; /* checkout-text-color;*/
display: inline-block;
margin-bottom: 0;
padding: 5px;
}
form .form-group label.col-form-label {
padding: 14px 0 0
}
form .form-group label.col-form-label.required:after {
/* top: 12px; */
}
form .form-group label.required {
position: relative
}
form .form-group label.required:after {
position: absolute;
right: -7px;
top: 7px;
color: red;
content: "*";
font-style: normal;
font-size: 16px
}
form .btn {
background-color: #0027a3; /* checkout-head-text-color;*/
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-color: #0027a3; /* checkout-head-text-color*/
}
h4.marking-text {
background: #fff;
background: -webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(50%,#e3f8ff),to(#fff));
background: linear-gradient(to right,#fff 0,#e3f8ff 50%,#fff 100%);
font-family: proxima-nova,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 20px;
line-height: 25px;
color: #0027a3;
padding-top: 6px;
padding-bottom: 8px;
margin-top: 8px;
margin-bottom: 60px;
position: relative
}
h4.marking-text span {
font-family: proxima-nova,sans-serif;
font-weight: 900;
font-style: normal;
color: #0027a3; /* checkout-head-text-color;*/
font-size: 38px;
line-height: 25px
}
h4.marking-text i {
margin: 0 0 0 8px;
color: #0027a3; /* checkout-head-text-color;*/
position: relative;
top: 1px;
font-size: 18px
}
h4.marking-text a {
color: #0027a3;
text-decoration: none
}
h4.marking-text a span {
color: #0027a3; /* checkout-head-text-color*/
}
.form-control {
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.breadcrumb {
padding: 0;
border-radius: 0;
margin: 10px 0 15px;
background: 0
}
.breadcrumb ul {
margin: 0;
padding: 0;
display: table;
clear: both;
width: 100%
}
.breadcrumb ul li {
list-style: none;
float: left
}
/* .breadcrumb ul li span {
/* display: inline-block;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7
/* }
/* .breadcrumb ul li a {
/* text-decoration: none;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7;
/* -webkit-transition: color .15s ease-in-out;
/* transition: color .15s ease-in-out;
/* position: relative;
/* padding: 0 14px 0 0;
/* margin: 0 8px 0 0
/* }*/
.breadcrumb ul li a:after {
position: absolute;
right: 0;
top: 1px;
content: '>'
}
.shopping-cart h4.marking-text {
margin-bottom: 20px
}
.shopping-cart .mainContent {
margin-bottom: 100px
}
.shopping-cart .mainContent h5.small-heading {
font-size: 18px;
line-height: 20px;
margin: 0 0 10px;
color: #000; /* checkout-text-color*/
}
/* .shopping-cart .mainContent.checkout .checkout-wrap {
/* max-width: 1000px;
/* width: 100%;
/* margin-bottom: 50px;
/* -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
/* box-shadow: 0 0 5px rgba(0,0,0,.2);
/* padding: 30px;
/* border-top: 3px solid #0027a3; /* checkout-head-text-color
/* }
/* .shopping-cart .mainContent.checkout .login-block {
/* max-width: 1000px;
/* width: 100%;
/* margin: 30px 0;
/* -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
/* box-shadow: 0 0 5px rgba(0,0,0,.2);
/* padding: 30px;
/* display: none;
/* border-top: 3px solid #0027a3; /* checkout-head-text-color;
/* }*/
.shopping-cart .mainContent.checkout .login-block form {
margin-bottom: 20px
}
.shopping-cart .mainContent.checkout .login-block form .form-group {
margin-bottom: 0
}
.shopping-cart .mainContent.checkout .login-block form .btn {
width: 100%;
height: 100%
}
.shopping-cart .mainContent.checkout .login-block a.forgot-link {
color: #000; /* checkout-text-color;*/
text-decoration: underline
}
.shopping-cart .mainContent .table tr td span.text-muted {
font-size: 14px;
line-height: 16px;
font-style: normal!important;
white-space: normal;
}
form .form-group span.error {
color: red;
font-size: 15px;
line-height: 17px;
}
.shopping-cart .mainContent.checkout .block {
margin: 0 0 40px
}
.shopping-cart .mainContent.checkout .table tr th {
font-size: 14px;
background: #ddd !important; /* checkout-table-color*/
}
/* .shopping-cart .mainContent.checkout .table tr td .text-dark {
/* font-size: 16px;
/* white-space: normal;
/* text-decoration: none;
/* color: #212529; /* checkout-table-text-color !important;
/* }*/
.shopping-cart .mainContent.checkout .payment h5 {
font-size: 18px;
line-height: 20px;
margin: 0 0 10px;
color: #000; /* checkout-text-color*/
}
.shopping-cart .mainContent h1.page-title {
font-size: 32px;
line-height: 34px;
color: #0027a3; /* checkout-head-text-color;*/
font-family: proxima-nova,sans-serif;
font-weight: 700;
font-style: normal;
margin: 0 0 40px
}
.overviewPageTitle {
margin: 0px !important;
}
.shopping-cart .mainContent .table {
border-bottom: 1px solid #ddd; /* checkout-table-color;*/
white-space: nowrap
}
.shopping-cart .mainContent .table tr th {
padding: 1.25rem .75rem
}
.shopping-cart .mainContent .table tr td:first-child {
width: 100%
}
.shopping-cart .mainContent .table tr td h5 {
font-size: 18px;
line-height: 22px
}
.shopping-cart .mainContent .order-selection .form-group {
text-align: right;
}
/* .border-0 strong{
margin-right: -4px;
} */
.shopping-cart .mainContent .order-selection .form-group p {
text-align: right;
margin-bottom: 5px;
}
.shopping-cart .mainContent .order-selection .form-group p em {
font-family: proxima-nova,sans-serif;
font-weight: 700;
font-style: normal;
margin: 0 0 0 100px
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.feature-panel.checkout {
border: 0;
padding: 0;
margin: 0 auto;
}
.flex-container {
padding: 0;
margin: 0 -10px 20px;
list-style: none;
-ms-box-orient: horizontal;
display: -webkit-box;
display: -ms-flexbox;
display: -moz-flex;
display: flex;
}
.flex-item {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
width: 50%;
border-left: 1px solid #606060;
border-top: 0;
padding: 0 15px;
}
address, blockquote, dd, dl, fieldset, form, ol, p, pre, table, ul {
/* margin-bottom: 20px; */
}
address {
font-style: normal;
line-height: 1.42857143;
}
.TextColor {
color: #000; /* checkout-text-color;*/
}
.inputText {
width: 30px;
border-color: #0027a3; /* checkout-head-text-color;*/
background: #fff;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-align: center;
}
.btnCheckOut {
background-color: #000;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-color: #000;
}
.hrMargin {
margin-top: 15px;
margin-bottom: 15px;
}
.mr-10 {
margin-right: 0px;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-5 {
margin-bottom: 5px;
}
.mt-15 {
margin-top: 15px;
}
.borderNone{
border-left: none;
}
.txtalign {
text-align: center;
}
.floatRight {
float: right;
}
.padding10 {
padding: 10px 0 !important;
}
.shopping-cart .mobile-cart .item-detail span.text-muted {
font-size: 14px;
margin: 0 0 10px;
display: block
}
.shopping-cart .mainContent.checkout .mobile-cart {
display: none
}
.shopping-cart .mainContent.checkout .desktop-cart {
display:block
}
@media(max-width: 374px) {
header .header-lower nav ul.mainNavigation {
max-height:350px;
overflow-y: auto
}
.shopping-cart .mainContent .table tr td {
padding: .75rem 0
}
.shopping-cart .mainContent .table tr td .d-flex .ml-3 {
margin-left: 10px!important
}
.shopping-cart .mainContent .table tr td .d-flex .ml-3 h5,.shopping-cart .mainContent .table tr td .d-flex .ml-3 h5 a {
font-size: 14px;
line-height: 18px
}
form .form-group label.required:after {
position: absolute;
right: -7px;
top: 1px;
color: red;
content: "*";
font-style: normal;
font-size: 16px;
}
h2 {
line-height: 0.1;
margin-bottom: 0px;
}
}
.chekout-text{
float: right;padding: 5px 0 5px 5px;
}
.CheckoutFuture {
background: #00b900 !important; /* button-color;*/
border-color: #00b900 !important; /* button-color;*/
background-color: #00b900 !important; /* button-color;*/
box-shadow: inset 0 -1px 0 0 #00b900 !important; /* button-color;*/
border-radius: 5px !important;
}
.autowidth{
width: auto;
}
a button {
width: auto;
font-family: proxima-nova,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 22px;
line-height: 30px;
color: #fff;
background: #00bfff;
border-color: #fff;
float: right;
border-radius: 5px !important;
background-color: #00bfff;
box-shadow: inset 0 -2px 0 0 #0027a3;
transition: background .1s linear,box-shadow .1s linear;
}
/* .submit-button button{
/* width: auto;
/* font-family: proxima-nova,sans-serif;
/* font-weight: 400;
/* font-style: normal;
/* font-size: 22px;
/* line-height: 30px;
/* color: #fff;
/* background: #00bfff;
/* border-color: #fff;
/* float: right;
/* border-radius: 5px !important;
/* background-color: #00bfff;
/* box-shadow: inset 0 -2px 0 0 #0027a3;
/* transition: background .1s linear,box-shadow .1s linear;
/* }*/
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}
.shopping-cart .mainContent .order i {
color: #009f00;
font-size: 20px;
}
.shopping-cart .mainContent .order h1 {
color: #009f00;
font-family: proxima-nova,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 20px;
}
.btnthankyou {
min-width: 250px;
font-size: 18px !important;
color: #fff;
background: #00b900 !important; /* button-color;*/
border-radius: 0;
border-color: #00b900 !important; /* button-color;*/
float: left !important;
}
.ml-5 {
margin-right: 5px;
}
/*32. accordian.scss */
.cursor-pointer ul li ::marker {
text-decoration: none;
content: '\f068';
}
/*33. my-account.component.scss */
form .form-group .form-control {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
height: 46px;
}
form .mb-16 {
margin-bottom: 1rem;
}
form .form-group label {
font-size: 15px;
line-height: 17px;
color: #000; /* my-account-text-color;*/
display: inline-block;
margin-bottom: 0;
padding: 5px;
}
form .form-group label.col-form-label {
padding: 14px 0 0
}
form .form-group label.col-form-label.required:after {
/* top: 12px; */
}
form .form-group label.required {
position: relative
}
form .form-group label.required:after {
position: absolute;
right: -7px;
top: 7px;
color: red;
content: "*";
font-style: normal;
font-size: 16px
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0,0,0,.1);
}
form .form-group span.error {
color: red;
font-size: 15px;
line-height: 17px;
}
/* form .btn.btn-primary:active, form .btn.btn-primary:focus, form .btn.btn-primary:hover, form .btn.btn-primary:not(:disabled):not(.disabled):active {
/* background-color: #0027a3; /*title-color;
/* border-color: #0027a3; /*title-color;
/* outline: 0;
/* -webkit-box-shadow: none;
/* box-shadow: none;
/* }*/
form .btn {
background-color: #0027a3; /*title-color;*/
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-color: #0027a3; /*title-color;*/
}
@media (min-width: 768px) {
.col-md-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
/* .col-md-6 {
/* -ms-flex: 0 0 50%;
/* -webkit-box-flex: 0;
/* flex: 0 0 50%;
/* max-width: 50%
/* }*/
.col-md-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-md-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
}
@media (min-width: 992px) {
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
/* .col-lg-3 {
/* -ms-flex: 0 0 25%;
/* -webkit-box-flex: 0;
/* flex: 0 0 25%;
/* max-width: 25%
/* }*/
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-lg-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
}
.col-form-label {
padding-top: calc(.375rem + 1px);
padding-bottom: calc(.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5
}
.form-group {
margin-bottom: 1rem
}
.form-check {
position: relative;
display: block;
padding-left: 1.25rem
}
.form-check-input {
position: absolute;
margin-top: .3rem;
margin-left: -1.25rem
}
.form-check-label {
margin-bottom: 0
}
.form-check-inline {
display: -ms-inline-flexbox;
display: -webkit-inline-box;
display: inline-flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
padding-left: 0;
margin-right: .75rem
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: .3125rem;
margin-left: 0
}
.breadcrumb {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none
}
h4.marking-text {
background: #fff;
background: -webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(50%,#e3f8ff),to(#fff));
background: linear-gradient(to right,#fff 0,#e3f8ff 50%,#fff 100%);
font-family: proxima-nova,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 20px;
line-height: 25px;
color: #0027a3;
padding-top: 6px;
padding-bottom: 8px;
margin-top: 8px;
margin-bottom: 20px;
position: relative
}
h4.marking-text span {
font-family: proxima-nova,sans-serif;
font-weight: 900;
font-style: normal;
color: #0027a3; /*title-color;*/
font-size: 38px;
line-height: 25px
}
h4.marking-text i {
margin: 0 0 0 8px;
color: #0027a3; /*title-color;*/
position: relative;
top: 1px;
font-size: 18px
}
h4.marking-text a {
color: #0027a3;
text-decoration: none
}
h4.marking-text a span {
color: #0027a3; /*title-color*/
}
.breadcrumb {
padding: 0;
border-radius: 0;
margin: 10px 0 15px;
background: 0;
}
.breadcrumb ul {
margin: 10px auto 15px ;
padding: 0;
display: table;
clear: both;
width: 100%
}
.breadcrumb ul li {
list-style: none;
float: left
}
/* .breadcrumb ul li span {
/* display: inline-block;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7
/* }
/* .breadcrumb ul li a {
/* text-decoration: none;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7;
/* -webkit-transition: color .15s ease-in-out;
/* transition: color .15s ease-in-out;
/* position: relative;
/* padding: 0 14px 0 0;
/* margin: 0 8px 0 0
/* }*/
.breadcrumb ul li a:after {
position: absolute;
right: 0;
top: 1px;
content: '>'
}
.register-page h4.marking-text {
margin-bottom: 20px
}
.register-page .mainContent .block {
max-width: 850px;
/* width: 100%;*/
/* margin: 0 auto 40px;*/
margin-bottom: 40px;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
box-shadow: 0 0 5px rgba(0,0,0,.2);
padding: 30px;
border-top: 3px solid #0027a3; /*title-color*/
}
.register-page .mainContent .block .shippingaddress {
display: none
}
.register-page .mainContent .block h3.block-title {
font-size: 18px;
line-height: 20px;
color: #000; /* my-account-head-text-color;*/
margin: 0 0 30px
}
.register-page .mainContent .block span.block-note {
font-size: 13px;
line-height: 21px;
display: block;
margin: 0 0 20px
}
.register-page .mainContent .block .submit-button {
clear: both;
display: table;
width: 100%
}
.register-page .mainContent .block a {
display: inline-block;
color: #0027a3; /*title-color;*/
text-decoration: underline;
-webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}
.register-page .mainContent .block a.forgot-link {
float: right;
margin: 0 0 15px
}
.register-page .mainContent .block a:hover {
color: #000
}
.register-page .mainContent .block p {
margin: 0
}
.register-page .mainContent .block .btn {
width: 100%;
margin: 0 0 15px
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}
.text-color {
color : #C8C8C8; /* shopping-cart-text-color*/
}
/*34. navigation.component.scss */
header .header-middle nav ul.mainNavigation {
margin: 0;
padding: 0
}
header .header-middle nav ul.mainNavigation>li {
list-style: none;
float: left;
margin: 0;
padding: 10px 0
}
header .header-middle nav ul.mainNavigation:after {
content: '';
display: block;
clear: both
}
header .header-middle nav ul.mainNavigation>li:first-child a {
padding-left: 0
}
header .header-middle nav ul.mainNavigation>.otherlinks {
padding: 0;
float: right;
display: flex;
align-items: center
}
header .header-middle nav ul.mainNavigation>.otherlinks a {
border-right: 0 none;
padding: 9px 5px 9px 5px
}
header .header-middle nav ul.mainNavigation>li.active a {
padding-left: 30px;
color: #000
}
@media(max-width:992px) {
header .header-middle nav ul.mainNavigation>li a {
padding: 0 15px;
font-size: 14px
}
}
/*35. home-search.component.scss */
.dealer-category-image {
/* filter: contrast(0);*/
}
.breadcrumb-margin {
margin-bottom: -15px !important;
margin-top: 10px;
}
.top-section {
border-bottom: 1px solid #9c9c9c;
min-height: 20px;
width: 100.8%;
}
.more-category {
font-size: 20px;
font-weight: 600;
display: flex;
width: 100%;
justify-content: flex-end;
cursor: pointer;
margin-top: 10px;
width: 102%;
}
.more-category i {
margin-left: 10px;
margin-right: 10px;
}
.category-header {
width: 100%;
font-size: 26px;
display: inline-flex;
align-items: center;
margin-bottom: 20px;
margin-top: 20px;
}
.category-img {
height: 50px;
margin-right: 20px;
}
.button-area {
height: 100%;
width: 100%;
position: absolute;
top: 0;
}
.img {
position: relative;
transform: translate(-50%, calc(-50% - 20px));
top: calc(50% - 0px);
left: 50%;
}
/* .dealer-category-image {
/* position: relative;
/* transform: translate(-50%, calc(-50% - 20px));
/* top: calc(50% - 0px);
/* left: 50%;
/* }*/
.type-category {
width: auto;
height: 50px;
position: relative;
background: #ffffff; /* types-bg-color;*/
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.18);
margin-bottom: 10px;
cursor: pointer;
align-items: center;
margin-right: 15px;
}
.type-display-name {
text-align: left;
font-weight: 500;
width: 100%;
margin-bottom: 0;
padding: 0 0 0 15px;
color: #344154; /* types-title-color;*/
font-size: 18px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.type-count {
color: #8ba3b3; /* sub-category-count-color;*/
width: 100%;
text-align: right;
font-weight: 400;
margin-bottom: 0;
padding: 0 15px 0px 0px;
}
.sub-img {
max-height: 45px;
object-fit: contain;
}
.mb-30 {
margin-bottom: 30px;
}
.mt-30 {
margin-top: 30px;
}
.meta-h1 {
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 30px;
color: #0027a3; /*title-color;*/
display: inline-block;
vertical-align: middle;
}
.mobile-heading {
font-size: 20px;
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
color: #0027a3;
display: inline-block;
vertical-align: middle;
}
.titleh2 {
line-height: 1.0;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
@media(max-width: 1024px) {
.main-category {
width: auto;
height: 160px;
}
.breadcrumb {
margin:0 0 8px
}
.img {
/* width: 70%; */
max-height: 60px;
transform: translate(-50%, calc(-50% - 15px));
}
.count {
top: 5px;
right: 5px;
}
}
@media (min-width: 992px) {
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
/* .col-lg-3 {
/* -ms-flex: 0 0 25%;
/* -webkit-box-flex: 0;
/* flex: 0 0 25%;
/* max-width: 25%
/* }*/
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
/* .col-lg-6 {
/* -ms-flex: 0 0 50%;
/* -webkit-box-flex: 0;
/* flex: 0 0 50%;
/* max-width: 50%
/* }*/
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-lg-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
}
@media (min-width: 768px) {
.col-md-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
/* .col-md-6 {
/* -ms-flex: 0 0 50%;
/* -webkit-box-flex: 0;
/* flex: 0 0 50%;
/* max-width: 50%
/* }*/
.col-md-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-md-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
}
@media(max-width: 768px) {
.main-category {
width: auto;
height: 140px;
}
.img {
/* width: 70%; */
max-height: 60px;
transform: translate(-50%, calc(-50% - 15px));
}
.count {
top: 5px;
right: 5px;
}
}
@media (min-width: 1200px) {
.img {
/* width: 70%; */
max-height: 90px;
}
}
/*36. home-server.component.scss */
.boderColorRed {
border: 2px solid red!important;
}
.search-bar {
margin-right: -8px;
}
/*37. page-missing.component.scss */
.page-missing {
text-align: center;
justify-content: center;
padding: 50px 0;
}
/*38. product-list.component.scss */
.content-img {
max-width: 100%;
margin: 0 0 8px 0;
height: auto;
background-size: contain !important;
background-position: 50% 50%!important;
background-repeat: no-repeat!important;
}
.line-clamp {
font-family: proxima-nova,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 22px;
}
.product-img {
position: relative;
display: inline-block;
background-position: 50% 50% !important;
background-repeat: no-repeat !important;
background-size: contain !important;
margin-bottom: 10px;
height: 225px;
width: 300px;
padding-top: 75%!important;
}
.location-price a.btn img {
display: inline-block;
margin: 0;
height: 22px;
}
/* .img-container {
/* width: 300px;
/* }*/
.fade-in {
animation: fadeIn ease 1s;
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
-ms-animation: fadeIn ease 1s;
}
@keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-o-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-ms-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
/* .content div a {
/* color: #0027a3; /*title-color;
/* text-decoration: none;
/* height: 45px;
/* }*/
.content .location-price {
display: flex;
clear: both;
width: 100%;
margin: 20px 0 30px 0
}
.content .location-price .location {
font-size: 13px;
line-height: 20px;
color: #747474; /* content-details-text-color;*/
float: left;
margin: 0;
width: 100%;
}
.content .location-price .location em {
display: block;
font-style: normal
}
.content .location-price .location em i {
font-size: 14px;
margin: 0 4px 0 0
}
.product-list {
position: absolute;
right: 5px;
bottom: 33px;
}
.content .location-price .price em {
color: #747474; /* content-details-text-color;*/
display: block;
font-size: 14px;
line-height: 18px;
text-align: right;
font-family: proxima-nova, sans-serif;
font-weight: 400;
font-style: normal;
float: right;
margin-top: 12px;
}
.content .img-lists {
display: table;
clear: both;
width: 100%
}
.content .img-lists .img {
max-width: 100%;
float: left
}
.content .img-lists .lists {
float: left;
margin: 0
}
.content .img-lists .lists span {
display: block;
text-align: right
}
.content .img-lists .lists span i {
margin: 0 4px 0 0;
color: #00b900
}
.content div a:hover {
text-decoration: underline
}
.line-clamp{
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media(max-width:1024px) {
/* .content div { */
/* font-size: 18px; */
/* line-height: 22px; */
/* display: block; */
/* -webkit-line-clamp: 2; */
/* -webkit-box-orient: vertical; */
/* min-height: 44px */
/* } */
.content .location-price .location {
width: 66%;
margin: 0
}
.content .location-price .price {
font-size: 20px;
line-height: 26px
}
.content .lists {
font-size: 14px;
line-height: 20px
}
.product-img {
width: 100%;
height: auto;
}
.img-container {
width: 100%;
}
}
@media(max-width:992px) {
.content .location-price .price em {
margin-top: 8px
}
.content div {
font-size: 16px
}
}
@media(max-width:768px) {
.product-img {
width: 100%;
height: auto;
}
.img-container {
width: 100%;
}
}
.text-color {
color : #212529; /* shopping-cart-text-color*/
}
.highlightList {
width : 50%;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
float: left;
font-weight: 700;
font-size: 15px;
/* color: #000;*/
}
.highlightDv {
height: 65px;
}
@media(max-width: 374px) {
.product-img {
width: 100%;
}
.img-container {
width: 100%;
}
}
@media(max-width:400px) {
.product-img {
width: 100%;
}
.img-container {
width: 100%;
}
}
@media(max-width:414px) {
.product-img {
width: 100%;
}
.img-container {
width: 100%;
}
}
.discountedPrice{
display: flex;
flex-direction: column;
}
/*39. shopping-cart.component.scss */
.modal-header {
display: flex;
-webkit-border-radius: 0;
border-radius: 0;
background: #0027a3;
/* login-color;
*/
color: #fff;
padding: 25px 15px 25px;
height: 100px;
}
.modal-header h2 {
margin-top: 5px;
}
.modal-header .close {
padding-top: 30px;
border: 0 none !important;
outline: 0;
color: #fff;
text-shadow: none;
font-weight: 500;
opacity: 1;
margin-top: -20px !important;
font-size: 30px !important;
}
a.shop {
background-color: #3aaa35 !important; /*product-icon-color;*/
}
.td-width {
width: 320px;
}
.font20 {
font-size: 20px!important;
}
app-panel .infos{
max-width: 500px;
}
.product-quantity {
width: 90px;
}
a.disabled {
pointer-events: none;
opacity: 0.5;
}
.not-allow {
cursor: not-allowed;
}
.product-quantity input[type="text"] {
width: 30px;
border-color: #0027a3; /* shopping-cart-icon-color;*/
background: #fff;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-align: center;
}
.product-quantity a {
background: #0027a3; /* shopping-cart-icon-color;*/
width: 25px;
height: 25px;
border-radius: 100%;
display: inline-block;
text-align: center;
cursor: pointer;
}
.product-quantity a i {
color: #fff;
font-weight: 400;
line-height: inherit;
}
.showonshipping {
width: 130px;
float: right;
display: block;
}
.align-right {
text-align: end;
}
@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {
.modal-content {
height: calc(100% - 100px) !important;
}
.my-custom-scrollbar[_ngcontent-c2] {
position: relative !important;
overflow: auto !important;
}
.pr-f {
float: right;
padding-right: 99px !important;
color: #000;
}
}
.modalshopping {
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1001 !important;
background: #fff !important;
opacity: 0.99 !important;
overflow: hidden;
height: 100%;
transform: translate3d(100%, 0, 0);
max-width: 500px;
}
.mostsearchimg {
position: relative;
display: inline-block;
width: 128px;
background-position: 50% 50% !important;
background-repeat: no-repeat !important;
background-size: contain !important;
margin-bottom: 0px;
height: 96px;
}
/* b {
/* font-weight: bolder;
/* }*/
table {
border-collapse: collapse;
}
th {
text-align: inherit;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
.txtCenter {
text-align: center;
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem;
}
.alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.alert {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem;
}
@media (min-width: 576px) {
.col-sm-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 768px) {
.col-md-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 992px) {
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
/* .col-lg-3 {
/* -ms-flex: 0 0 25%;
/* -webkit-box-flex: 0;
/* flex: 0 0 25%;
/* max-width: 25%;
/* }
/* .col-lg-6 {
/* -ms-flex: 0 0 50%;
/* -webkit-box-flex: 0;
/* flex: 0 0 50%;
/* max-width: 50%;
/* }*/
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
.table {
width: 100%;
margin-bottom: 1rem;
color: #000; /* content-text-color;*/
}
.table td,
.table th {
padding: 0.25rem 0rem;
vertical-align: top;
/* border-top: 1px solid #dee2e6 */
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6;
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.col-form-label {
padding-top: calc(0.375rem + 1px);
padding-bottom: calc(0.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5;
}
/* .form-group {
/* margin-bottom: 1rem;
/* text-align: right;
/* }*/
.text-align
{
text-align: right;
}
.form-check {
position: relative;
display: block;
padding-left: 1.25rem;
}
.form-check-input {
position: absolute;
margin-top: 0.3rem;
margin-left: -1.25rem;
}
.form-check-label {
margin-bottom: 0;
}
/* .form-check-inline {
/* display: -ms-inline-flexbox;
/* display: -webkit-inline-box;
/* display: inline-flex;
/* -ms-flex-align: center;
/* -webkit-box-align: center;
/* align-items: center;
/* padding-left: 0;
/* margin-left: 0.75rem;
/* }*/
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: 0.3125rem;
margin-left: 0;
}
.breadcrumb {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
}
.progress {
font-size: 0.75rem;
}
.align-middle {
vertical-align: middle !important;
}
.bg-light {
background-color: #f8f9fa !important;
}
.border-0 {
border: 0 !important;
}
.rounded {
border-radius: 0.25rem !important;
}
.d-flex {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.shadow-sm {
-webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
height: 120px;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.fa-minus:before {
content: "\f068";
}
.fa-plus:before {
content: "\f067";
}
.fa-trash:before {
content: "\f1f8";
}
.submit-button button a {
color: #fff;
text-decoration: none;
}
form .form-group .form-control {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
height: 46px;
}
form .form-group label {
font-size: 15px;
line-height: 17px;
color: #000;
display: inline-block;
}
form .form-group label.col-form-label {
padding: 14px 0 0;
}
form .btn {
background-color: #000;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-color: #000;
}
h4.marking-text {
background: #fff;
background: -webkit-gradient(
linear,
left top,
right top,
color-stop(0, #fff),
color-stop(50%, #e3f8ff),
to(#fff)
);
background: linear-gradient(to right, #fff 0, #e3f8ff 50%, #fff 100%);
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 20px;
line-height: 25px;
color: #0027a3;
padding-top: 6px;
padding-bottom: 8px;
margin-top: 8px;
margin-bottom: 20px;
position: relative;
}
h4.marking-text span {
font-family: proxima-nova, sans-serif;
font-weight: 900;
font-style: normal;
color: #00c0ff;
font-size: 38px;
line-height: 25px;
}
h4.marking-text i {
margin: 0 0 0 8px;
color: #00c0ff;
position: relative;
top: 1px;
font-size: 18px;
}
h4.marking-text a {
color: #0027a3;
text-decoration: none;
}
h4.marking-text a span {
color: #00c0ff;
}
.breadcrumb {
padding: 0;
border-radius: 0;
margin: 0 0 8px;
background: 0;
}
.breadcrumb ul {
margin: 0;
padding: 0;
display: table;
clear: both;
width: 100%;
}
.breadcrumb ul li {
list-style: none;
float: left;
}
/* .breadcrumb ul li span {
/* display: inline-block;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7;
/* }
/* .breadcrumb ul li a {
/* text-decoration: none;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7;
/* -webkit-transition: color 0.15s ease-in-out;
/* transition: color 0.15s ease-in-out;
/* position: relative;
/* padding: 0 14px 0 0;
/* margin: 0 8px 0 0;
/* }*/
.breadcrumb ul li a:after {
position: absolute;
right: 0;
top: 1px;
content: ">";
}
.shopping-cart h4.marking-text {
margin-bottom: 20px;
}
.shopping-cart .mobile-cart {
display: none;
}
.shopping-cart .mainContent {
margin-bottom: 100px;
}
.shopping-cart .mainContent .table {
border-bottom: 1px solid #dee2e6;
white-space: nowrap;
}
.shopping-cart .mainContent .table tr th {
padding: 1.25rem 0.75rem;
}
.shopping-cart .mainContent .table tr td:first-child {
width: 100%;
}
.table tr td h5 {
height: 44px !important;
}
.shopping-cart .mainContent .table tr td span.text-muted {
font-size: 14px;
line-height: 16px;
font-style: normal !important;
}
.shopping-cart .mainContent .table tr td .text-dark i {
color: #00c0ff;
}
.table tr td .text-dark i {
color: #0027a3; /*title-color;*/
}
.shopping-cart .mainContent .table tr td .product-quantity {
width: 90px;
}
.shopping-cart .mainContent .table tr td .product-quantity input[type="text"] {
width: 30px;
border-color: #00c0ff;
background: #fff;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-align: center;
}
.shopping-cart .mainContent .table tr td .product-quantity a {
background: #00c0ff;
width: 25px;
height: 25px;
border-radius: 100%;
display: inline-block;
text-align: center;
cursor: pointer;
}
.shopping-cart .mainContent .table tr td .product-quantity a i {
color: #fff;
font-weight: 400;
line-height: inherit;
}
.shopping-cart .mainContent .order-selection .showonshipping {
display: none;
}
.shopping-cart .mainContent .order-selection p.note {
text-align: right;
font-size: 15px;
line-height: 1.44;
}
.shopping-cart .mainContent .order-selection .form-group {
text-align: right;
}
.shopping-cart .mainContent .order-selection .form-group.country-select label {
padding-right: 1rem;
}
.shopping-cart .mainContent .order-selection .form-group .form-check {
margin: 0 0 0 0.75rem;
}
.shopping-cart .mainContent .order-selection .form-group p {
text-align: right;
margin-bottom: 5px;
}
.shopping-cart .mainContent .order-selection .form-group p em {
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
margin: 0 0 0 100px;
}
@media (max-width: 374px) {
header .header-lower nav ul.mainNavigation {
max-height: 350px;
overflow-y: auto;
}
.shopping-cart .mainContent .table tr td {
padding: 0.25rem 0;
}
.shopping-cart .mainContent .table tr td .d-flex .ml-3 {
margin-left: 10px !important;
}
.shopping-cart .mainContent .table tr td .d-flex .ml-3 h5,
.shopping-cart .mainContent .table tr td .d-flex .ml-3 h5 a {
font-size: 14px;
line-height: 18px;
}
h2 {
line-height: 0.1;
margin-bottom: 0px;
}
}
.shopping-cart .mainContent .table tr td h5 a {
white-space: normal;
}
.details {
display: table;
width: 100%;
clear: both;
margin: 0 0 30px 0;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
/* Modal Content */
.modal-content {
position: relative;
background-color: #fff; /* panel-color;*/
margin: auto;
padding: 0;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
/* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
}
/* Add Animation */
@-webkit-keyframes animatetop {
from {
top: -300px;
opacity: 0;
}
to {
top: 0;
opacity: 1;
}
}
@keyframes animatetop {
from {
top: -300px;
opacity: 0;
}
to {
top: 0;
opacity: 1;
}
}
/* The Close Button */
/* .close {
/* color: white;
/* float: right;
/* font-size: 30px;
/* font-weight: bold;
/* padding-top: 55px;
/* }*/
.close:hover,
.close:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.modal-body {
padding: 15px 16px;
}
.fa-times-circle:before {
content: "\f057";
}
.pl-5 {
padding-left: 50px;
}
.color {
color: #001f80;
text-decoration: none;
font-size: 20px;
font-family: proxima-nova, sans-serif;
font-style: normal;
font-weight: bold;
}
#route-shopping {
width: 50%;
margin: 10px 0 15px;
}
.btn {
background-color: #000;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-color: #000;
}
.btn.btn-primary {
background-color: #0188dd;
border-color: #0188dd;
color: #fff;
}
/* .btn.btn-primary:active,
/* .btn.btn-primary:focus,
/* .btn.btn-primary:hover,
/* .btn.btn-primary:not(:disabled):not(.disabled):active {
/* background-color: #00c0ff;
/* border-color: #00c0ff;
/* outline: 0;
/* text-decoration: none;
/* -webkit-box-shadow: none;
/* box-shadow: none;
/* }*/
.pt-10 {
padding: 20px 17px;
color: black;
}
#route-shopping {
margin-left: 20px;
margin-bottom: 50px;
}
em.strike {
font-family: proxima-nova, sans-serif;
font-weight: 400;
display: block;
font-size: 12px;
font-style: normal;
color: #9fa9b5;
text-decoration: line-through;
}
.total-padding {
float: right;
font-family: proxima-nova, sans-serif;
/* font-weight: 700;
font-style: normal; */
/* padding: 22px 0px 0px 194px; */
font-size: 20px;
color: black;
line-height: 30px;
}
.ml-10 {
margin-left: 60px;
text-align: right !important;
float: right !important;
font-size: 24px;
}
.ml-6 {
text-align: right;
margin: 0;
font-size: 16px;
float: right;
}
.row-pt {
padding-top: 30px;
}
@media only screen and (max-width: 991px) {
.tablettxtCenter {
text-align: center;
}
.tablettxtRight {
text-align: right;
}
h5 .titlecolor {
width: 296px;
}
/* .close {
padding-top: 67px;
} */
.shadow-sm {
-webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
height: 97px;
}
.ml-6 {
margin-left: 56px !important;
margin-top: -24px;
font-size: 16px;
float: right;
text-align: right;
font-weight: bolder;
}
.f24 {
font-size: 16px !important;
}
.ml-3 {
margin-left: 0.5rem !important;
}
.ml-10 {
margin-left: 62px;
text-align: right !important;
float: right !important;
font-size: 23px;
right: 0;
}
.total-padding {
float: right;
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
padding: 18px 0px 0px 127px;
font-size: 20px;
line-height: 30px;
}
/* #route-shopping {
margin-left: 0px;
} */
#route-shopping {
width: 54%;
float: right;
/* margin: 10px 0 15px; */
}
.pt-10 {
padding: 20px 13px;
color: black;
font-size: 12px;
}
.row-pt {
padding-top: 12px;
}
.my-custom-scrollbar {
position: relative !important;
height: 100% !important;
overflow: auto !important;
}
.table-wrapper-scroll-y {
display: block !important;
}
.color {
font-size: 16px;
word-wrap: break-word;
}
.total {
/* text-align: left !important; */
padding: 0 !important;
}
}
.my-custom-scrollbar {
position: relative;
height: 100%;
overflow: auto;
}
.table-wrapper-scroll-y {
display: block;
}
/* ::-webkit-scrollbar {
/* width: 10px;
/* }*/
.color-black {
color: #000; /* content-text-color;
/* padding-left: 2px; */
}
.txtRight {
text-align: right;
}
.col-lg-11 {
padding-left: 0px !important;
}
.col-lg-2 {
/* padding-left: 0px !important; */
}
.backshop {
float: left;
font-size: 13px;
padding-top: 10px;
}
.bcolor {
color: #000; /* content-text-color;*/
}
/* .paddingRight0 {
padding-right: 0px;
} */
.f24 {
font-size: 20px;
}
.width100 {
width: 100%;
}
.autowidth{
width: auto;
}
/*40. product-details.component.scss */
.product-details .breadcrumb {
margin: 23px 0px 23px 1 !important;
}
.ngx-gallery {
display: inline-block;
margin-bottom: 20px;
z-index: 0;
}
ngx-gallery .ngx-gallery-thumbnails .ngx-gallery-thumbnail {
border: none !important;
}
ngx-gallery .ngx-gallery-thumbnail-size-cover .ngx-gallery-thumbnails .ngx-gallery-thumbnail {
background-size: contain !important;
height: 92px !important;
width: 128px !important;
}
ngx-gallery .ngx-gallery-image-size-cover .ngx-gallery-image {
background-size: contain !important;
}
ngx-gallery ngx-gallery-thumbnails {
height: calc(16% - 10px) !important;
}
ngx-gallery .ngx-gallery-image-size-cover .ngx-gallery-image {
background-size: contain !important;
}
ngx-gallery .ngx-gallery-icon .ngx-gallery-icon-content {
color: #000; /* content-text-color;*/
}
.detail {
display: inline;
}
.detail span {
float: left;
color: #000;
font-size: 16px;
font-weight: 700;
width: 220px;
}
.details {
display: table;
width: 100%;
clear: both;
margin: 0 0 30px 0
}
.details em.strike {
font-family: proxima-nova, sans-serif;
font-weight: 400;
display: block;
font-size: 29px;
line-height: 37px;
font-style: normal;
color: #9fa9b5;
text-decoration: line-through;
margin: 0 0 20px 0
}
.details ul {
margin: 0 0 30px 0;
padding: 0
}
.details ul li {
list-style: none;
color: #747474; /* content-details-text-color;*/
font-size: 14px;
line-height: 24px
}
.details ul li i {
margin: 0 10px 0 0;
line-height: 26px
}
.details a.btn img {
display: inline-block;
max-width: 57px;
margin: 0 0 0 10px;
height: 39px;
}
.details a.btn:active,
.details a.btn:focus,
.details a.btn:hover {
outline: 0;
background-color: #00a000 !important;
color: #fff
}
.details .btn-primary:not(:disabled):not(.disabled):active {
background: #00bfff;
border-color: #00bfff;
outline: 0;
box-shadow: none
}
.review img {
margin: 0 0 5px 0;
max-width: 100%;
max-height: 150px
}
.review .images p {
line-height: 22px
}
.contacts li .contact-icon:hover {
color: #747474
}
.contacts li a:hover {
color: #fff
}
.review ul.contacts {
margin: 34px 0 0;
padding: 0;
overflow: hidden
}
.review ul.contacts li {
list-style: none;
font-size: 16px;
line-height: 26px;
color: #000
}
.review ul.contacts li i {
display: inline-block;
vertical-align: middle;
margin: 0 18px 0 0;
}
.review ul.contacts li i.fa-mobile {
font-size: 17px
}
.review ul.contacts li i.fa-whatsapp {
font-size: 20px
}
.review ul.contacts li i.fa-globe {
font-size: 32px;
}
.contact-icon-call,
.contact-icon-mobile {
height: 70px;
width: 85px;
color: #2b2b2e;
background: #e8eaf0;
border-color: white;
font-weight: 350;
display: inline-block;
text-align: center;
vertical-align: middle;
cursor: pointer;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
margin-top: 5px;
}
.contact-icon-app {
height: 70px;
width: 85px;
color: #2b2b2e;
background: #e8eaf0;
border-color: white;
font-weight: 350;
display: inline-block;
text-align: center;
vertical-align: middle;
cursor: pointer;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
margin-top: 5px;
}
.contact-icon {
height: 70px;
width: 85px;
color: #2b2b2e;
background: #e8eaf0;
border-color: white;
font-weight: 350;
display: inline-block;
text-align: center;
vertical-align: middle;
cursor: pointer;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
margin-top: 5px;
}
.contacts li {
display: inline
}
.contacts li .contact-icon:hover {
color: #2b2b2e;
}
.contacts li a:hover {
color: #2b2b2e;
}
.contacts li .contact-icon:hover {
color: #2b2b2e;
}
.contacts li a:hover {
color: #2b2b2e;
}
.height28 {
height: 26px;
}
.contact-icon {
height: 85px;
width: 100px;
color: #2b2b2e;
background: #e8eaf0;
display: inline-block;
text-align: center;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
margin-left: 5px;
box-shadow: inset 0 -2px 0 0 #d9dce6 !important;
padding: 8px;
-webkit-border-radius: 0;
border-radius: 0.35rem;
}
.contact-icon-call,
.contact-icon-mobile {
height: 85px;
width: 100px;
color: #2b2b2e;
background: #e8eaf0;
display: inline-block;
text-align: center;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
box-shadow: inset 0 -2px 0 0 #d9dce6 !important;
padding: 11px;
-webkit-border-radius: 0;
border-radius: 0.25rem;
margin-right: 5px;
}
.contact-icon-app {
height: 85px;
width: 100px;
color: #2b2b2e;
background: #e8eaf0;
display: inline-block;
text-align: center;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
box-shadow: inset 0 -2px 0 0 #d9dce6 !important;
padding: 8px;
-webkit-border-radius: 0;
border-radius: 0.25rem;
}
.review ul.contacts {
margin: 34px 0 0;
padding: 0;
overflow: hidden
}
.review ul.contacts li {
list-style: none;
font-size: 16px;
line-height: 26px;
color: #000
}
.review ul.contacts li i {
display: inline-block;
vertical-align: middle;
margin: 0 18px 0 0;
}
.review ul.contacts li i.fa-phone {
font-size: 32px
}
.review ul.contacts li i.fa-mobile {
font-size: 17px
}
.review ul.contacts li i.fa-whatsapp {
font-size: 32px
}
.review ul.contacts li i.fa-envelope {
font-size: 32px
}
.review ul.contacts li i.fa-globe {
font-size: 32px;
}
.review ul.contacts {
margin: 34px 0 0;
padding: 0;
overflow: hidden
}
.review img {
margin: 0 0 5px 0;
max-width: 100%;
max-height: 150px;
}
a.btn img {
display: inline-block;
max-width: 57px;
margin: 0 0 0 10px;
height: 26px;
}
.pl15 {
padding-left: 15px;
}
.fontweight500 {
font-weight: 500 !important;
}
ul.tabs li.active:after {
position: absolute;
left: 0;
bottom: 0;
background: #0026a3;
height: 8px;
width: 100%;
content: '';
}
.accordian {
margin-left: 150px;
margin-bottom: 0px;
}
.toggle {
display: none;
}
.inner {
margin-left: 50px;
margin-bottom: 0px;
}
.shop-single .product-price .discount {
color: #6c6c6c;
font-size: 14px;
font-weight: 400;
line-height: 1;
text-decoration: line-through;
margin-right: 8px;
}
.discount {
color: #6c6c6c;
font-size: 14px;
font-weight: 400;
line-height: 1;
text-decoration: line-through;
margin-right: 8px;
}
.errorMsg {
margin-top: 20%;
}
@media (max-width: 992px) {
.errorMsg {
margin-top: 14%;
}
}
@media (max-width: 1024px) {
ngx-gallery .ngx-gallery-thumbnail-size-cover .ngx-gallery-thumbnails .ngx-gallery-thumbnail {
height: 100% !important;
width: calc(45% - 8px) !important;
}
ngx-gallery ngx-gallery-thumbnails {
height: calc(25% - 10px) !important;
}
}
@media (max-width: 768px) {
ngx-gallery .ngx-gallery-thumbnail-size-cover .ngx-gallery-thumbnails .ngx-gallery-thumbnail {
height: 100% !important;
width: calc(45% - 8px) !important;
}
ngx-gallery ngx-gallery-thumbnails {
height: calc(25% - 10px) !important;
}
}
@media (max-width: 576px) {
.review ul.contacts {
margin: 0 0 20px 0;
}
.errorMsg {
margin-top: 28%;
}
ngx-gallery .ngx-gallery-thumbnail-size-cover .ngx-gallery-thumbnails .ngx-gallery-thumbnail {
height: 100% !important;
width: calc(45% - 8px) !important;
}
ngx-gallery ngx-gallery-thumbnails {
height: calc(25% - 10px) !important;
}
}
.breadcrumb p {
display: flex;
}
.alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
color: #721c24;
background-color: #f8d7da;
}
ul li ul {
list-style: none;
}
.merkAccordian {
padding-left: 30px;
margin-bottom: 0;
display: none;
}
.bruttoPrice {
font-size: 27px !important;
line-height: normal;
}
.cursorinherit {
cursor: unset !important;
}
.stock-color {
color: #008500 !important;
}
.back-order {
color: #fd7e14 !important;
}
.outofstock {
color: #bd0000 !important;
}
ul.tabs {
margin: 0;
padding: 0;
list-style: none;
clear: both;
display: table;
width: 100%
}
ul.tabs li {
background: 0;
color: #000; /* content-text-color;*/
font-size: 18px;
line-height: 21px;
font-family: proxima-nova, sans-serif;
font-weight: 500;
font-style: normal;
float: left;
padding: 0 0 18px;
margin: 0 20px 0 0;
cursor: pointer;
text-transform: uppercase
}
ul.tabs li.active {
position: relative
}
ul.tabs li.active:after {
position: absolute;
left: 0;
bottom: 0;
background: #0027a3; /*title-color;*/
height: 8px;
width: 100%;
content: ''
}
.tab_content {
display: none;
border-top: 1px solid #9b9b9b;
padding: 40px 0px
}
.tab_content h4 {
color: #000; /* content-text-color;*/
font-size: 20px;
line-height: 22px;
margin: 0 0 20px
}
.tab_content .detail {
display: table;
width: 100%;
clear: both
}
.tab_content .detail span {
float: left;
color: #000;
font-size: 16px;
font-weight: 700;
width: 220px
}
.tab_content ul.accordion {
list-style: none;
padding: 0;
float: left;
margin: 0
}
.tab_content ul.accordion .inner {
padding-left: 1.5em;
overflow: hidden;
display: none
}
.tab_content ul.accordion li {
margin: .5em 0;
list-style: none;
color: #000
}
.tab_content ul.accordion li a.toggle {
width: 100%;
display: block;
color: #000;
border-radius: 0;
-webkit-transition: background .3s;
transition: background .3s;
position: relative;
text-decoration: none;
padding: 0
}
.tab_content ul.accordion li a.toggle:before {
content: '\f067';
font-family: "Font Awesome 5 Pro";
position: absolute;
left: -20px;
top: 0;
font-size: 12px
}
.tab_content ul.accordion li a.toggle.show:before {
content: '\f068'
}
.tab_content ul.accordion>li {
margin-top: 0
}
.tab_content.current {
display: inherit
}
#tab3 ul {
margin-left: 30px;
}
.font-weight {
font-weight: 600;
}
.telephone-text {
font-size: 11px;
}
.contacts li a {
transition: background .15s ease-in-out;
}
.contacts li a:hover {
background-color: #d9dce6 !important;
}
.contacts li a {
transition: background .15s ease-in-out;
}
.contacts li i {
line-height: 32px !important;
margin-top: 10px !important;
}
.contacts li a:hover {
background-color: #d9dce6 !important;
}
.review ul.contacts li i.fa-phone {
font-size: 32px
}
.content.images {
margin-left: 5px;
}
.contacts {
max-width: unset !important;
width: 316px !important;
padding: 0px !important;
}
/*41. change-password.component.scss */
@media (min-width: 768px) {
.col-md-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
}
@media (min-width: 992px) {
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
/* .col-lg-3 {
/* -ms-flex: 0 0 25%;
/* -webkit-box-flex: 0;
/* flex: 0 0 25%;
/* max-width: 25%
/* }*/
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-lg-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
}
form .form-group .form-control {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
height: 46px;
}
form .btn {
background-color: #0027a3; /* change-password-head-text-color;*/
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-color: #0027a3; /* change-password-head-text-color;*/
}
form .form-group span.error {
color: red;
font-size: 15px;
line-height: 17px;
}
/* form .btn.btn-primary:active, form .btn.btn-primary:focus, form .btn.btn-primary:hover, form .btn.btn-primary:not(:disabled):not(.disabled):active {
/* background-color: #0027a3 !important; /* change-password-head-text-color;
/* border-color: #0027a3 !important; /* change-password-head-text-color;
/* outline: 0;
/* -webkit-box-shadow: none;
/* box-shadow: none;
/* }*/
.form-group {
margin-bottom: 1rem
}
.breadcrumb {
padding: 0;
border-radius: 0;
margin: 10px 0 15px;
background: 0;
}
.breadcrumb ul {
margin: 0;
padding: 0;
display: table;
clear: both;
width: 100%
}
.breadcrumb ul li {
list-style: none;
float: left
}
/* .breadcrumb ul li span {
/* display: inline-block;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7
/* }
/* .breadcrumb ul li a {
/* text-decoration: none;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7;
/* -webkit-transition: color .15s ease-in-out;
/* transition: color .15s ease-in-out;
/* position: relative;
/* padding: 0 14px 0 0;
/* margin: 0 8px 0 0
/* }*/
.breadcrumb ul li a:after {
position: absolute;
right: 0;
top: 1px;
content: '>'
}
.login-page h4.marking-text {
margin-bottom: 20px
}
/* .login-page .mainContent h1.page-title {
/* font-size: 32px;
/* line-height: 34px;
/* color: #0027a3; /* change-password-head-text-color;
/* font-family: proxima-nova,sans-serif;
/* font-weight: 700;
/* font-style: normal;
/* margin: 0 0 40px
/* }*/
.login-page .mainContent .login-block {
max-width: 390px;
width: 100%;
margin-bottom: 50px;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
box-shadow: 0 0 5px rgba(0,0,0,.2);
padding: 30px;
border-top: 3px solid #0027a3; /* change-password-head-text-color*/
}
.login-page .mainContent .login-block span.forgotNote {
font-size: 13px;
line-height: 21px;
margin-bottom: 0;
color: #64bd63;
text-align: center
}
.login-page .mainContent .login-block h3.block-title {
font-size: 20px;
line-height: 22px;
color: #000; /* change-password-text-color;*/
margin: 0 0 15px
}
.login-page .mainContent .login-block span.block-note {
font-size: 13px;
line-height: 21px;
display: block;
margin: 0 0 20px
}
.login-page .mainContent .login-block a {
display: inline-block;
color: #0027a3; /* change-password-head-text-color;*/
text-decoration: underline;
-webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}
.login-page .mainContent .login-block a.forgot-link {
float: right;
margin: 0 0 15px
}
.login-page .mainContent .login-block a:hover {
color: #000; /* change-password-text-color*/
}
.login-page .mainContent .login-block p {
margin: 0
}
.login-page .mainContent .login-block .btn {
width: 100%;
margin: 0 0 15px
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}
.title-color {
color : #212529; /* shopping-cart-text-color*/
}
/*42. forgot-password.component.scss */
@media (min-width: 768px) {
.col-md-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
}
@media (min-width: 992px) {
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
/* .col-lg-3 {
/* -ms-flex: 0 0 25%;
/* -webkit-box-flex: 0;
/* flex: 0 0 25%;
/* max-width: 25%
/* }*/
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-lg-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
}
form .form-group .form-control {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
height: 46px;
}
form .btn {
background-color: #0027a3; /*forgot-password-head-text-color;*/
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-color: #0027a3; /*forgot-password-head-text-color;*/
}
form .form-group span.error {
color: red;
font-size: 15px;
line-height: 17px;
}
/* form .btn.btn-primary:active, form .btn.btn-primary:focus, form .btn.btn-primary:hover, form .btn.btn-primary:not(:disabled):not(.disabled):active {
/* background-color: #0027a3 !important; /*forgot-password-head-text-color;
/* border-color: #0027a3 !important; /*forgot-password-head-text-color;
/* outline: 0;
/* -webkit-box-shadow: none;
/* box-shadow: none;
/* }*/
.form-group {
margin-bottom: 1rem
}
.breadcrumb {
padding: 0;
border-radius: 0;
margin: 10px 0 15px;
background: 0;
}
.breadcrumb ul {
margin: 0;
padding: 0;
display: table;
clear: both;
width: 100%
}
.breadcrumb ul li {
list-style: none;
float: left
}
/* .breadcrumb ul li span {
/* display: inline-block;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7
/* }
/* .breadcrumb ul li a {
/* text-decoration: none;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7;
/* -webkit-transition: color .15s ease-in-out;
/* transition: color .15s ease-in-out;
/* position: relative;
/* padding: 0 14px 0 0;
/* margin: 0 8px 0 0
/* }*/
.breadcrumb ul li a:after {
position: absolute;
right: 0;
top: 1px;
content: '>'
}
.login-page h4.marking-text {
margin-bottom: 20px
}
.login-page .mainContent .login-block {
max-width: 390px;
width: 100%;
margin-bottom: 50px;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
box-shadow: 0 0 5px rgba(0,0,0,.2);
padding: 30px;
border-top: 3px solid #0027a3; /*forgot-password-head-text-color*/
}
.login-page .mainContent .login-block span.forgotNote {
font-size: 13px;
line-height: 21px;
margin-bottom: 0;
color: #64bd63;
text-align: center
}
.loginbtn
{
width: 100%;
margin: 0 0 15px;
}
.login-page .mainContent .login-block h3.block-title {
font-size: 20px;
line-height: 22px;
color: #000; /* forgot-password-text-color;*/
margin: 0 0 15px
}
.login-page .mainContent .login-block a {
display: inline-block;
color: #0027a3; /*forgot-password-head-text-color;*/
text-decoration: underline;
-webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}
.login-page .mainContent .login-block a.forgot-link {
float: right;
margin: 0 0 15px
}
.login-page .mainContent .login-block a:hover {
color: #0027a3; /*forgot-password-head-text-color*/
}
.login-page .mainContent .login-block p {
margin: 0
}
.login-page .mainContent .login-block .btn {
width: 100%;
margin: 0 0 15px
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}
.title-color {
color : #212529; /* shopping-cart-text-color*/
}
/*43. search-suggestion.component.scss */
.search-suggestions {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
max-height: 900px;
width: 100%;
position: relative;
border-radius: 5px;
margin-left: -3px;
background-color: #f0f0f0;
overflow-x: hidden;
box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.00) 0px 15px 12px;
}
.search-suggestions .search-suggestion-message {
padding: 14px 12px;
color: #0027a3; /*title-color;*/
}
.emPrice {
display: inline !important;
text-decoration: line-through;
vertical-align: middle;
}
.search-suggestions .result-item:hover {
background-color: #f1f1f1;
cursor: pointer;
}
.search-suggestions .product-suggestions {
border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
}
.search-suggestions .product-suggestions .results .result-item .result-item-wrapper {
padding: 4px 12px;
display: flex;
justify-content: space-between;
}
.search-suggestions .product-suggestions .results .result-item .result-item-wrapper img {
width: 128px;
height: 96px;
padding: 0px;
object-fit: contain;
max-width: inherit;
}
.search-suggestions .product-suggestions .results .result-item .result-item-wrapper .product-title {
font-family: proxima-nova, sans-serif;
height: 38px;
font-weight: 500;
padding-top: 0px;
height: 100%;
line-height: 20px;
color: #0027a3;
max-height: 2.7em;
display: -webkit-box;
max-width: inherit;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.search-suggestions .product-suggestions .results .result-item .result-item-wrapper .product-price {
font-family: proxima-nova, sans-serif;
font-weight: 700;
padding: 0px;
text-align: left;
display: flex;
justify-content: center;
flex-direction: column;
font-style: normal;
font-size: 16px;
color: #000;
}
.search-suggestions .product-type-suggestions .result-item-wrapper {
display: flex;
justify-content: space-between;
}
.search-suggestions .product-type-suggestions .result-item-wrapper {
padding: 4px 12px;
}
.search-suggestions .title {
padding: 6px 12px;
padding-top: 8px;
font-weight: 600;
color: #0027a3; /*title-color;*/
}
.search-suggestions .search-all {
padding: 6px 12px;
cursor: pointer;
text-align: right;
color: white;
background: #0027a3; /*title-color;*/
}
.m-flex {
display: flex;
padding: 0px;
}
.m-flex-col {
display: flex;
flex-direction: column;
padding: 0px;
justify-content: space-between;
height: 100%;
}
.product-type-name {
display: inline-block;
color: #2b2b2e;/*#fff; /* body-header-color;*/
flex-direction: column;
}
.product-type-total-count {
color: #2b2b2e;/*#fff; /* body-header-color;*/
}
.pl-18 {
padding-left: 18px;
font-size: 14px;
line-height: 14px;
}
.pl-18 small {
color: #9c9b9b;
}
.px-8 {
padding-left: 8px;
padding-right: 8px;
}
.result-count {
font-size: 16px;
min-width: fit-content;
}
/* width */
/* ::-webkit-scrollbar {
/* width: 4px;
/* }
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
.price-on-request{
color: #2b2b2e;
}
/*44. checkout-overview.component.scss
/* b,strong {
/* font-weight: bolder
/* }*/
table {
border-collapse: collapse
}
th {
text-align: inherit
}
input[type=checkbox],input[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
.red {
color: red;
}
.text-right {
text-align: right;
}
@media (min-width: 768px) {
.col-md-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
/* .col-md-6 {
/* -ms-flex: 0 0 50%;
/* -webkit-box-flex: 0;
/* flex: 0 0 50%;
/* max-width: 50%
/* }*/
.col-md-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-md-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
}
@media (min-width: 992px) {
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
/* .col-lg-3 {
/* -ms-flex: 0 0 25%;
/* -webkit-box-flex: 0;
/* flex: 0 0 25%;
/* max-width: 25%
/* }*/
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
/* .col-lg-6 {
/* -ms-flex: 0 0 50%;
/* -webkit-box-flex: 0;
/* flex: 0 0 50%;
/* max-width: 50%
/* }*/
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-lg-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
}
.table {
width: 100%;
margin-bottom: 1rem;
color: #212529; /* checkout-table-text-color*/
}
/* .table td,.table th {
/* padding: 0.75rem 0;
/* vertical-align: top;
/* border-top: 1px solid #ddd; /* checkout-table-color
/* }*/
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #ddd; /* checkout-table-color*/
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.col-form-label {
padding-top: calc(.375rem + 1px);
padding-bottom: calc(.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5
}
.ml-0, .mx-0 {
margin-left: 0!important;
}
.mr-0, .mx-0 {
margin-right: 0!important;
}
.form-group {
margin-bottom: 1rem
}
.form-check {
position: relative;
display: block;
padding-left: 1.25rem
}
.form-check-input {
position: absolute;
margin-top: .3rem;
margin-left: -1.25rem
}
.form-check-label {
margin-bottom: 0
}
.form-check-inline {
display: -ms-inline-flexbox;
display: -webkit-inline-box;
display: inline-flex !important;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
padding-left: 0 !important;
margin-right: .75rem
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: .3125rem;
margin-left: 0
}
.breadcrumb {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none
}
.bg-light {
background-color: #f8f9fa!important
}
.border-0 {
border: 0!important
}
.rounded {
border-radius: .25rem!important
}
.d-flex {
display: -ms-flexbox!important;
display: -webkit-box!important;
display: flex!important
}
.shadow-sm {
-webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
}
/* .img-container {
/* width: 128px;
/* height:96px;
/* object-fit: contain;
/* }*/
.mb-0,.my-0 {
margin-bottom: 0!important
}
.ml-3,.mx-3 {
margin-left: 1rem!important
}
.fa-angle-right:before {
content: "\f105"
}
form .mb-16 {
margin-bottom: 1rem
}
form .business,form .create-and-account {
display: none
}
form .form-group .form-control {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
height: 46px
}
form .form-group label {
font-size: 15px;
line-height: 17px;
color: #000; /* checkout-text-color;*/
display: inline-block;
margin-bottom: 0;
padding: 5px;
}
form .form-group label span.validationText{
font-size: 15px;
line-height: 17px;
color: #000; /* checkout-text-color;*/
display: inline-block;
margin-bottom: 0;
padding: 5px;
}
form .form-group label.col-form-label {
padding: 14px 0 0
}
form .form-group label.col-form-label.required:after {
/* top: 12px; */
}
form .form-group label.required {
position: relative
}
form .form-group label.required:after {
position: absolute;
right: -7px;
top: 7px;
color: red;
content: "*";
font-style: normal;
font-size: 16px
}
form .btn {
background-color: #0027a3; /* checkout-head-text-color;*/
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-color: #0027a3; /* checkout-head-text-color*/
}
h4.marking-text {
background: #fff;
background: -webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(50%,#e3f8ff),to(#fff));
background: linear-gradient(to right,#fff 0,#e3f8ff 50%,#fff 100%);
font-family: proxima-nova,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 20px;
line-height: 25px;
color: #0027a3;
padding-top: 6px;
padding-bottom: 8px;
margin-top: 8px;
margin-bottom: 60px;
position: relative
}
h4.marking-text span {
font-family: proxima-nova,sans-serif;
font-weight: 900;
font-style: normal;
color: #0027a3; /* checkout-head-text-color;*/
font-size: 38px;
line-height: 25px
}
h4.marking-text i {
margin: 0 0 0 8px;
color: #0027a3; /* checkout-head-text-color;*/
position: relative;
top: 1px;
font-size: 18px
}
h4.marking-text a {
color: #0027a3;
text-decoration: none
}
h4.marking-text a span {
color: #0027a3; /* checkout-head-text-color*/
}
.form-control {
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.breadcrumb {
padding: 0;
border-radius: 0;
margin: 10px 0 15px;
background: 0
}
.breadcrumb ul {
margin: 0;
padding: 0;
display: table;
clear: both;
width: 100%
}
.breadcrumb ul li {
list-style: none;
float: left
}
/* .breadcrumb ul li span {
/* display: inline-block;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7
/* }
/* .breadcrumb ul li a {
/* text-decoration: none;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7;
/* -webkit-transition: color .15s ease-in-out;
/* transition: color .15s ease-in-out;
/* position: relative;
/* padding: 0 14px 0 0;
/* margin: 0 8px 0 0
/* }*/
.breadcrumb ul li a:after {
position: absolute;
right: 0;
top: 1px;
content: '>'
}
.shopping-cart h4.marking-text {
margin-bottom: 20px
}
.shopping-cart .mainContent {
margin-bottom: 100px
}
.check-title {
font-size: 1.25rem;
}
/* .shopping-cart .mainContent.checkout .checkout-wrap {
/* max-width: 1000px;
/* width: 100%;
/* margin-bottom: 50px;
/* -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
/* box-shadow: 0 0 5px rgba(0,0,0,.2);
/* padding: 30px;
/* border-top: 3px solid #0027a3; /* checkout-head-text-color
/* }
/* .shopping-cart .mainContent.checkout .login-block {
/* max-width: 1000px;
/* width: 100%;
/* margin: 30px 0;
/* -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
/* box-shadow: 0 0 5px rgba(0,0,0,.2);
/* padding: 30px;
/* display: none;
/* border-top: 3px solid #0027a3; /* checkout-head-text-color;
/* }*/
.shopping-cart .mainContent.checkout .login-block form {
margin-bottom: 20px
}
.shopping-cart .mainContent.checkout .login-block form .form-group {
margin-bottom: 0
}
.shopping-cart .mainContent.checkout .login-block form .btn {
width: 100%;
height: 100%
}
.shopping-cart .mainContent.checkout .login-block a.forgot-link {
color: #000; /* checkout-text-color;*/
text-decoration: underline
}
.shopping-cart .mainContent .table tr td span.text-muted {
font-size: 14px;
line-height: 16px;
font-style: normal!important;
white-space: normal;
}
form .form-group span.error {
color: red;
font-size: 15px;
line-height: 17px;
}
.shopping-cart .mainContent.checkout .block {
margin: 0 0 40px
}
.shopping-cart .mainContent.checkout .table tr th {
font-size: 14px;
background: #ddd !important; /* checkout-table-color*/
}
/* .shopping-cart .mainContent.checkout .table tr td .text-dark {
/* font-size: 16px;
/* white-space: normal;
/* text-decoration: none;
/* color: #0027a3; /* checkout-head-text-color;
/* }*/
.shopping-cart .mainContent h1.page-title {
font-size: 32px;
line-height: 34px;
color: #0027a3; /* checkout-head-text-color;*/
font-family: proxima-nova,sans-serif;
font-weight: 700;
font-style: normal;
margin: 0 0 40px
}
.overviewPageTitle {
margin: 0px !important;
}
.shopping-cart .mainContent .table {
border-bottom: 1px solid #ddd; /* checkout-table-color;*/
white-space: nowrap
}
.shopping-cart .mainContent .table tr th {
padding: 1.25rem .75rem
}
.shopping-cart .mainContent .table tr td:first-child {
width: 100%
}
.shopping-cart .mainContent .table tr td h2 {
font-size: 18px;
line-height: 22px
}
.shopping-cart .mainContent .order-selection .form-group {
text-align: right;
}
/* .border-0 strong{
margin-right: -4px;
} */
.shopping-cart .mainContent .order-selection .form-group p {
text-align: right;
margin-bottom: 5px;
}
.shopping-cart .mainContent .order-selection .form-group p em {
font-family: proxima-nova,sans-serif;
font-weight: 700;
font-style: normal;
margin: 0 0 0 100px
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.feature-panel.checkout {
border: 0;
padding: 0;
margin: 0 auto;
}
.flex-container {
padding: 0;
margin: 0 -10px 20px;
list-style: none;
-ms-box-orient: horizontal;
display: -webkit-box;
display: -ms-flexbox;
display: -moz-flex;
display: flex;
}
.flex-item {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
width: 50%;
border-left: 1px solid #606060;
border-top: 0;
padding: 0 15px;
}
/* address, blockquote, dd, dl, fieldset, form, ol, p, pre, table, ul {
/* margin-bottom: 20px;
/* }*/
address {
font-style: normal;
line-height: 1.42857143;
padding-top: 10px;
}
.mb-0 {
margin-bottom: 0;
}
.mb-20 {
margin-bottom: 20px;
}
.TextColor {
color: #000; /* checkout-text-color;*/
}
.inputText {
width: 30px;
border-color: #0027a3; /* checkout-head-text-color;*/
background: #fff;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-align: center;
}
.btnCheckOut {
background-color: #000;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-color: #000;
}
.hrMargin {
margin-top: 15px;
margin-bottom: 15px;
}
.mr-10 {
margin-right: 0px;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-5 {
margin-bottom: 5px;
}
.mt-15 {
margin-top: 15px;
}
.borderNone{
border-left: none;
}
.txtalign {
text-align: center;
}
.floatRight {
float: right;
}
.padding10 {
padding: 10px 0 !important;
}
.shopping-cart .mobile-cart .item-detail span.text-muted {
font-size: 14px;
margin: 0 0 10px;
display: block
}
.shopping-cart .mainContent.checkout .mobile-cart {
display: none
}
.shopping-cart .mainContent.checkout .desktop-cart {
display:block
}
@media(max-width: 374px) {
header .header-lower nav ul.mainNavigation {
max-height:350px;
overflow-y: auto
}
.img-container {
width: 70px;
height:56px;
}
.shopping-cart .mainContent .table tr td {
padding: .75rem 0
}
.shopping-cart .mainContent .table tr td .d-flex .ml-3 {
margin-left: 10px!important
}
.shopping-cart .mainContent .table tr td .d-flex .ml-3 h2,.shopping-cart .mainContent .table tr td .d-flex .ml-3 h2 a {
font-size: 14px;
line-height: 18px
}
form .form-group label.required:after {
position: absolute;
right: -7px;
top: 1px;
color: red;
content: "*";
font-style: normal;
font-size: 16px;
}
h2 {
line-height: 0.1;
margin-bottom: 0px;
}
}
.chekout-text{
float: right;padding: 5px 0 5px 5px;
}
.CheckoutFuture {
background: #00b900 !important; /* button-color;*/
border-color: #00b900 !important; /* button-color;*/
background-color: #00b900 !important; /* button-color;*/
box-shadow: inset 0 -1px 0 0 #00b900 !important; /* button-color;*/
border-radius: 5px !important;
}
.autowidth{
width: auto;
}
a button {
width: auto;
font-family: proxima-nova,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 22px !important;
line-height: 30px !important;
color: #fff;
background: #00bfff;
border-color: #fff;
float: right;
border-radius: 5px !important;
background-color: #00bfff;
box-shadow: inset 0 -2px 0 0 #0027a3;
transition: background .1s linear,box-shadow .1s linear;
}
/* .submit-button button{
/* width: auto;
/* font-family: proxima-nova,sans-serif;
/* font-weight: 400;
/* font-style: normal;
/* font-size: 22px;
/* line-height: 30px;
/* color: #fff;
/* background: #00bfff;
/* border-color: #fff;
/* float: right;
/* border-radius: 5px !important;
/* background-color: #00bfff;
/* box-shadow: inset 0 -2px 0 0 #0027a3;
/* transition: background .1s linear,box-shadow .1s linear;
/* }*/
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}
.em-bold {
font-weight: 700;
font-style: normal;
}
/*45. search-product-result.component.scss */
.product-grid {
margin: 20px 0;
}
/*46. shopping-cart-detail.component.scss
/* b,
/* strong {
/* font-weight: bolder;
/* }*/
table {
border-collapse: collapse;
}
th {
text-align: inherit;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
.txtCenter {
text-align: center;
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem;
}
.alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.alert {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem;
}
@media (min-width: 576px) {
.col-sm-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 768px) {
.col-md-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 992px) {
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
/*.col-lg-3 {
/* -ms-flex: 0 0 25%;
/* -webkit-box-flex: 0;
/* flex: 0 0 25%;
/* max-width: 25%;
/* }*/
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
.table {
width: 100%;
margin-bottom: 1rem;
color: #212529; /* shopping-cart-text-color;*/
}
/* .table td,
/* .table th {
/* padding: 0.75rem;
/* vertical-align: top;
/* /* border-top: 1px solid #dee2e6 */
/* }*/
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6;
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.col-form-label {
padding-top: calc(0.375rem + 1px);
padding-bottom: calc(0.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5;
}
.form-group {
margin-bottom: 1rem;
}
.form-check {
position: relative;
display: block;
padding-left: 1.25rem;
}
.form-check-input {
position: absolute;
margin-top: 0.3rem;
margin-left: -1.25rem;
}
.form-check-label {
margin-bottom: 0;
}
/* .form-check-inline {
/* display: -ms-inline-flexbox;
/* display: -webkit-inline-box;
/* display: inline-flex;
/* -ms-flex-align: center;
/* -webkit-box-align: center;
/* align-items: center;
/* padding-left: 0;
/* margin-right: 0.75rem;
/* }*/
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: 0.3125rem;
margin-left: 0;
}
.breadcrumb {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
}
.progress {
font-size: 0.75rem;
}
/* .align-middle {
/* vertical-align: middle !important;
/* }*/
.border-0 {
border: 0 !important;
}
.rounded {
border-radius: 0.25rem !important;
}
.d-flex {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.shadow-sm {
-webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
height: 120px;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.fa-minus:before {
content: "\f068";
}
.fa-plus:before {
content: "\f067";
}
.fa-trash:before {
content: "\f1f8";
}
.submit-button button a {
color: #fff;
text-decoration: none;
}
form .form-group .form-control {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
height: 46px;
}
form .form-group label {
font-size: 15px;
line-height: 17px;
color: #212529; /* shopping-cart-text-color;*/
display: inline-block;
}
form .form-group label.col-form-label {
padding: 14px 0 0;
}
h4.marking-text {
background: #fff;
background: -webkit-gradient(
linear,
left top,
right top,
color-stop(0, #fff),
color-stop(50%, #e3f8ff),
to(#fff)
);
background: linear-gradient(to right, #fff 0, #e3f8ff 50%, #fff 100%);
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 20px;
line-height: 25px;
color: #0027a3;
padding-top: 6px;
padding-bottom: 8px;
margin-top: 8px;
margin-bottom: 20px;
position: relative;
}
h4.marking-text span {
font-family: proxima-nova, sans-serif;
font-weight: 900;
font-style: normal;
color: #0027a3; /* shopping-cart-icon-color;*/
font-size: 38px;
line-height: 25px;
}
h4.marking-text i {
margin: 0 0 0 8px;
color: #0027a3; /* shopping-cart-icon-color;*/
position: relative;
top: 1px;
font-size: 18px;
}
h4.marking-text a {
color: #0027a3;
text-decoration: none;
}
h4.marking-text a span {
color: #0027a3; /* shopping-cart-icon-color;*/
}
.breadcrumb {
padding: 0;
border-radius: 0;
margin: 10px 0 15px;
background: 0;
}
.breadcrumb ul {
margin: 0;
padding: 0;
display: table;
clear: both;
width: 100%;
}
.breadcrumb ul li {
list-style: none;
float: left;
}
/* .breadcrumb ul li span {
/* display: inline-block;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7;
/* }
/* .breadcrumb ul li a {
/* text-decoration: none;
/* /* vertical-align: middle; */
/* font-size: 14px;
/* line-height: 16px;
/* color: #a7a7a7;
/* -webkit-transition: color 0.15s ease-in-out;
/* transition: color 0.15s ease-in-out;
/* position: relative;
/* padding: 0 14px 0 0;
/* margin: 0 8px 0 0;
/* }*/
.breadcrumb ul li a:after {
position: absolute;
right: 0;
top: 1px;
content: ">";
}
.shopping-cart h4.marking-text {
margin-bottom: 20px;
}
.shopping-cart .mobile-cart {
display: none;
}
.shopping-cart .mainContent {
margin-bottom: 100px;
}
.shopping-cart .mainContent .table {
border-bottom: 1px solid #dee2e6;
white-space: nowrap;
}
.shopping-cart .mainContent .table tr th {
padding: 1.25rem 0.75rem;
}
.shopping-cart .mainContent .table tr td:first-child {
width: 100%;
}
.shopping-cart .mainContent .table tr td h2 {
font-size: 18px;
line-height: 22px;
}
.shopping-cart .mainContent .table tr td span.text-muted {
font-size: 14px;
line-height: 16px;
font-style: normal !important;
color: color;
}
.shopping-cart .mainContent .table tr td .text-dark i {
color: #0027a3; /* shopping-cart-icon-color;*/
}
.table tr td .text-dark i {
color: #0027a3; /* shopping-cart-icon-color;*/
}
.shopping-cart .mainContent .table tr td .product-quantity {
width: 90px;
}
.shopping-cart .mainContent .table tr td .product-quantity input[type="text"] {
width: 30px;
border-color: #0027a3; /* shopping-cart-icon-color;*/
background: #fff;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-align: center;
}
.shopping-cart .mainContent .table tr td .product-quantity a {
background: #0027a3; /* shopping-cart-icon-color;*/
width: 25px;
height: 25px;
border-radius: 100%;
display: inline-block;
text-align: center;
cursor: pointer;
}
.shopping-cart .mainContent .table tr td .product-quantity a i {
color: #fff;
font-weight: 400;
line-height: inherit;
}
.shopping-cart .mainContent .order-selection .showonshipping {
display: none;
}
.shopping-cart .mainContent .order-selection p.note {
text-align: right;
font-size: 15px;
line-height: 1.44;
}
.shopping-cart .mainContent .order-selection .form-group {
text-align: right;
}
.shopping-cart .mainContent .order-selection .form-group.country-select label {
padding-right: 1rem;
}
.shopping-cart .mainContent .order-selection .form-group .form-check {
margin: 0 0 0 0.75rem;
}
.shopping-cart .mainContent .order-selection .form-group p {
text-align: right;
margin-bottom: 5px;
}
.shopping-cart .mainContent .order-selection .form-group p em {
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
margin: 0 0 0 100px;
}
@media (max-width: 374px) {
header .header-lower nav ul.mainNavigation {
max-height: 350px;
overflow-y: auto;
}
.shopping-cart .mainContent .table tr td {
padding: 0.75rem 0;
}
.shopping-cart .mainContent .table tr td .d-flex .ml-3 {
margin-left: 10px !important;
}
.shopping-cart .mainContent .table tr td .d-flex .ml-3 h2,
.shopping-cart .mainContent .table tr td .d-flex .ml-3 h2 a {
font-size: 14px;
line-height: 18px;
}
h2 {
line-height: 0.1;
margin-bottom: 0px;
}
}
.shopping-cart .mainContent .table tr td h2 a {
color: #0027a3; /*title-color;*/
white-space: normal;
}
.details {
display: table;
width: 100%;
clear: both;
margin: 0 0 30px 0;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
/* Modal Content */
/* .modal-content {
/* position: relative;
/* background-color: #fefefe;
/* margin: auto;
/* padding: 0;
/* width: 100%;
/* height: 870px;
/* top: 0;
/* bottom: 0;
/* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
/* -webkit-animation-name: animatetop;
/* -webkit-animation-duration: 0.4s;
/* animation-name: animatetop;
/* animation-duration: 0.4s;
/* }*/
/* Add Animation */
@-webkit-keyframes animatetop {
from {
top: -300px;
opacity: 0;
}
to {
top: 0;
opacity: 1;
}
}
@keyframes animatetop {
from {
top: -300px;
opacity: 0;
}
to {
top: 0;
opacity: 1;
}
}
/* The Close Button */
/* .close {
/* color: white;
/* float: right;
/* font-size: 30px;
/* font-weight: bold;
/* padding-top: 51px;
/* }*/
.close:hover,
.close:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
/* .modal-header {
/* padding: 2px 16px;
/* max-width: 700px;
/* height: 127px;
/* color: #fff;
/* background: #001f80;
/* background: -webkit-gradient(
/* linear,
/* left top,
/* right top,
/* color-stop(0, #001f80),
/* to(#1163ff)
/* );
/* background: linear-gradient(to left, #001f80 0, #1163ff 100%);
/* }*/
.modal-body {
padding: 15px 16px;
}
/* .h-padding {
/* padding-top: 45px;
/* }*/
.fa-times-circle:before {
content: "\f057";
}
.pl-5 {
padding-left: 50px;
}
.color {
color: #001f80;
text-decoration: none;
font-size: 19px;
word-wrap: break-word;
overflow-wrap: break-word;
white-space: pre-line;
word-break: break-all;
word-spacing: 3px;
}
#route-shopping {
width: 50%;
margin: 10px 0 15px;
}
.btn {
background-color: #000;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-color: #000;
}
/* .btn.btn-primary {
/* background-color: #0027a3; /* shopping-cart-icon-color;
/* border-color: #0027a3; /* shopping-cart-icon-color;
/* padding: 5px;
/* font-family: proxima-nova, sans-serif;
/* font-weight: 700;
/* font-style: normal;
/* color: #fff;
/* font-size: 18px;
/* line-height: 32px;
/* }
/* .btn.btn-primary:active,
/* .btn.btn-primary:focus,
/* .btn.btn-primary:hover,
/* .btn.btn-primary:not(:disabled):not(.disabled):active {
/* background-color: #0027a3; /* shopping-cart-icon-color;
/* border-color: #0027a3; /* shopping-cart-icon-color;
/* outline: 0;
/* text-decoration: none;
/* -webkit-box-shadow: none;
/* box-shadow: none;
/* }*/
.pt-10 {
padding: 20px 17px;
color: black;
}
#route-shopping {
margin-left: 20px;
margin-bottom: 50px;
}
.total-padding {
float: right;
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
padding: 22px 0px 0px 194px;
font-size: 20px;
line-height: 30px;
}
.ml-10 {
margin-left: 45px;
}
.ml-6 {
margin: -23px 0 0 156px;
font-size: 24px;
}
.row-pt {
padding-top: 30px;
}
@media only screen and (max-width: 991px) {
/* .h-padding { */
/* padding-top: 76px; */
/* } */
/* .close { */
/* padding-top: 67px; */
/* } */
.shadow-sm {
-webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
height: 97px;
}
.ml-6 {
margin-left: 83px !important;
margin-top: -24px;
font-size: 23px;
}
.ml-3 {
margin-left: 0.5rem !important;
}
.ml-10 {
margin-left: 53px;
}
.total-padding {
float: right;
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
padding: 18px 0px 0px 127px;
font-size: 20px;
line-height: 30px;
}
#route-shopping {
margin-left: 0px;
}
#route-shopping {
width: 54%;
margin: 10px 0 15px;
}
.pt-10 {
padding: 20px 13px;
color: black;
font-size: 12px;
}
.modal-header {
/* height: 154px; */
}
.row-pt {
padding-top: 12px;
}
.my-custom-scrollbar {
position: relative !important;
height: 400px ;
overflow: auto !important;
}
.table-wrapper-scroll-y {
display: block !important;
}
.color{
font-size: 16px;
word-wrap: break-word;
}
}
/* .my-custom-scrollbar {
/* position: relative;
/* height: 600px;
/* overflow: auto;
/* }*/
.table-wrapper-scroll-y {
display: block;
}
.mostsearchimg {
position: relative;
display: inline-block;
width: 140px;
background-position: 50% 50% !important;
background-repeat: no-repeat !important;
background-size: contain !important;
margin-bottom: 10px;
height: 96px;
width: 128px;
}
.ProceedToCheckout {
background: #00b900 !important; /* button-color;*/
border-color: #00b900 !important; /* button-color;*/
background-color: #00b900 !important; /* button-color;*/
box-shadow: inset 0 -1px 0 0 #00b900 !important; /* button-color;*/
border-radius: 5px !important;
}
.autowidth{
width: auto;
}
.continueshopping{
color: #0027a3; /* shopping-cart-head-text-color;*/
text-decoration: none;
background-color: transparent;
cursor: pointer;
}
a.continueshopping:hover {
color: #0056b3;
text-decoration: underline;
}
.mar3{
margin: 3px;
}
.bg-light {
background-color: #f8f9fa !important; /* shopping-table-text-color;*/
}
/* .product-title{
/* color: #0027a3; /*title-color;
/* }*/
.em-bold {
font-weight: 700;
font-style: normal;
}
/*47. pagination.css */
.pagination {
margin: 20px auto 0;
border-radius: 0;
text-align: center;
}
.pagination {
display: inline-block;
padding-left: 0;
float: right;
}
.pagination>li {
margin-right: 5px;
display: inline-block;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
border-radius: 2px;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
background-color: rgb(246, 246, 246);
color: rgb(102, 102, 102);
cursor: not-allowed;
border-color: #ddd;
}
.pagination>li>a, .pagination>li>span {
position: relative;
float: left;
margin-left: -1px;
text-decoration: none;
border: 1px solid #ddd;
}
.align-items-center {
-ms-flex-align: center!important;
-webkit-box-align: center!important;
align-items: center!important
}
.d-flex {
display: -ms-flexbox!important;
display: -webkit-box!important;
display: flex!important
}
.justify-content-between {
-ms-flex-pack: justify!important;
-webkit-box-pack: justify!important;
justify-content: space-between!important
}
/*
.pagination {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
padding-left: 0;
list-style: none;
border-radius: .25rem;
}
.pagination>a {
background: #9b9b9b;
width: 26px;
height: 26px;
text-align: center;
text-decoration: none;
display: block;
float: left;
padding: 2px 0 0;
color: #575757;
} */
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
/* .pagination ul {
margin: 0;
padding: 0;
}
.pagination ul li {
float: left;
list-style: none;
}
.pagination ul li>span {
width: 26px;
height: 26px;
text-align: center;
color: #fff;
font-size: 14px;
background: #9b9b9b;
display: block;
padding: 1px 0 0;
}
.pagination ul li>a {
width: 26px;
height: 26px;
text-align: center;
color: #575757;
font-size: 14px;
display: block;
padding: 1px 0 0;
text-decoration: none;
}
.pagination>a {
background: #9b9b9b;
width: 26px;
height: 26px;
text-align: center;
text-decoration: none;
display: block;
float: left;
padding: 2px 0 0;
color: #575757;
} */
.txtAlignCenter {
text-align: justify;
}
@media screen and (max-width: 992px) {
.pagination>li>a, .pagination>li>span {
height: 40px;
width: 35px;
}
}
@media only screen and (max-width: 991px) and (min-width: 320px) {
.pagination {
margin-bottom: 0!important;
}
}
@media only screen and (max-width: 420px) {
.pagination > li > a, .pagination > li > span {
width: 35px !important;
}
}
@media only screen and (max-width: 376px){
/* .pagination {
padding-left: 7px!important;
} */
.pagination > li > a, .pagination > li > span {
width: 35px !important;
}
}
@media only screen and (max-width: 370px) and (min-width:320px) {
.txtAlignCenter {
text-align: center;
padding-left: 7px !important;
padding-right: 0px !important;
}
}
@media (min-width: 767px) {
.sub-category {
margin-right:10px;
}
}
/* media-767 */
@media (max-width: 767px) {
.container {
/* padding-right: 0; */
/* padding-left: 0; */
}
.show-only-mobile-one {
display: none
}
.details span.price {
font-size: 36px;
line-height: 39px;
}
.gallery {
position: relative;
text-align: center;
}
.details a.btn {
font-size: 20px;
}
ngx-gallery .ngx-gallery-thumbnail-size-cover .ngx-gallery-thumbnails .ngx-gallery-thumbnail {
height: 100% !important;
width: calc(45% - 8px) !important;
}
ngx-gallery ngx-gallery-thumbnails {
height: calc(25% - 10px) !important;
}
}
@media(max-width: 767px) {
.shopping-cart .mainContent.checkout .desktop-cart {
display:none
}
.shopping-cart .mainContent.checkout .mobile-cart {
display: block
}
.shopping-cart .mainContent.checkout .item-img {
margin: 0 10px 0 0
}
.product-title {
width: 195px;
line-height: 20px;
}
/* .img-container { */
/* width: 70px; */
/* height:56px; */
/* } */
.table td {
padding: .30rem;
}
.shopping-cart .mainContent.checkout .table tr th {
font-size: 15px;
background: #ddd !important; /* checkout-table-color;*/
padding: .50rem;
}
.hrMargin {
margin-top: 5px;
margin-bottom: 5px;
}
.flex-item {
-ms-flex-item-align: inherit;
-ms-grid-row-align: inherit;
align-self: inherit;
width: 100%;
border-top: 1px solid #606060;
border-left: 0;
margin: 0;
padding: 10px;
}
.flex-container {
padding: 0;
list-style: none;
display: block;
margin: 10x;
}
.mr-10 {
margin-right: 0px;
}
.nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
form .form-group .mmb-16 {
margin-bottom: 1rem;
}
form .form-group label.col-form-label {
padding: 0;
margin-bottom: .5rem;
}
.shopping-cart .desktop-cart {
display:none
}
.shopping-cart .mobile-cart {
display: block
}
.shopping-cart .mobile-cart .items {
border-bottom: 1px solid #ccc;
padding: 0 0 15px;
margin: 0 0 15px
}
.shopping-cart .mobile-cart .item-img {
margin: 0 10px 0 0
}
.shopping-cart .mobile-cart .item-detail {
width: 100%
}
.shopping-cart .mobile-cart .item-detail h2 {
color: #000;
font-size: 16px
}
form .form-group label.required:after {
position: absolute;
right: -7px;
top: -5px;
color: red;
content: "*";
font-style: normal;
font-size: 16px;
}
.shopping-cart .mobile-cart .item-detail span.text-muted {
font-size: 14px;
margin: 0 0 10px;
display: block;
}
.shopping-cart .mobile-cart .item-detail .details {
margin: 0
}
.shopping-cart .mobile-cart .item-detail .details span.price {
font-size: 16px;
line-height: inherit
}
.shopping-cart .mobile-cart .item-detail .details .product-quantity {
width: 90px;
margin: 0 0 0 5%
}
.shopping-cart .mobile-cart .item-detail .details .product-quantity input[type=text] {
width: 24px;
height: 24px;
border-color: #0027a3; /* checkout-head-text-color;*/
background: #fff;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-align: center;
font-size: 13px
}
.shopping-cart .mobile-cart .item-detail .details .product-quantity a {
background: #0027a3; /* checkout-head-text-color;*/
width: 22px;
height: 22px;
border-radius: 100%;
display: inline-block;
text-align: center;
cursor: pointer;
vertical-align: middle
}
.shopping-cart .mobile-cart .item-detail .details .product-quantity a i {
color: #fff;
font-weight: 400;
line-height: inherit;
position: relative;
top: -1px
}
.shopping-cart .mobile-cart .item-detail .details a.remove {
width: 28px;
height: 28px;
font-size: inherit;
line-height: inherit;
padding: 3px 7px;
position: relative;
top: -2px
}
.shopping-cart .mainContent h1.page-title {
font-size: 24px;
line-height: 1.44;
margin: 0 0 30px
}
.shopping-cart .mainContent.checkout .checkout-wrap {
padding: 0;
margin: 0;
max-width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
border: 0
}
.shopping-cart .mainContent.checkout .login-block {
padding: 20px
}
.shopping-cart .mainContent.checkout .login-block form .form-group {
margin-bottom: 15px
}
.shopping-cart .mainContent .order-selection .form-group.country-select label {
padding-right: 0
}
h2 {
line-height: 0.1;
margin-bottom: 0px;
}
/* .shopping-cart .mainContent.checkout .table tr td .text-dark {
/* font-size: 16px;
/* white-space: normal;
/* text-decoration: none;
/* color: #0027a3; /* checkout-head-text-color;
/* }*/
}
@media(max-width: 767px) {
.static-page .mainContent {
margin-bottom:50px
}
.static-page .mainContent ul {
padding: 0 0 0 30px
}
.static-page .mainContent ol {
padding: 0 0 0 50px
}
.static-page .mainContent h1.page-title {
font-size: 24px;
line-height: 26px;
margin: 0 0 20px
}
.static-page .mainContent h2 {
font-size: 20px
}
h2 {
line-height: 0.1;
margin-bottom: 0px;
}
.content ul li {
/* margin-left: 10px; */
}
}
@media(max-width: 767px) {
.login-page .mainContent .login-block {
padding:0;
max-width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
border: 0
}
.login-page .mainContent .login-block h3.block-title {
font-size: 18px;
line-height: 20px
}
.login-page .mainContent h1.page-title {
font-size: 24px;
line-height: 26px;
margin: 0 0 30px
}
h2 {
line-height: 0.1;
margin-bottom: 0px;
}
}
@media (max-width: 767px) {
.tabs {
display: table !important;
}
ul.tabs li {
margin: 20px 20px 0 0;
}
}
@media(max-width: 767px) {
.login-page .mainContent .login-block {
padding:0;
max-width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
border: 0
}
.login-page .mainContent .login-block h3.block-title {
font-size: 18px;
line-height: 20px
}
.login-page .mainContent h1.page-title {
font-size: 24px;
line-height: 26px;
margin: 0 0 30px
}
h2 {
line-height: 0.1;
margin-bottom: 0px;
}
}
@media (max-width: 767px) {
.login-page .mainContent .login-block {
padding: 0;
max-width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
}
.login-page .mainContent .login-block h3.block-title {
font-size: 18px;
line-height: 20px;
}
.login-page .mainContent h1.page-title {
font-size: 24px;
line-height: 26px;
margin: 0 0 30px;
}
h2 {
line-height: 0.1;
margin-bottom: 0px;
}
}
@media only screen and (max-width: 767px) {
/* form { */
/* padding: 15px; */
/* } */
.block-title {
/* padding-right: 15px; */
margin: -7px;
}
.modal-header-login {
max-width: auto !important;
}
/* .login-page{
/* position: absolute;
/* right:0;
/* top: 0;
/* width:100%;
/* z-index: 1001 !important;
/* background: #fff !important;
/* opacity: .99 !important;
/* overflow: hidden;
/* height: 100%;
/* transform:translate3d(100%,0,0);
/* max-width: 360px;
/* }*/
.h-login {
float: left;
margin: 35px 0px;
color: #fff;
}
.data {
float: right;
font-size: 30px;
margin: 35px -16px;
color: #fff;
cursor: pointer;
}
h3 {
/* padding: 6px; */
font-size: 23px;
}
/* .page-title { */
/* padding-left: 15px; */
/* } */
/* p { */
/* padding: 12px 15px; */
/* } */
.text-color {
padding: 15px 25px;
}
.scroll-mobile{
overflow-y: auto;
position: absolute;
height: 100%;
min-height: calc(100vh - 76px);
}
}
@media(max-width: 767px) {
.register-page .mainContent .block {
padding:0;
margin: 0 auto 50px;
max-width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
border: 0
}
.register-page .mainContent .block h3.block-title {
font-size: 16px;
line-height: 1.44
}
.register-page .mainContent h1.page-title {
font-size: 24px;
line-height: 26px;
margin: 0 0 30px
}
h2 {
line-height: 0.1;
margin-bottom: 0px;
}
}
@media(max-width: 767px) {
.shopping-cart .mainContent.checkout .desktop-cart {
display:none
}
.shopping-cart .mainContent.checkout .mobile-cart {
display: block
}
.shopping-cart .mainContent.checkout .item-img {
margin: 0 10px 0 0
}
.product-title {
width: 210px;
}
.table td {
padding: .30rem;
}
.shopping-cart .mainContent.checkout .table tr th {
font-size: 15px;
background: #ddd !important; /* checkout-table-color;*/
padding: .50rem;
}
.hrMargin {
margin-top: 5px;
margin-bottom: 5px;
}
.flex-item {
-ms-flex-item-align: inherit;
-ms-grid-row-align: inherit;
align-self: inherit;
width: 100%;
border-top: 1px solid #606060;
border-left: 0;
margin: 0;
padding: 10px;
}
.flex-container {
padding: 0;
list-style: none;
display: block;
margin: 10x;
}
.mr-10 {
margin-right: 0px;
}
.nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
form .form-group .mmb-16 {
margin-bottom: 1rem;
}
form .form-group label.col-form-label {
padding: 0;
margin-bottom: .5rem;
}
.shopping-cart .desktop-cart {
display:none
}
.shopping-cart .mobile-cart {
display: block
}
.shopping-cart .mobile-cart .items {
border-bottom: 1px solid #ccc;
padding: 0 0 15px;
margin: 0 0 15px
}
.shopping-cart .mobile-cart .item-img {
margin: 0 10px 0 0
}
.shopping-cart .mobile-cart .item-detail {
width: 100%
}
.shopping-cart .mobile-cart .item-detail h5 {
color: #000;
font-size: 16px
}
form .form-group label.required:after {
position: absolute;
right: -7px;
top: -5px;
color: red;
content: "*";
font-style: normal;
font-size: 16px;
}
.shopping-cart .mobile-cart .item-detail span.text-muted {
font-size: 14px;
margin: 0 0 10px;
display: block;
}
.shopping-cart .mobile-cart .item-detail .details {
margin: 0
}
.shopping-cart .mobile-cart .item-detail .details span.price {
font-size: 16px;
line-height: inherit
}
.shopping-cart .mobile-cart .item-detail .details .product-quantity {
width: 90px;
margin: 0 0 0 5%
}
.shopping-cart .mobile-cart .item-detail .details .product-quantity input[type=text] {
width: 24px;
height: 24px;
border-color: #0027a3; /* checkout-head-text-color;*/
background: #fff;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-align: center;
font-size: 13px
}
.shopping-cart .mobile-cart .item-detail .details .product-quantity a {
background: #0027a3; /* checkout-head-text-color;*/
width: 22px;
height: 22px;
border-radius: 100%;
display: inline-block;
text-align: center;
cursor: pointer;
vertical-align: middle
}
.shopping-cart .mobile-cart .item-detail .details .product-quantity a i {
color: #fff;
font-weight: 400;
line-height: inherit;
position: relative;
top: -1px
}
.shopping-cart .mobile-cart .item-detail .details a.remove {
width: 28px;
height: 28px;
font-size: inherit;
line-height: inherit;
padding: 3px 7px;
position: relative;
top: -2px
}
.shopping-cart .mainContent h1.page-title {
font-size: 24px;
line-height: 1.44;
margin: 0 0 30px
}
.shopping-cart .mainContent.checkout .checkout-wrap {
padding: 0;
margin: 0;
max-width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
border: 0
}
.shopping-cart .mainContent.checkout .login-block {
padding: 20px
}
.shopping-cart .mainContent.checkout .login-block form .form-group {
margin-bottom: 15px
}
.shopping-cart .mainContent .order-selection .form-group.country-select label {
padding-right: 0
}
h2 {
line-height: 0.1;
margin-bottom: 0px;
}
}
@media(max-width: 767px) {
.register-page .mainContent .block {
padding:0;
margin: 0 auto 50px;
max-width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
border: 0
}
.register-page .mainContent .block h3.block-title {
font-size: 16px;
line-height: 1.44
}
.register-page .mainContent h1.page-title {
font-size: 24px;
line-height: 26px;
margin: 0 0 30px
}
h2 {
line-height: 0.1;
margin-bottom: 0px;
}
}
@media(max-width: 767px) {
.main-category {
height: 140px;
width: auto;
}
.count {
top: 5px;
right: 5px;
font-size: 14px;
}
.img {
max-height: 60px;
transform: translate(-50%, calc(-50% - 15px));
}
.sub-button-container {
width: auto;
}
.type-button-container {
width: auto;
}
.sub-display-name {
font-size: 16px;
}
.type-display-name {
font-size: 16px;
}
.sub-category {
/* margin-right: 0px; */
/* margin-left: 0px; */
}
.category-header{
padding-left: 15px;
}
.type-category {
margin-right: 0px;
margin-left: 0px;
}
/* .container { */
/* padding-right: 0px; */
/* padding-left: 0px; */
/* } */
}
@media (max-width: 767px) {
.td-width {
width: 195px;
}
h5 .titlecolor {
width: auto !important;
}
.mostsearchimg {
width: 120px;
height: 92px;
}
.txtRight {
text-align: right !important;
}
.paddingRight0 {
padding-right: 0px !important;
}
.shopping-cart .mainContent .order-selection p.note {
text-align: left;
}
.total {
/* text-align: left !important; */
padding: 0 !important;
}
.leftcnt img {
width: 100% !important;
}
.shopping-cart .desktop-cart {
display: none;
}
.shopping-cart .mobile-cart {
display: block;
}
.shopping-cart .mobile-cart .items {
border-bottom: 1px solid #ccc;
padding: 0 0 15px;
margin: 0 0 15px;
}
.shopping-cart .mobile-cart .item-img {
margin: 0 10px 0 0;
}
.shopping-cart .mobile-cart .item-detail {
width: 100%;
}
.shopping-cart .mobile-cart .item-detail h5 {
color: #000;
font-size: 16px;
}
.shopping-cart .mobile-cart .item-detail span.text-muted {
font-size: 14px;
margin: 0 0 10px;
display: block;
}
.shopping-cart .mobile-cart .item-detail .details {
margin: 0;
}
.shopping-cart .mobile-cart .item-detail .details span.price {
font-size: 16px;
line-height: inherit;
}
.shopping-cart .mobile-cart .item-detail .details .product-quantity {
width: 90px;
margin: 0 0 0 5%;
}
.shopping-cart
.mobile-cart
.item-detail
.details
.product-quantity
input[type="text"] {
width: 24px;
height: 24px;
border-color: #00c0ff;
background: #fff;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-align: center;
font-size: 13px;
}
.shopping-cart .mobile-cart .item-detail .details .product-quantity a {
background: #00c0ff;
width: 22px;
height: 22px;
border-radius: 100%;
display: inline-block;
text-align: center;
cursor: pointer;
vertical-align: middle;
}
.shopping-cart .mobile-cart .item-detail .details .product-quantity a i {
color: #fff;
font-weight: 400;
line-height: inherit;
position: relative;
top: -1px;
}
.shopping-cart .mobile-cart .item-detail .details a.remove {
width: 28px;
height: 28px;
font-size: inherit;
line-height: inherit;
padding: 3px 7px;
position: relative;
top: -2px;
}
.shopping-cart .mainContent h1.page-title {
font-size: 24px;
line-height: 1.44;
margin: 0 0 30px;
}
.shopping-cart .mainContent.checkout .checkout-wrap {
padding: 0;
margin: 0;
max-width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
}
.shopping-cart .mainContent.checkout .login-block {
padding: 20px;
}
.shopping-cart .mainContent.checkout .login-block form .form-group {
margin-bottom: 15px;
}
.shopping-cart
.mainContent
.order-selection
.form-group.country-select
label {
padding-right: 0;
text-align: left;
}
form .btn {
font-size: 14px;
}
h2 {
line-height: 0.1;
margin-bottom: 0px;
}
}
@media only screen and (max-width: 767px) {
.h-padding {
padding-top: 22px;
}
.modalshopping {
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1001 !important;
background: #fff !important;
opacity: 0.99 !important;
overflow: hidden;
max-height: 640px;
transform: translate3d(100%, 0, 0);
max-width: 360px;
}
.btn.btn-primary {
background-color: #00c0ff;
border-color: #00c0ff;
padding: 6px 15px;
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
color: #fff;
font-size: 18px;
line-height: 32px;
}
.pr-f {
float: right;
padding-right: 107px;
color: black;
}
.color-black {
color: #000; /* content-text-color;
/* padding-left: 12px !important; */
}
.backshop {
padding-top: 0px;
}
}
@media (max-width: 767px) {
.details span.price {
font-size: 36px;
line-height: 39px;
}
.gallery {
position: relative;
text-align: center;
}
.details a.btn {
font-size: 20px;
}
ngx-gallery .ngx-gallery-thumbnail-size-cover .ngx-gallery-thumbnails .ngx-gallery-thumbnail {
height: 100% !important;
width: calc(45% - 8px) !important;
}
ngx-gallery ngx-gallery-thumbnails {
height: calc(25% - 10px) !important;
}
}
@media(max-width: 767px) {
.breadcrumb ul li {
margin-top: 5px !important;
}
.login-page .mainContent .login-block {
padding:0;
max-width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
border: 0
}
.login-page .mainContent .login-block h3.block-title {
font-size: 18px;
line-height: 20px
}
.login-page .mainContent h1.page-title {
font-size: 24px;
line-height: 26px;
margin: 0 0 30px
}
h2 {
line-height: 0.1;
margin-bottom: 0px;
}
}
@media(max-width: 767px) {
.login-page .mainContent .login-block {
padding:0;
max-width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
border: 0
}
.login-page .mainContent .login-block h3.block-title {
font-size: 18px;
line-height: 20px
}
.login-page .mainContent h1.page-title {
font-size: 24px;
line-height: 26px;
margin: 0 0 30px
}
h2 {
line-height: 0.1;
margin-bottom: 0px;
}
}
@media(max-width: 767px) {
.search-suggestions {
margin-left: 2px;
}
.product-type-name {
display: flex;
}
.pl-18 {
padding-left: 18px;
font-size: 14px;
left: inherit;
margin-top: 0;
position: relative;
}
.result-count {
font-size: 14px;
}
}
@media(max-width: 767px) {
.shopping-cart .mainContent.checkout .desktop-cart {
display:none
}
.shopping-cart .mainContent.checkout .mobile-cart {
display: block
}
.shopping-cart .mainContent.checkout .item-img {
margin: 0 10px 0 0
}
.product-title {
width: 135px;
}
/* .img-container { */
/* width: 70px; */
/* height:56px; */
/* } */
.table td {
padding: .30rem;
}
.shopping-cart .mainContent.checkout .table tr th {
font-size: 15px;
background: #ddd !important; /* checkout-table-color;*/
padding: .50rem;
}
.hrMargin {
margin-top: 5px;
margin-bottom: 5px;
}
.flex-item {
-ms-flex-item-align: inherit;
-ms-grid-row-align: inherit;
align-self: inherit;
width: 100%;
border-top: 1px solid #606060;
border-left: 0;
margin: 0;
padding: 10px;
}
.flex-container {
padding: 0;
list-style: none;
display: block;
margin: 10x;
}
.mr-10 {
margin-right: 0px;
}
.nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
form .form-group .mmb-16 {
margin-bottom: 1rem;
}
form .form-group label.col-form-label {
padding: 0;
margin-bottom: .5rem;
}
.shopping-cart .desktop-cart {
display:none
}
.shopping-cart .mobile-cart {
display: block
}
.shopping-cart .mobile-cart .items {
border-bottom: 1px solid #ccc;
padding: 0 0 15px;
margin: 0 0 15px
}
.shopping-cart .mobile-cart .item-img {
margin: 0 10px 0 0
}
.shopping-cart .mobile-cart .item-detail {
width: 100%
}
.shopping-cart .mobile-cart .item-detail h2 {
color: #000;
font-size: 16px
}
form .form-group label.required:after {
position: absolute;
right: -7px;
top: -5px;
color: red;
content: "*";
font-style: normal;
font-size: 16px;
}
.shopping-cart .mobile-cart .item-detail span.text-muted {
font-size: 14px;
margin: 0 0 10px;
display: block;
}
.shopping-cart .mobile-cart .item-detail .details {
margin: 0
}
.shopping-cart .mobile-cart .item-detail .details span.price {
font-size: 16px;
line-height: inherit
}
.shopping-cart .mobile-cart .item-detail .details .product-quantity {
width: 90px;
margin: 0 0 0 5%
}
.shopping-cart .mobile-cart .item-detail .details .product-quantity input[type=text] {
width: 24px;
height: 24px;
border-color: #0027a3; /* checkout-head-text-color;*/
background: #fff;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-align: center;
font-size: 13px
}
.shopping-cart .mobile-cart .item-detail .details .product-quantity a {
background: #0027a3; /* checkout-head-text-color;*/
width: 22px;
height: 22px;
border-radius: 100%;
display: inline-block;
text-align: center;
cursor: pointer;
vertical-align: middle
}
.shopping-cart .mobile-cart .item-detail .details .product-quantity a i {
color: #fff;
font-weight: 400;
line-height: inherit;
position: relative;
top: -1px
}
.shopping-cart .mobile-cart .item-detail .details a.remove {
width: 28px;
height: 28px;
font-size: inherit;
line-height: inherit;
padding: 3px 7px;
position: relative;
top: -2px
}
.shopping-cart .mainContent h1.page-title {
font-size: 24px;
line-height: 1.44;
margin: 0 0 30px
}
.shopping-cart .mainContent.checkout .checkout-wrap {
padding: 0;
margin: 0;
max-width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
border: 0
}
.shopping-cart .mainContent.checkout .login-block {
padding: 20px
}
.shopping-cart .mainContent.checkout .login-block form .form-group {
margin-bottom: 15px
}
.shopping-cart .mainContent .order-selection .form-group.country-select label {
padding-right: 0
}
h2 {
line-height: 0.1;
margin-bottom: 0px;
}
}
@media (max-width: 767px) {
.shopping-cart .mainContent .order-selection p.note {
text-align: left;
}
.leftcnt img {
width: 100% !important;
}
.shopping-cart .desktop-cart {
display: none;
}
.shopping-cart .mobile-cart {
display: block;
}
.shopping-cart .mobile-cart .items {
padding: 0 0 15px;
margin: 0 0 15px;
}
.shopping-cart .mobile-cart .item-img {
margin: 0 10px 0 0;
}
.shopping-cart .mobile-cart .item-detail {
width: 100%;
}
.shopping-cart .mobile-cart .item-detail h2 {
color: #212529; /* shopping-cart-text-color;*/
font-size: 16px;
}
.shopping-cart .mobile-cart .item-detail span.text-muted {
font-size: 14px;
margin: 0 0 10px;
display: block;
}
.shopping-cart .mobile-cart .item-detail .details {
margin: 0;
}
.shopping-cart .mobile-cart .item-detail .details span.price {
font-size: 16px;
line-height: inherit;
}
.shopping-cart .mobile-cart .item-detail .details .product-quantity {
width: 90px;
margin: 0 0 0 5%;
}
.shopping-cart
.mobile-cart
.item-detail
.details
.product-quantity
input[type="text"] {
width: 24px;
height: 24px;
border-color: #0027a3; /* shopping-cart-icon-color;*/
background: #fff;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-align: center;
font-size: 13px;
}
.shopping-cart .mobile-cart .item-detail .details .product-quantity a {
background: #0027a3; /* shopping-cart-icon-color;*/
width: 22px;
height: 22px;
border-radius: 100%;
display: inline-block;
text-align: center;
cursor: pointer;
vertical-align: middle;
}
.shopping-cart .mobile-cart .item-detail .details .product-quantity a i {
color: #fff;
font-weight: 400;
line-height: inherit;
position: relative;
top: -1px;
}
.shopping-cart .mobile-cart .item-detail .details a.remove {
width: 28px;
height: 28px;
font-size: inherit;
line-height: inherit;
padding: 3px 7px;
position: relative;
top: -2px;
}
.shopping-cart .mainContent h1.page-title {
font-size: 24px;
line-height: 1.44;
margin: 0 0 30px;
}
.shopping-cart .mainContent.checkout .checkout-wrap {
padding: 0;
margin: 0;
max-width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
}
.shopping-cart .mainContent.checkout .login-block {
padding: 20px;
}
.shopping-cart .mainContent.checkout .login-block form .form-group {
margin-bottom: 15px;
}
.shopping-cart
.mainContent
.order-selection
.form-group.country-select
label {
padding-right: 0;
text-align: left;
}
form .btn {
font-size: 14px;
}
h2 {
line-height: 0.1;
margin-bottom: 0px;
}
}
@media (max-width: 767px) {
.pagination {
display: inline-block !important;
padding-left: 0px !important;
float: none;
/* width: 88%; */
}
.txtAlignCenter {
text-align: center;
}
.pagination>li {
margin-right: 8px !important;
}
}
@media(max-width:767px) {
.display-name, .sub-display-name, .type-display-name {
font-size: 16px;
}
.fa-ideal.font24 {
line-height: 32px
}
.social-links img {
height: auto;
max-width: 70px
}
.container {
max-width: 100% !important
}
body #myModal .modal-dialog {
margin: 0;
max-width: 100%
}
body .modal-header h2 {
font-size: 24px;
margin: 5px 0 0
}
body .modal-header {
padding: 15px
}
.xsflend {
display: flex;
align-items: flex-end;
justify-content: flex-end
}
.copyright img {
max-height: 100%;
height: 60px
}
.all-parts .head-block .search-bar label {
margin: 0 0 4px
}
hr {
margin: 10px 0
}
.overlay {
display: none !important
}
.xspadding0 {
padding: 0 !important
}
html body .xsflwrap {
flex-wrap: wrap
}
html body .xsorder4 {
order: 4
}
html body .xsorder3 {
order: 3
}
.show-only-mobile-one {
/* display: none !important */
}
body .modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: auto;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 0 none;
border-radius: 0;
outline: 0;
top: 0;
margin: 0;
height: 100vh
}
a.shop {
font-size: 18px;
padding: 0 15px
}
.pad {
padding: 0 !important
}
.bgb {
background: #383838 !important;
border-bottom: 1px solid #fff
}
.links hr {
margin: 10px 0
}
.height {
height: 18px
}
.xsmt20 {
margin-top: 20px !important
}
.xsmb20 {
margin-bottom: 20px !important
}
.xsblk {
display: block !important
}
.mobilehideimg {
position: relative;
opacity: 1;
z-index: -1;
}
.all-parts .head-block h2 a {
display: none
}
.all-parts .head-block .search-bar {
float: none;
border-bottom: 1px solid #9f9f9f;
padding: 0 0 20px 0
}
.all-parts .head-block .search-bar .block {
width: 100%
}
.all-parts .head-block .search-bar .block input[type=text] {
width: 100%;
font-size: 30px;
}
}
@media(max-width:767px) {
.user,
header .header-lower nav div.mNavHeading { background: transparent; color: #000 !important; /* header-user-icon-color;*/
}
footer .lower .content a.linkHeading { background-color: #c1c1c1;}
header .header-lower nav { background-color: #fff; /* body-header-color;*/
}
.bgb { background-color: #383838 !important; /* nav-float-color; */
border-bottom-color: #fff; /* body-header-color;*/
}
header .header-lower a.start-adv, header .header-lower p.start-adv.mobile a{color:#9a9c9c;}
}
@media(max-width:767px) {
.hero-content.mb-5 {
margin-bottom: 20px !important
}
.hero-img, .mobile {
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: 70% center !important;
}
.hero-content .hero-img {
margin-bottom: 8px;
height: 150px !important;
margin-right: 0px;
}
.gradientlayout {
height: 150px;
background: linear-gradient(to left, transparent 0%, transparent 45%, black 70%, black 100%);
width: 100%;
}
.gradientlayout-light {
height: 150px;
background: linear-gradient(to left, transparent 0%, transparent 45%, white 70%, white 100%);
width: 100%;
}
.hero-content .hero-img.mobile {
display: block;
width: 100%;
height: auto
}
.hero-content .content {
top: 7px
}
.hero-content .content .banner-headings {
width: 100%
}
.hero-content .content .banner-headings>span {
font-size: 16px;
line-height: 32px
}
.hero-content .content .banner-headings h1 {
font-size: 5.5vw;
line-height: 6.5vw;
margin: 0;
width: 60%
}
}
@media(max-width:767px) {
.searchdiv{
margin-left: 0px;
}
.searchdiv .autosearch-results .autosearch-result .autosearch-result-right {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
width: 100px;
white-space: nowrap;
text-overflow: ellipsis;
}
header .header-lower p.linkHeading.active a.start-adv.mobile:after,
header .megaMenu .onderdelenMenu p.linkHeading.active:after {
content: '\f106'
}
header .header-upper {
padding: 10px 0 0
}
header .header-upper .right-links {
margin-right: 10px
}
header .logo {
max-width: 200px;
margin-right: 0
}
header .search-container {
margin-right: 0;
background-color: #383838; /* header-search-box-color !important;*/
margin-top: 10px;
padding: 10px;
max-width: 100%;
float: none;
flex-grow: 1;
width: 100%
}
header .header-lower .megaMenu ul.links li a {
text-decoration: none;
color: #fff !important;
font-size: 15px;
line-height: 22px;
font-family: proxima-nova, sans-serif;
font-weight: 300;
font-style: normal
}
header .header-lower .megaMenu p a {
color: #fff !important;
text-decoration: none
}
header .header-lower .hambergerMenu {
display: block !important
}
header .header-lower {
margin: 0
}
header .header-lower .hambergerMenu {
display: block
}
header .header-lower nav {
position: absolute;
background: #fff; /* body-header-color;*/
top: 54px;
left: -100%;
width: 100% !important;
float: none;
z-index: 9;
transition: .4s
}
header .header-lower nav.open {
left: 0;
padding: 0 10px
}
header .header-lower nav ul.mainNavigation>li {
padding: 0;
margin: 0;
display: block;
float: none;
min-height: inherit;
border-top: 1px solid #3d3d3d
}
header .header-lower .megaMenu {
top: 57px;
padding: 0 0 12px 0;
position: static
}
header .header-lower .megaMenu p {
font-weight: 500;
text-transform: uppercase;
font-size: 15px;
line-height: 25px;
color: #000;
position: relative;
cursor: pointer
}
header .header-lower .megaMenu p:after {
content: '\f107';
font-family: "Font Awesome 5 Pro";
right: 15px;
top: 0;
background: 0;
width: inherit;
height: inherit;
position: absolute
}
header .header-lower .megaMenu p.active:after {
content: '\f106'
}
header .header-lower .megaMenu p a {
color: #000;
text-decoration: none
}
header .header-lower .megaMenu .onderdelenMenu {
padding: 0
}
header .header-lower .megaMenu ul.links {
margin: 0;
display: none;
padding: 5px 0 25px 0
}
header .header-lower .megaMenu ul.links li a {
word-break: break-all
}
header .megaMenu .onderdelenMenu p {
font-size: 16px;
margin: 15px 0 0 0;
padding: 8px 0
}
header .megaMenu .onderdelenMenu p.linkHeading {
position: relative;
cursor: pointer;
margin-top: 0
}
header .megaMenu .onderdelenMenu p.linkHeading:after {
content: '\f107';
font-family: "Font Awesome 5 Pro";
width: inherit;
height: inherit;
position: absolute;
right: 0;
top: 9px;
font-weight: 300;
font-size: 28px
}
header .megaMenu .onderdelenMenu div.linkHeading.active {
border-bottom: 0
}
header .right-links .links>ul>li a {
color: #c8c8c8;
font-size: 14px;
line-height: 16px;
text-decoration: none
}
header .header-upper .hambergerMenu {
display: block;
width: 26px;
height: 22px;
margin: 0 25px 0 10px
}
header .header-upper .hambergerMenu span {
color: #fff;
background: #fff;
height: 4px
}
header .header-upper .hambergerMenu span:nth-child(2) {
top: 9px
}
header .header-upper .hambergerMenu span:nth-child(3) {
top: 18px
}
header .header-lower {
margin: 0;
padding: 0
}
header .header-lower .hambergerMenu {
display: none;
margin-right: -5px
}
header .header-lower a.start-adv {
display: none
}
header .header-lower a.start-adv.mobile {
display: block;
float: none;
text-align: left;
margin: 10px 15px 0;
position: relative
}
header .header-lower p.start-adv.mobile a {
display: block;
color: #000; /* content-text-color */
}
header .header-lower p.start-adv.mobile {
display: block;
float: none;
text-align: left;
margin: 0 15px 0;
position: relative;
font-size: 18px;
line-height: 2 !important
}
header .header-lower a.start-adv.mobile:after {
content: '\f107';
font-family: "Font Awesome 5 Pro";
width: inherit;
height: inherit;
position: absolute;
right: 0;
top: 0;
font-weight: 300;
font-size: 28px
}
header .header-lower nav {
position: fixed;
top: 0;
width: 90%;
box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
z-index: 99
}
header .header-lower nav ul.mainNavigation {
max-height: 80vh;
overflow-y: auto
}
header .header-lower nav div.mNavHeading {
display: block;
margin: 0;
color: #000;
font-size: 28px;
line-height: 30px;
padding: 15px 0 16px
}
header .right-links .links>ul>li a {
color: #c8c8c8;
font-size: 14px;
line-height: 16px;
text-decoration: none
}
header .right-links .links .country-selection>a img {
-webkit-box-shadow: #333 1px 1px 5px;
-moz-box-shadow: #333 1px 1px 5px;
box-shadow: #333 1px 1px 5px
}
header .right-links .links .country-selection:hover ul.country-dropdown {
display: block
}
header .right-links .links .country-selection ul.country-dropdown {
margin: 0;
padding: 5px 0;
background: #fff;
text-align: left;
position: absolute;
left: 0;
top: 42px;
-webkit-box-shadow: #333 1px 1px 5px;
-moz-box-shadow: #333 1px 1px 5px;
box-shadow: #333 1px 1px 5px;
width: 110px;
display: none;
z-index: 1
}
header .right-links .links .country-selection ul.country-dropdown li {
list-style: none
}
header .right-links .links .country-selection ul.country-dropdown li a {
padding: 6px 10px;
text-decoration: none
}
header .right-links .links .country-selection ul.country-dropdown li a img {
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0
}
header .right-links .links .country-selection ul.country-dropdown li a span {
display: inline-block;
vertical-align: middle;
font-size: 13px;
color: #000
}
header .right-links .links>ul {
float: right;
margin: 0 15px 0 0
}
header .right-links .links .cart-block a img,
header .right-links .links .cart-block strong img {
width: 38px
}
header .right-links .links .cart-block span {
width: 19px;
height: 19px;
font-size: 14px;
color: #fff;
padding: 2px 0 0 0;
line-height: 16px
}
header .right-links .links.cart ul, header .right-links .links.cart .custom-Login {
margin: 0;
padding: 0;
background: #fff;
position: absolute;
right: 0;
top: 44px;
-webkit-box-shadow: #333 1px 1px 5px;
-moz-box-shadow: #333 1px 1px 5px;
box-shadow: #333 1px 1px 5px;
width: 180px;
display: none;
z-index: 999;
text-align: left
}
header .right-links .links.cart .custom-Login a {
display: block;
padding: 10px 15px;
border-bottom: 1px solid #ccc;
text-decoration: none;
color: #333;
}
header .right-links .links.cart ul li {
list-style: none;
float: none
}
header .right-links .links.cart ul li:first-child:after {
display: none
}
header .right-links .user i {
font-size: 25px;
line-height: 27px
}
header .right-links .user:hover+ul {
display: block
}
header .logo a {
position: relative
}
header .logo a:after {
background: #002285;
background: -moz-linear-gradient(left, #002285 0, #073bb5 100%);
background: -webkit-linear-gradient(left, #002285 0, #073bb5 100%);
background: linear-gradient(to right, #002285 0, #073bb5 100%);
width: 127px;
height: 87px;
transform: skew(-15deg) rotate(-5deg);
content: '';
position: absolute;
left: -8px;
top: -6px;
z-index: -1
}
header .search-container .search-block {
background-color: #f0f0f0;
border: 1px solid #fff
}
header .search-container .search-block input[type=text] {
width: 100%;
font-size: 16px;
height: 46px;
line-height: 42px;
border: 0 none
}
header .megaMenu .onderdelenMenu p {
font-size: 16px;
margin: 15px 0 0 0;
padding: 8px 0
}
header .megaMenu .onderdelenMenu p.linkHeading {
position: relative;
cursor: pointer;
margin-top: 0
}
header .megaMenu .onderdelenMenu p.linkHeading:after {
content: '\f107';
font-family: "Font Awesome 5 Pro";
width: inherit;
height: inherit;
position: absolute;
right: 0;
top: 9px;
font-weight: 300;
font-size: 22px;
color: #fff;
right: 0;
top: 9px;
font-weight: 300;
font-size: 28px
}
header .megaMenu .onderdelenMenu p.linkHeading.active {
border-bottom: 0
}
header .header-lower p.linkHeading.active a.start-adv.mobile:after,
header .megaMenu .onderdelenMenu p.linkHeading.active:after {
content: '\f106'
}
header .right-links .links .cart-block {
margin-top: 0
}
}
@media(max-width:767px) {
.only-mobile {
display: block;
}
.only-desktop {
display: none;
}
}
@media(max-width:767px) {
.tab_drawer_heading {
display: block !important;
color: #000; /* content-text-color;*/
}
.tab_drawer_heading:after {
color: #000; /* content-text-color;*/
}
.tab_content p {
font-size: 14px;
}
.product-details .mainContent .lower .content h3 {
font-size: 16px;
margin: 15px 0 0 0;
padding: 8px 0
}
.product-details .mainContent .lower .content h3.linkHeading1 {
position: relative;
cursor: pointer;
border-top: 1px solid #9b9b9b;
margin-top: 0
}
.product-details .mainContent .lower .content h3.borderbottom {
border-bottom: 1px solid #9b9b9b;
}
.product-details .mainContent .lower .content h3.linkHeading1:after {
content: '\f105';
font-family: "Font Awesome 5 Pro";
width: inherit;
height: inherit;
position: absolute;
right: 0;
top: 0px;
font-weight: 300;
font-size: 28px
}
.product-details .mainContent .lower .content h3.linkHeading1.active {
border-bottom: 0
}
.product-details .mainContent .lower .content h3.linkHeading1.active:after {
content: '\f106'
}
.product-details .mainContent .lower .content p {
width: 100%
}
.product-details .mainContent .lower .content ul.links {
margin: 0 0 20px 0
}
.product-details .mainContent .lower .content ul.links li.faq {
padding: 0 0 0 25px
}
.product-details .mainContent .lower .content ul.companies.mb-30 {
margin: 0 0 20px 0
}
.product-details .mainContent .lower .content ul.companies.mb-30 li {
margin: 0 0 5px 0
}
.product-details .mainContent .lower .content ul.companies.second li {
display: block
}
.product-details .mainContent .lower .content h3.linkHeading1+ul.links {
display: none;
border-bottom: 1px solid #9b9b9b;
padding-bottom: 15px
}
.product-details .mainContent .lower .content .mwd50 {
width: 49%;
display: inline-block;
vertical-align: top
}
.product-details .mainContent .lower .mbMargin {
margin-left: -30px;
margin-right: -30px;
margin-bottom: 18px;
}
.tab_content {
display: none;
border-top: 0px solid #9b9b9b;
padding: 8px 5px
}
.tab_content ul.accordion li a.toggle {
width: 100%;
display: block;
color: #000;
border-radius: 0;
-webkit-transition: background .3s;
transition: background .3s;
position: relative;
text-decoration: none;
padding: 0
}
.tab_content ul.accordion li a.toggle:before {
content: '\f067';
font-family: "Font Awesome 5 Pro";
position: absolute;
left: -20px;
top: 0;
font-size: 12px
}
.tab_content ul.accordion li a.toggle.show:before {
content: '\f068'
}
.tab_content ul.accordion {
list-style: none;
padding: 0;
float: left;
margin: 0 20px
}
.tab_content ul.listSpecification {
margin: 0 20px
}
.bottom-content {
margin-top: 20px;
}
.lower {
display: block;
}
}
@media(max-width:767px) {
.content.cmspage ul li {
margin-left: 10px;
}
.fa-ideal.font24 {
line-height: 32px
}
.social-links img {
height: auto;
max-width: 70px
}
body .breadcrumb {
margin: 10px 0 15px
}
.categoryPage .all-parts .head-block .sorting-pagination {
float: none
}
html body .xsml0 {
margin-left: 0!important
}
.container {
max-width: 100%!important
}
.all-parts .head-block .search-bar label {
margin: 0 0 4px
}
.overlay {
display: none!important
}
.xspadding0 {
padding: 0!important
}
form .form-group label.col-form-label {
padding: 0;
margin-bottom: .5rem
}
form .form-group label.col-form-label.required:after {
top: 0px;
}
form .form-group .mmb-16 {
margin-bottom: 1rem
}
.tab_content {
padding: 10px 0;
border-top: 0
}
.tab_content .detail span {
width: 100%;
float: none
}
.tab_content .detail ul.accordion {
float: none;
margin: 0 0 0 20px
}
.tab_content .detail ul.accordion li a.toggle {
font-size: 15px
}
.tabs {
display: none!important
}
.tab_drawer_heading {
background-color: transparent;
color: #333;
border-top: 1px solid #9b9b9b;
margin: 0;
padding: 10px 0;
display: block;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #3d3d3d;
font-size: 18px;
line-height: 21px;
font-family: proxima-nova, sans-serif;
font-weight: 400;
font-style: normal;
position: relative
}
.tab_drawer_heading:after {
position: absolute;
right: 0;
top: 9px;
content: '\f107';
font-family: "Font Awesome 5 Pro";
color: #333;
font-size: 20px
}
.tab_drawer_heading.d_active:after {
content: '\f106'
}
.d_active {
background-color: transparent;
color: #333
}
.show-only-mobile {
display: block
}
.show-only-desktop {
display: none
}
.show-only-mobile-one {
/* display: none!important */
}
.pt10 {
margin-top: -55px!important
}
.ml90 {
margin-left: -195px
}
.mr45 {
margin-right: 45px
}
a.shop {
font-size: 18px;
padding: 0 15px
}
.mt20 {
margin-top: -20px
}
.mt-mr {
margin-top: -52px;
margin-right: 35px
}
.mb11 {
margin-bottom: 11px!important
}
.pad {
padding: 0!important
}
.bgb {
background: #383838!important;
border-bottom: 1px solid #fff
}
.closes {
padding-top: 16px!important;
max-block-size: 5px!important
}
.all-parts .head-block h2 a {
display: none
}
.all-parts .head-block .search-bar {
float: none;
border-bottom: 1px solid #9f9f9f;
padding: 0 0 20px 0
}
.all-parts .head-block .search-bar .block {
width: 100%
}
.all-parts .head-block .search-bar .block input[type=text] {
width: 100% !important;
font-size: 30px !important;
}
.all-parts .head-block .search-bar .block input[type=text]::-webkit-input-placeholder {
color: #000
}
.all-parts .head-block .search-bar .block input[type=text]:-ms-input-placeholder {
color: #000
}
.all-parts .head-block .search-bar .block input[type=text]::placeholder {
color: #000
}
.all-parts .parts-items .content .img {
width: auto;
cursor: inherit
}
.all-parts .parts-items .content .img-lists .img {
width: auto
}
.all-parts .parts-items .content .location-price .price {
font-size: 26px;
line-height: 28px
}
.all-parts .parts-items .content .location-price .price em {
font-size: 16px;
line-height: 20px
}
.all-parts .parts-items .content .lists {
font-size: 16px
}
.all-parts .bottom-links a.left-link {
display: none
}
.all-parts.last .parts-items {
margin: 0 0 70px 0
}
.breadcrumb {
margin: 10px 0 15px
}
.breadcrumb ul li span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100px
}
.categoryPage .mainContent .mobile-heading {
font-size: 20px;
line-height: 24px;
text-transform: uppercase;
color: #333;
font-weight: 900;
display: block;
margin: 0 0 20px 0
}
.categoryPage .mainContent .mobilefilters {
display: block;
background: #fff; /* body-header-color;*/
right: -100%;
float: none;
height: 100vh;
transition: .4s;
position: fixed;
top: 0;
width: 100%;
box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
z-index: 99;
padding: 0
}
.categoryPage .mainContent .mobilefilters .mwrap {
max-height: calc(100vh - 55px);
overflow-y: auto
}
.categoryPage .mainContent .mobilefilters p.mNavHeading {
display: block;
background: #001f80;
background: #000089 !important; /* header-search-icon-color;*/
/* background: #000089 !important; /* header-search-icon-color;*/
/* background: #000089 !important; /* header-search-icon-color;*/
margin: 0;
color: #fff;
font-size: 24px;
line-height: 26px;
text-align: center;
padding: 18px 10px 18px
}
.categoryPage .mainContent .mobilefilters p.mNavHeading i {
text-align: center;
float: right;
cursor: pointer;
position: relative;
z-index: 9;
width: 30px;
height: 30px
}
.categoryPage .mainContent .mobilefilters .filter, .categoryPage .mainContent .mobilefilters .selected {
padding: 0 15px
}
.categoryPage .mainContent .mobilefilters.open {
right: 0
}
.categoryPage .mainContent .mobilefilters .filter {
padding: 12px 15px 0
}
.categoryPage .mainContent .mobilefilters .filter h4 {
color: #333; /* search-filter-head-text-color;*/
text-transform: uppercase;
background: 0;
padding: 0
}
.categoryPage .mainContent .mobilefilters .filter ul.filter-list.subcategory {
padding: 0 0 0 15px
}
.categoryPage .mainContent .mobilefilters .filter ul.filter-list.subcategory a.toggle {
color: #333;
font-weight: 700;
padding: 5px 0
}
.categoryPage .mainContent .mobilefilters .filter ul.filter-list.subcategory a.toggle:after {
content: '\f105';
font-weight: 500;
color: #000; /* content-text-color;*/
}
.categoryPage .mainContent .mobilefilters .filter ul.filter-list.subcategory a.toggle.show:after {
content: '\f107'
}
.categoryPage .mainContent .mobilefilters .filter ul.filter-list ul.inner li a.moreless {
display: block
}
.categoryPage .mainContent .mobilefilters .filter ul.filter-list ul.inner li a.moreless:after {
content: '\f105';
font-weight: 500;
font-size: 20px
}
.categoryPage .mainContent .mobilefilters .filter.subfilter ul.filter-list a.toggle {
background: 0;
border-top: 1px solid #333;
color: #333;
text-transform: uppercase;
font-size: 16px
}
.categoryPage .mainContent .mobilefilters .filter.subfilter ul.filter-list a.toggle:after {
color: #000; /* content-text-color*/
}
.categoryPage .mainContent .mobilefilters .filter.subfilter ul.filter-list a.toggle i {
color: #333
}
.categoryPage .mainContent .mobilefilters .filter.subfilter ul.filter-list ul.inner {
margin: 0 0 12px 0
}
.categoryPage .mainContent .mobilefilters .filter.subfilter ul.filter-list ul.inner li>a.toggle {
border: 0;
padding: 0
}
.categoryPage .mainContent .mobilefilters .filter.subfilter ul.filter-list ul.inner li>a.toggle:after {
content: '\f105'
}
.categoryPage .mainContent .mobilefilters .filter.subfilter ul.filter-list ul.inner li>a.toggle.show:after {
content: '\f106'
}
.categoryPage .mainContent .mobilefilters .filter.subfilter ul.filter-list ul.inner li ul.inner {
margin: 12px 0
}
.categoryPage .mainContent .mobilefilters .filter.subfilter ul.filter-list .inner {
margin: 0 0 12px 0
}
.categoryPage .mainContent .mobilefilters .filter.subfilter h4 {
font-weight: 400;
text-transform: none;
margin: 0 0 10px 0
}
.categoryPage .mainContent .mobilefilters .selected {
margin: 0 0 15px 0
}
.categoryPage .mainContent .sidebar {
max-width: 100%;
margin: 0
}
/* .categoryPage .mainContent .search-bar label { */
/* display: none */
/* } */
.categoryPage .mainContent .search-bar .block input[type=text]::-webkit-input-placeholder {
color: #000;
display: block
}
.categoryPage .mainContent .search-bar .block input[type=text]:-ms-input-placeholder {
color: #000;
display: block
}
.categoryPage .mainContent .search-bar .block input[type=text]::placeholder {
color: #000;
display: block
}
.categoryPage .all-parts .head-block .sorting-pagination {
margin: 0
}
.categoryPage .all-parts .head-block .sorting-pagination .btn {
border-radius: 0;
font-size: 14px;
padding: 4px 20px;
background-color: #0027a3 !important; /*title-color;*/
border-color: #0027a3 !important; /*title-color;*/
display: block;
overflow: hidden
}
.categoryPage .all-parts .head-block .sorting-pagination .btn:active, .categoryPage .all-parts .head-block .sorting-pagination .btn:focus, .categoryPage .all-parts .head-block .sorting-pagination .btn:hover {
outline: 0;
box-shadow: none;
text-decoration: none;
background-color: #0027a3; /*title-color;*/
border-color: #0027a3; /*title-color;*/
}
.categoryPage .all-parts .head-block .sorting-pagination .btn i {
margin: 0 5px 0 0;
display: inline-block
}
.categoryPage .all-parts .head-block .sorting-pagination .btn.sticky {
position: fixed;
height: 40px;
line-height: 32px;
left: 0;
right: 0;
width: 100%;
max-width: 170px;
margin: 0 auto 5px auto;
font-size: 16px;
bottom: 0;
z-index: 2;
font-weight: 700;
text-transform: uppercase
}
.categoryPage .all-parts .head-block .sorting-pagination .paging-info {
display: none!important
}
.categoryPage .all-parts .head-block .sorting-pagination .pagination {
display: none!important
}
.categoryPage .all-parts .head-block .sorting-pagination .sort-block {
margin-left: auto!important
}
.categoryPage .all-parts .parts-items .row {
margin: 0 -15px
}
.categoryPage .all-parts .content {
margin: 0 0 30px 0
}
.product-heading {
font-size: 22px;
line-height: 26px
}
#thumbs {
display: none!important
}
.bottom-content {
margin-bottom: 20px
}
}
@media(max-width:767px) {
@supports (-webkit-touch-callout: none) {
.categoryPage .mainContent .mobilefilters .mwrap {
max-height: calc(100vh - 20%);
overflow-y: auto
}
}
}
@media(max-width:767px) {
/* .product-img {
/* height: 223px !important;
/* }*/
.categoryPage .search-bar .block {
width: 86%;
}
.product-list {
position: absolute;
right: 15px;
bottom: 23px;
}
}
@media(max-width:767px) {
footer .lower .copyright .other-links a {
display: block;
padding: 5px 0;
margin-top: 0;
font-size: 14px
}
footer .lower .copyright a {
margin: 0;
padding: 0
}
footer .lower .copyright span {
font-size: 14px
}
footer .upper ul li {
padding: 0 0 0 36px;
margin-bottom: 10px
}
footer .upper {
margin: 0 0 23px 0
}
footer .upper img {
max-width: 300px;
margin-bottom: 20px
}
footer .lower .content section {
font-size: 16px;
margin: 0;
padding: 8px 0
}
footer .lower .content section.linkHeading {
position: relative;
cursor: pointer;
border-bottom: 1px solid #e8e8e8;
margin-top: 0;
background: #ebebeb; /* footer-tab-color;*/
padding: 10px 15px
}
footer .lower .content section.linkHeading:after {
content: '\f107';
font-family: "Font Awesome 5 Pro";
width: inherit;
height: inherit;
position: absolute;
right: 15px;
top: 10px;
font-weight: 700;
font-size: 22px
}
footer .lower .content section.linkHeading.active:after {
content: '\f106'
}
footer .lower .content ul.links {
margin: 0 0 20px 0
}
footer .lower .content ul.social-links li {
margin: 0 8px 0 0
}
footer .lower .content ul.social-links li a i {
font-size: 24px;
color: #000;
display: block
}
footer .lower .content section.linkHeading+.links {
padding: 0 15px
}
footer .lower .content section.linkHeading+ul.links {
display: none;
padding: 10px 15px;
margin: 0;
border-bottom: 1px solid #ccc
}
footer .lower .copyright {
margin: 20px 0 0 0;
padding-bottom: 20px
}
footer .lower .content ul.links li .dayname {
width: 150px
}
}
@media(max-width:767px) {
/* .product-img {
/* height: 223px !important;
/* }*/
.content .img {
width: auto;
cursor: inherit
}
.product-list {
position: absolute;
right: 15px;
bottom: 23px;
}
.content .location-price .price {
font-size: 26px;
line-height: 28px
}
.content .location-price .price em {
font-size: 16px;
line-height: 20px
}
.content .lists {
font-size: 16px
}
}
@media(max-width:767px) {
.tab_drawer_heading {
display: block !important;
color: #000; /* content-text-color;*/
}
.tab_drawer_heading:after {
color: #000; /* content-text-color;*/
}
.tab_content p {
font-size: 14px;
}
.product-details .mainContent .lower .content h3 {
font-size: 16px;
margin: 15px 0 0 0;
padding: 8px 0
}
.product-details .mainContent .lower .content h3.linkHeading1 {
position: relative;
cursor: pointer;
border-top: 1px solid #9b9b9b;
margin-top: 0
}
.product-details .mainContent .lower .content h3.borderbottom {
border-bottom: 1px solid #9b9b9b;
}
.product-details .mainContent .lower .content h3.linkHeading1:after {
content: '\f105';
font-family: "Font Awesome 5 Pro";
width: inherit;
height: inherit;
position: absolute;
right: 0;
top: 0px;
font-weight: 300;
font-size: 28px
}
.product-details .mainContent .lower .content h3.linkHeading1.active {
border-bottom: 0
}
.product-details .mainContent .lower .content h3.linkHeading1.active:after {
content: '\f106'
}
.product-details .mainContent .lower .content p {
width: 100%
}
.product-details .mainContent .lower .content ul.links {
margin: 0 0 20px 0
}
.product-details .mainContent .lower .content ul.links li.faq {
padding: 0 0 0 25px
}
.product-details .mainContent .lower .content ul.companies.mb-30 {
margin: 0 0 20px 0
}
.product-details .mainContent .lower .content ul.companies.mb-30 li {
margin: 0 0 5px 0
}
.product-details .mainContent .lower .content ul.companies.second li {
display: block
}
.product-details .mainContent .lower .content h3.linkHeading1+ul.links {
display: none;
border-bottom: 1px solid #9b9b9b;
padding-bottom: 15px
}
.product-details .mainContent .lower .content .mwd50 {
width: 49%;
display: inline-block;
vertical-align: top
}
.product-details .mainContent .lower .mbMargin {
margin-left: -30px;
margin-right: -30px;
margin-bottom: 18px;
}
.tab_content {
display: none;
border-top: 0px solid #9b9b9b;
padding: 8px 5px
}
.tab_content ul.accordion li a.toggle {
width: 100%;
display: block;
color: #000;
border-radius: 0;
-webkit-transition: background .3s;
transition: background .3s;
position: relative;
text-decoration: none;
padding: 0
}
.tab_content ul.accordion li a.toggle:before {
content: '\f067';
font-family: "Font Awesome 5 Pro";
position: absolute;
left: -20px;
top: 0;
font-size: 12px
}
.tab_content ul.accordion li a.toggle.show:before {
content: '\f068'
}
.tab_content ul.accordion {
list-style: none;
padding: 0;
float: left;
margin: 0 20px
}
.tab_content ul.listSpecification {
margin: 0 20px
}
.bottom-content {
margin-top: 20px;
}
.lower {
display: block;
}
}
@media (min-width:1024px) {
.img-content {
width: 225px;
}
}