@charset "UTF-8";
/*-----------------------------------------------------------------------------------
Theme Name: Smartshop - Multipurpose eCommerce Template
Description: Multipurpose eCommerce Template
Author: Chitrakoot Web
Version: 1.0
-----------------------------------------------------------------------------------*/
/* ----------------------------------
01. Common styles
02. Button styles
03. Section heading
04. Topbar
05. Navigation
06. Page title
07. Product categories
08. Product grid and list
09. Product detail
10. Shop cart
11. Process stpes
12. My account
13. Tables
14. Order tracking steps
15. Client section
16. Video
17. Form styles
18. Counter style
19. Owl carousel
20. Price ranger
21. Accordion style
22. Element listing
23. Progress bars
24. Tabs
25. Countdown
26. Offer banner slider
27. Pages
28. Newsletter
29. Contact info
30. Blog
31. Footer
32. Copy Elements
33. Ribbon Elements
34. Pricing Estimate
---------------------------------- */
/* ===================================
Common styles
====================================== */
/* loader */
#preloader {
position: fixed;
left: 0;
top: 0;
z-index: 9999999;
width: 100%;
height: 100%;
overflow: visible;
background: #fff;
display: table;
text-align: center; }
.loader {
display: table-cell;
vertical-align: middle;
position: relative;
width: 200px;
height: 200px; }
.loader-icon {
width: 80px;
height: 80px;
border: 5px solid #03a9f5;
border-right-color: #eee;
border-radius: 50%;
position: relative;
animation: loader-rotate 1s linear infinite;
margin: 0 auto; }
@keyframes loader-rotate {
0% {
transform: rotate(0); }
100% {
transform: rotate(360deg); } }
/* theme color and basic options */
body {
overflow-x: hidden; }
a:hover, a:active, a:focus {
color: #03a9f5;
text-decoration: none;
outline: none; }
.img-style {
padding: 5px;
border: 1px solid #e8e8e8;
border-radius: 4px; }
.lead {
font-size: 16px;
line-height: 30px;
font-weight: 500; }
.max-width-500 {
max-width: 500px; }
.height-300 {
height: 300px; }
.bd-example button, .bd-example .btn-group {
margin-top: .25rem;
margin-bottom: .25rem; }
.bg-theme {
background-color: #03a9f5; }
.theme-overlay[data-overlay-dark]:before, .theme-overlay[data-overlay-light]:before {
background: #03a9f5; }
.text-theme-color {
color: #03a9f5; }
.line-through {
text-decoration: line-through; }
@media screen and (min-width: 1200px) {
.container {
max-width: 1170px;
width: 100%; } }
@media screen and (max-width: 767px) {
.lead {
font-size: 15px; } }
/* primary listing */
.primary-list {
padding-left: 0; }
.primary-list li {
font-size: 14px;
font-weight: 500;
margin-bottom: 15px;
list-style-type: none;
position: relative;
padding: 0 0 0 20px; }
.primary-list li:last-child {
margin-bottom: 0; }
.primary-list li:before {
content: '\e649';
font-weight: 700;
font-family: 'themify';
padding: 0 8px 0 0;
font-size: 10px;
position: absolute;
left: 0;
top: 0; }
.primary-list li i {
color: #03a9f5;
padding-right: 10px; }
/* default listing */
.default-list {
list-style-position: inside;
margin-bottom: 20px; }
.default-list li {
list-style: inside; }
/* discount listing */
.side-bar .widget .list-discount li {
border-bottom: none;
padding: 0 0 0 24px;
margin-bottom: 12px; }
.side-bar .widget .list-discount li:before {
content: none; }
/* list-style-16 */
.list-style-16 li:after {
color: #03a9f5; }
/* scroll to top */
.scroll-to-top {
font-size: 20px;
text-align: center;
color: #fff;
text-decoration: none;
position: fixed;
bottom: 20px;
right: 20px;
display: none;
border-radius: 50%;
background: #000;
border: 1px solid #2a2a2a;
width: 35px;
height: 35px;
line-height: 30px;
z-index: 9999;
outline: 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all 0.3s ease; }
.scroll-to-top i {
color: #fff; }
.scroll-to-top:hover {
color: #232323;
background: #fff; }
.scroll-to-top:hover i {
color: #232323; }
.scroll-to-top:visited {
color: #232323;
text-decoration: none; }
@media screen and (max-width: 575px) {
.no-mobile-margin-15px-bottom {
margin-bottom: 0 !important; }
.mobile-margin-15px-bottom {
margin-bottom: 15px; }
.mobile-margin-20px-bottom {
margin-bottom: 20px; }
.mobile-margin-25px-bottom {
margin-bottom: 25px; }
.mobile-margin-30px-bottom {
margin-bottom: 30px; }
.mobile-margin-35px-bottom {
margin-bottom: 35px; } }
/* common block and inner title */
.inner-title {
border-bottom: 1px solid rgba(0, 0, 0, 0.09);
margin-bottom: 35px;
padding-bottom: 15px; }
.inner-title h1, .inner-title h2, .inner-title h3, .inner-title h4, .inner-title h5, .inner-title h6 {
font-weight: 500; }
.inner-title h3, .inner-title h4 {
font-size: 26px;
font-weight: 500; }
.common-block {
padding: 35px;
border: 1px solid rgba(0, 0, 0, 0.09);
border-radius: 4px; }
@media screen and (max-width: 991px) {
.inner-title {
margin-bottom: 30px; }
.inner-title h3, .inner-title h4 {
font-size: 24px; }
.common-block {
padding: 30px; } }
@media screen and (max-width: 575px) {
.inner-title h3, .inner-title h4 {
font-size: 22px; }
.common-block {
padding: 25px; } }
/* ===================================
Button styles
====================================== */
/* button style 1*/
.butn-style1 {
display: inline-block !important;
font-size: 12px;
padding: 8px 16px;
border: 2px solid #222;
letter-spacing: .5px;
line-height: 24px;
color: #232323;
border-radius: 0;
text-transform: uppercase;
width: auto;
font-family: 'Poppins', sans-serif;
font-weight: 600;
transition-duration: 0.3s;
transition-timing-function: ease-in-out; }
.butn-style1.large {
font-size: 14px;
padding: 12px 20px;
border: 2px solid #222;
line-height: 26px; }
.butn-style1.small {
font-size: 11px;
padding: 6px 14px;
border-width: 1px;
line-height: 20px; }
.butn-style1:hover, .butn-style1:active, .butn-style1:focus {
background: #03a9f5;
color: #fff;
border-color: #03a9f5; }
.butn-style1.fill {
background-color: #03a9f5;
border: 2px solid #03a9f5;
color: #fff !important; }
.butn-style1.fill:hover, .butn-style1.fill:active, .butn-style1.fill:focus {
background: #fff;
color: #03a9f5 !important;
border-color: #03a9f5; }
/* button style 2*/
.butn-style2 {
display: inline-block;
font-size: 14px;
padding: 6px 18px;
border: 2px solid #03a9f5;
background: #03a9f5;
color: #fff !important;
letter-spacing: .5px;
line-height: 26px;
border-radius: 4px;
width: auto;
font-family: 'Poppins', sans-serif;
font-weight: 600;
transition-duration: 0.3s;
transition-timing-function: ease-in-out; }
.butn-style2.small {
padding: 2px 12px;
text-transform: capitalize;
border-radius: 4px;
font-size: 90%;
display: inline-block; }
.butn-style2.medium {
padding: 6px 18px;
border-radius: 4px;
text-transform: capitalize; }
.butn-style2.large {
padding: 12px 20px;
font-size: 16px; }
.butn-style2.wide {
padding: 6px 22px; }
.butn-style2:hover, .butn-style2:active, .butn-style2:focus {
background: #fff;
color: #03a9f5 !important;
border: 2px solid #03a9f5;
box-shadow: none; }
.butn-style2.dark {
background: #232323;
border: 2px solid #232323; }
.butn-style2.dark:hover, .butn-style2.dark:active, .butn-style2.dark:focus {
border-color: #232323;
background-color: #fff;
color: #232323 !important; }
.butn-style2.white {
border-color: #fff;
background-color: #fff;
color: #03a9f5 !important; }
.butn-style2.white:hover, .butn-style2.white:active, .butn-style2.white:focus {
border-color: #fff;
background-color: #fff;
color: #03a9f5 !important; }
/* ===================================
Section heading
====================================== */
.section-heading {
margin-bottom: 50px;
text-align: left;
display: inline-block;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
font-size: 26px;
width: 100%; }
.section-heading h1, .section-heading h2, .section-heading h3, .section-heading h4, .section-heading h5, .section-heading h6 {
position: relative;
padding-bottom: 5px;
font-weight: 500;
margin-bottom: 10px;
position: relative;
line-height: 140%;
display: inline-block; }
.section-heading h1:after, .section-heading h2:after, .section-heading h3:after, .section-heading h4:after, .section-heading h5:after, .section-heading h6:after {
content: '';
display: block;
width: 100%;
height: 3px;
background: #03a9f5;
margin: 0 auto;
position: absolute;
left: 0;
right: inherit;
bottom: -12px; }
.section-heading.medium {
margin-bottom: 40px; }
.section-heading.medium h1, .section-heading.medium h2, .section-heading.medium h3, .section-heading.medium h4, .section-heading.medium h5, .section-heading.medium h6 {
font-size: 20px;
padding-bottom: 5px;
margin-bottom: 5px; }
.section-heading.medium h1:after, .section-heading.medium h2:after, .section-heading.medium h3:after, .section-heading.medium h4:after, .section-heading.medium h5:after, .section-heading.medium h6:after {
bottom: -6px;
height: 2px; }
@media screen and (max-width: 991px) {
.section-heading {
margin-bottom: 40px; }
.section-heading.medium {
margin-bottom: 30px; }
.section-heading.medium h1, .section-heading.medium h2, .section-heading.medium h3, .section-heading.medium h4, .section-heading.medium h5 {
font-size: 18px; } }
/* section heading style2 */
.line-title {
position: relative;
margin-bottom: 30px; }
.line-title:after {
overflow: hidden;
content: '';
background: rgba(0, 0, 0, 0.08);
height: 1px;
width: 100%;
position: absolute;
left: 0;
top: 13px; }
.line-title h4 {
position: relative;
font-size: 16px;
background: #fff;
padding-right: 15px;
margin-bottom: 0;
z-index: 9;
display: inline-block; }
@media screen and (max-width: 767px) {
.line-title {
margin-bottom: 25px; } }
/* ===================================
Topbar
====================================== */
.top-bar-info {
display: inline-block;
vertical-align: middle; }
.top-bar-info ul {
margin-bottom: 0; }
.top-bar-info li {
font-weight: 600;
list-style-type: none;
font-size: 14px;
padding-right: 15px;
display: inline-block;
margin-bottom: 0; }
.top-bar-info li:last-child {
padding-right: 0; }
#top-bar {
display: block;
position: relative;
z-index: 999;
background: #f5f5f5;
padding: 7px 0; }
.top-bar-info li i {
color: #03a9f5;
margin-top: 0;
display: inline-block;
font-size: 16px;
vertical-align: middle; }
@media screen and (max-width: 575px) {
.top-bar-info li {
padding-right: 10px; } }
.insurance-dropdown{
width:auto;
}
.parts-btn{
height: 50px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color:#03a9f5;
}
.parts-tbl-respo tbody th,
.parts-tbl-respo tbody td{
font-size:14px;
}
.parts-tbl-respo thead tr{
background: #707070 !important;
color: #fff;
font-size:16px;
}
.parts-tbl-respo
.btn.btn-outline-success{
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
@media only screen and (max-width:520px){
.parts-form.form-row{
display:block !important;
}
}
/* ===================================
vision-insurance-provider
====================================== */
.provision-vision-breadcrumb
{
padding: 9px 0 7px;
position: relative;
font-size: 11px;
color: #d2d2d4;
border-bottom: 1px solid #e8e9eb;
background: #fafafb;
}
.provision-vision-breadcrumb .breadcrumb{
background: transparent;
margin-bottom: 0;
padding: 0;
}
.back-btn{
background: #F2F2F4;
border-color: #ccc;
margin-bottom: 15px;
color:#333 !important;
}
.back-btn:focus{
box-shadow:none;
}
.back-btn:hover{
background-color: #e6e6e6;
}
.provision-vision-breadcrumb .breadcrumb-item.active{
color:#007bff;
}
.list-details .fa {
margin-right: 0.5em;
}
.list-details .fa-file-pdf{
margin-right: 1em;
}
.list-details li a{
color:#007bff;
}
.download-btn{
border-color: #acc6ed;
background-color: #ebf5ff;
color: #274777;
margin-bottom:15px
}
.single-provision-sec address,
.fax-number{
font-weight: bold;
}
.font-bold{
font-weight: bold;
}
.single-provision-sec a{
color:#007bff;
}
.vision-banner-section{
background: #f9f9f9;
}
/* ===================================
Navigation
====================================== */
/* top nav */
header .top-nav {
text-align: right;
margin-bottom: 0; }
header .top-nav > li {
display: inline-block;
margin-left: 15px; }
header .top-nav > li:first-child {
margin-left: 0; }
header .top-nav .dropdown-menu {
min-width: 12rem;
font-size: 14px; }
header .top-nav .dropdown-menu li a:hover {
background: none;
color: #03a9f5; }
header .top-nav .dropdown-menu li:last-child a {
padding-bottom: 0; }
header .top-nav .dropdown-item {
padding: .25rem 0; }
header .top-nav select {
padding: 2px 5px;
margin: 0; }
header .top-nav li i {
font-size: 16px; }
/* product search */
.product-search {
width: 100%;
margin-top: 7px; }
.product-search .psearch-content {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
width: 100%; }
.product-search .product-cat {
width: auto;
float: left;
position: relative;
height: 42px;
line-height: 42px;
border: 1px solid rgba(0, 0, 0, 0.125);
padding-right: 8px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px; }
.product-search .product-cat select {
width: auto;
height: 39px;
border: none;
border-right: 0;
outline: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
cursor: pointer; }
.product-search .products-search {
width: 100%; }
.product-search .products-search.searching .search-submit:before {
opacity: 0; }
.product-search .search-wrapper {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: relative; }
.product-search .search-field {
float: left;
height: 42px;
line-height: 42px;
border-top: 1px solid rgba(0, 0, 0, 0.125);
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
border-right: none;
border-left: none;
padding-right: 20px;
padding-left: 20px;
position: relative;
width: 100%;
border-radius: 0; }
.product-search .search-submit {
float: right;
height: 42px;
line-height: 42px;
padding-left: 20px;
padding-right: 20px;
min-width: 100px;
padding-top: 0;
padding-bottom: 0;
background-color: #03a9f5;
border: none;
font-weight: 700;
color: #fff;
border-radius: 0 4px 4px 0;
white-space: nowrap; }
@media screen and (min-width: 992px) {
header .attr-nav li i {
font-size: 26px; } }
@media screen and (max-width: 1199px) {
header .attr-nav li i {
font-size: 22px; } }
@media screen and (max-width: 991px) {
.product-search .search-submit {
min-width: auto; } }
@media screen and (max-width: 575px) {
header .top-nav select {
width: 65px; }
header .top-nav > li {
margin-left: 8px; }
header .attr-nav li i {
font-size: 18px; }
.product-search .product-cat select {
width: 100px; } }
/* ===================================
Page title
====================================== */
.page-title-section {
background-size: cover;
background-position: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding: 90px 0; }
.page-title-section .title-info {
width: 100%;
display: block;
vertical-align: middle;
margin-bottom: 15px; }
.page-title-section .breadcrumbs-info {
text-align: left;
white-space: nowrap;
width: 100%;
display: block;
vertical-align: middle; }
.page-title-section h1 {
font-size: 36px;
font-weight: 600;
letter-spacing: 1px;
line-height: 1.2;
color: #22222b;
margin-bottom: 0; }
.page-title-section ul {
margin-bottom: 0; }
.page-title-section ul li {
display: inline-block; }
.page-title-section ul li:last-child a {
color: #03a9f5; }
.page-title-section ul li:after {
content: '\e649';
font-weight: 700;
vertical-align: middle;
color: #616161;
font-family: 'themify';
padding: 0 6px 0 10px;
font-size: 10px; }
.page-title-section ul li:last-child:after {
content: none; }
.page-title-section ul li a {
color: #616161;
font-size: 14px;
font-weight: 600; }
.page-title-section .active a, .page-title-section li.active:last-child a {
color: #fff; }
@media screen and (max-width: 1199px) {
.page-title-section {
padding: 70px 0; }
.page-title-section h1 {
font-size: 34px; } }
@media screen and (max-width: 991px) {
.page-title-section {
padding: 50px 0; }
.page-title-section h1 {
font-size: 30px; } }
@media screen and (max-width: 767px) {
.page-title-section .title-info {
margin-bottom: 10px; }
.page-title-section h1 {
font-size: 28px; } }
/* ===================================
Product categories
====================================== */
/*categories banner*/
.categories-banner {
position: relative;
overflow: hidden; }
.categories-banner .offer-img:before {
content: "";
height: 0;
width: 0;
position: absolute;
background: rgba(255, 255, 255, 0.61) none repeat scroll 0 0;
top: 0;
left: 0;
margin: auto;
pointer-events: none;
opacity: 1; }
.categories-banner .offer-img:after {
content: "";
height: 0;
width: 0;
position: absolute;
background: rgba(255, 255, 255, 0.61) none repeat scroll 0 0;
bottom: 0;
right: 0;
pointer-events: none;
opacity: 1; }
.categories-banner:hover .offer-img:before, .categories-banner:hover .offer-img:after {
transition-duration: 1.3s;
height: 100%;
width: 100%;
opacity: 0; }
.categories-banner .categories-details {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-transform: capitalize;
text-align: left;
width: 100%;
padding: 0 35px; }
/* categories-02 */
.categories-style li {
display: inline-block;
vertical-align: middle;
margin-right: 15px;
font-size: 14px;
font-weight: 600;
position: relative; }
.categories-style li:after {
content: "-";
font-size: 23px;
font-weight: 400;
width: 10px;
display: inline-block;
padding-left: 10px;
vertical-align: middle;
margin-top: -6px; }
.categories-style li:last-child:after {
content: none; }
/* common banner hover */
.banner-hover:before {
content: "";
height: 0;
width: 0;
position: absolute;
background: rgba(255, 255, 255, 0.61) none repeat scroll 0 0;
top: 0;
left: 0;
margin: auto;
pointer-events: none;
opacity: 1; }
.banner-hover:after {
content: "";
height: 0;
width: 0;
position: absolute;
background: rgba(255, 255, 255, 0.61) none repeat scroll 0 0;
bottom: 0;
right: 0;
pointer-events: none;
opacity: 1; }
.banner-hover:hover:before, .banner-hover:hover:after {
transition-duration: 1.3s;
height: 100%;
width: 100%;
opacity: 0; }
@media screen and (max-width: 991px) {
.categories-banner .categories-details {
padding: 0 25px; } }
@media screen and (max-width: 575px) {
.categories-banner .categories-details {
padding: 0 15px; } }
/*product card*/
.product-card {
position: relative;
border: 1px solid rgba(0, 0, 0, 0.08);
text-align: center;
border-radius: 4px;
height: 100%; }
.product-card-img {
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
.product-card .inner {
display: table;
width: 100%; }
.product-card .main-img {
display: table-cell;
width: 65%;
padding: 5px;
vertical-align: middle; }
.product-card .thumblist {
width: 35%;
vertical-align: middle;
display: table-cell;
border-left: 1px solid rgba(0, 0, 0, 0.09); }
.product-card .thumblist > img {
padding: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
.product-card .thumblist > img:last-child {
border-bottom: none; }
.product-card .product-card-detail {
text-align: center;
padding: 15px 10px;
height: calc(100% - 183px);
display: table;
width: 100%;
word-break: break-word; }
.product-card.large .product-card-detail {
height: calc(100% - 400px); }
.product-card .product-card-detail h3 {
font-size: 16px;
margin-bottom: 10px;
word-spacing: 3px;
letter-spacing: 0.5px;
text-transform: capitalize;
display: table-cell;
height: 100%;
vertical-align: middle;
font-weight: 500; }
.product-card .product-card-detail .card-label {
display: inline-block;
padding: 2px 4px;
border: 1px solid #e5e5e5;
border-radius: 3px;
background-color: #f5f5f5;
color: #232323;
vertical-align: middle; }
@media screen and (max-width: 1199px) {
.product-card.large .product-card-detail {
height: calc(100% - 329px); }
.product-card .product-card-detail {
height: calc(100% - 149px); } }
@media screen and (max-width: 991px) {
.product-card .product-card-detail h3 {
font-size: 15px; } }
@media screen and (max-width: 767px) {
.product-card.large .product-card-detail, .product-card .product-card-detail {
height: auto; } }
@media screen and (max-width: 575px) {
.product-card .thumblist > img {
padding: 10px; } }
/* ===================================
Product grid and list
====================================== */
/* product grid */
.product-grid {
position: relative;
overflow: hidden;
padding: 15px;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.08); }
.product-grid .product-img {
padding: 0 0 15px 0; }
.product-grid .product-description {
padding: 35px 0;
text-align: center;
border-top: 1px solid rgba(0, 0, 0, 0.05); }
.product-grid .product-description h3 {
font-size: 16px;
margin-bottom: 10px;
word-spacing: 3px;
letter-spacing: 0.5px;
text-transform: capitalize;
font-weight: 500; }
.product-grid .product-description .price {
margin-bottom: 0;
font-size: 16px;
font-weight: 500; }
.product-grid .product-description .regular-price {
color: #03a9f5;
margin-right: 10px; }
.product-buttons .btn-link {
line-height: 38px;
padding: 0 13px;
display: block;
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.125);
text-align: center;
text-decoration: none;
font-weight: 600;
font-size: 16px;
color: #616161 !important; }
.product-buttons .btn-link:hover {
border: 1px solid #03a9f5;
background: #03a9f5;
color: #fff !important; }
.product-buttons .butn-style2 {
padding: 5px 12px;
font-size: 12px;
color: #616161 !important;
border: 2px solid rgba(0, 0, 0, 0.125);
background: #fff; }
.product-buttons .butn-style2:hover {
color: #fff !important;
background: #03a9f5;
border-color: #03a9f5; }
.product-buttons ul {
margin-bottom: 0; }
.product-buttons ul li {
display: inline-block;
margin-right: 5px;
vertical-align: middle; }
.product-buttons ul li:last-child {
margin-right: 0; }
.product-buttons .product-button:hover, .product-buttons .product-button-big:hover {
background: #f5f5f5; }
@media screen and (max-width: 767px) {
.product-grid .product-description {
padding: 25px 0; }
.product-grid .product-description h3, .product-grid .product-description .price {
font-size: 15px; }
.product-buttons .btn-link {
padding: 0 12px; } }
/* product-grid style two */
.product-grid-two {
position: relative; }
.product-grid-two .product-img {
margin-bottom: 20px;
text-align: center; }
.product-grid-two:hover .product-hover {
margin-top: -50px;
opacity: 1;
visibility: visible; }
.product-grid-two:hover .product-block {
opacity: 0;
visibility: hidden; }
.product-grid-two .product-hover {
width: 100%;
position: absolute;
opacity: 0;
visibility: hidden;
transition: .4s all;
background: #fff;
z-index: 99; }
.product-grid-two .product-hover a {
display: block;
font-size: 16px; }
.product-grid-two .product-block {
position: relative;
text-align: center; }
.product-grid-two .product-block a {
font-size: 16px;
font-weight: 700;
color: #232323; }
.product-grid-two .product-block .price {
font-size: 16px;
display: block;
color: #232323;
font-weight: 700; }
.product-grid-two .cart-button {
border: 0;
padding: 0;
text-align: left;
background: transparent;
position: relative;
letter-spacing: 0; }
.product-grid-two:hover a.cart-button {
-webkit-transition-delay: 50ms;
-o-transition-delay: 50ms;
transition-delay: 50ms; }
.product-grid-two .cart-button a {
color: #232323;
font-weight: 700;
border-bottom: 2px solid #03a9f5; }
.product-grid-two .cart-button .btn-group a {
margin-left: 15px; }
.product-grid-two .btn-group a {
border: none; }
.product-grid-two .btn-group i {
font-size: 18px; }
@media screen and (max-width: 991px) {
.product-grid-two .product-hover a {
font-size: 14px; }
.product-grid-two .product-block a, .product-grid-two .product-block .price {
font-size: 14px; } }
/* product list*/
.product-listing {
margin-bottom: 30px;
border: 1px solid rgba(0, 0, 0, 0.09);
border-radius: 4px; }
.product-listing .product-img {
border-right: 1px solid rgba(0, 0, 0, 0.09);
height: 100%;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
padding: 15px; }
.product-listing .product-list {
padding: 30px;
height: 100%; }
.product-listing .product-list h3 {
font-size: 18px;
margin-bottom: 10px;
word-spacing: 3px;
letter-spacing: 0.5px;
text-transform: capitalize;
font-weight: 600; }
.product-listing .product-description .price {
margin-bottom: 15px;
font-size: 16px;
font-weight: 500; }
.product-listing .product-description .regular-price {
color: #03a9f5;
margin-right: 10px; }
@media screen and (max-width: 767px) {
.product-listing .product-img {
padding: 5px; }
.product-listing .product-list {
padding: 25px; }
.product-listing .product-list h3 {
font-size: 16px; } }
@media screen and (max-width: 575px) {
.product-listing .product-img {
border-bottom: 1px solid rgba(0, 0, 0, 0.09);
border-right: none;
padding: 15px;
border-top-left-radius: 0;
border-bottom-left-radius: 0; } }
.product-list .product-block:hover > img {
opacity: 0.65; }
.product-list .buttons {
float: left;
width: 100%; }
.product-list .buttons a {
float: left;
text-align: center;
padding: 8px 23px; }
.product-list .buttons a:hover {
opacity: 0.8; }
/* product-items */
.product-items {
width: 100%;
display: inline-block;
margin-bottom: 20px;
border: 1px solid rgba(0, 0, 0, 0.08);
padding: 15px; }
.product-items:last-child {
margin-bottom: 0; }
.product-items .thumb-img {
border-right: 1px solid rgba(0, 0, 0, 0.08); }
.product-items-img {
width: 30%;
float: left;
border-right: 1px solid rgba(0, 0, 0, 0.05);
padding-right: 15px; }
.product-items-text {
width: 70%;
display: inline-block;
padding-left: 18px; }
.product-items-text .regular-price {
font-size: 14px;
color: #03a9f5; }
.product-items-text .offer-price {
margin-left: 10px; }
@media screen and (max-width: 1199px) {
.product-items-detail h5 {
font-size: 16px; } }
@media screen and (max-width: 991px) {
.product-items-img {
width: 20%; }
.product-items-text {
width: 80%; } }
@media screen and (max-width: 575px) {
.product-items-detail h5 {
margin-bottom: 20px;
padding-bottom: 10px; }
.product-items-detail h5:before {
width: 65px; }
.product-items {
padding: 12px; } }
/* ===================================
Product detail
====================================== */
/* label */
.label-offer {
position: absolute;
left: 0;
top: 0;
height: 25px;
line-height: 25px;
display: inline-block;
padding: 0px 12px;
color: #fff;
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
z-index: 1; }
.left-align {
position: absolute;
left: auto;
right: 0; }
.product-detail .label-sale {
margin-left: 5px;
vertical-align: top;
padding: 2px 7px; }
.product-detail .offer-price {
text-decoration: line-through;
color: red; }
.product-rating .fas:hover {
color: #232323; }
@media screen and (max-width: 575px) {
.media.product-review {
display: table; }
.media.product-review .media-body {
display: inline-block;
width: 100%;
margin-top: 15px; } }
/* ===================================
Shop cart
====================================== */
.shop-cart-table {
width: 100%;
overflow-x: auto; }
.shop-cart-table .product-thumbnail {
min-width: 100px; }
.shop-cart-table .shop-cart td {
line-height: 26px;
vertical-align: middle;
padding: 16px 8px;
min-width: 100px; }
.table.shop-cart tr:nth-child(even) {
background-color: #fff; }
.table.cart-sub-total {
border-color: transparent;
vertical-align: middle;
padding: 10px 30px; }
.table.cart-sub-total tr:nth-child(even) {
background-color: #fff; }
.table.cart-sub-total td, .table.cart-sub-total th {
border-color: transparent;
vertical-align: middle;
padding: 10px 30px; }
.table.cart-sub-total td {
padding-right: 0; }
.shop-cart-table input[type="text"] {
height: 35px;
width: 50px;
margin: 0; }
/* ===================================
Process stpes
====================================== */
.process-steps {
display: flex; }
.process-steps .step {
display: block;
position: relative;
width: 100%;
padding: 24px 15px 20px 15px;
border: 1px solid #e5e5e5;
text-align: center;
background: #fafafa; }
.process-steps .step i {
margin-bottom: 12px;
display: inline-block;
font-size: 22px; }
.process-steps .step.active {
border-color: #03a9f5;
z-index: 5;
background: #fff; }
.process-steps .step.active i {
color: #03a9f5; }
.process-steps .step .step-title {
margin-bottom: 0;
font-size: 16px;
font-weight: normal;
letter-spacing: .025em; }
.process-steps .step.active .step-title {
color: #03a9f5; }
@media screen and (max-width: 767px) {
.process-steps .step {
padding: 15px 10px; }
.process-steps .step i {
font-size: 20px; }
.process-steps .step .step-title {
font-size: 14px; } }
@media screen and (max-width: 575px) {
.process-steps {
display: inline-block;
width: 100%; }
.process-steps .step {
padding: 20px 15px; } }
/* ===================================
My account
====================================== */
/* account panel */
.account-pannel {
border: 1px solid rgba(0, 0, 0, 0.09);
border-radius: 4px;
margin-right: 30px; }
.reward-points {
background-color: #f5f5f5;
padding: 15px 0;
margin-top: 15px;
font-size: 16px;
font-weight: 600; }
.account-pannel .badge {
padding: .5em 1em;
float: right; }
.account-pannel .active .badge {
background-color: #fff;
color: #616161; }
.account-pannel .badge {
background-color: #03a9f5;
color: #fff;
margin-top: 2px; }
.account-pannel a i {
font-size: 16px; }
/* list group */
.list-group {
display: flex;
margin-top: -1px;
flex-direction: column;
padding-left: 0;
margin-bottom: 0; }
.list-group-items {
border-bottom: 1px solid #e8e8e8;
padding: 10px 25px; }
.list-group-items:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.07); }
.list-group-items .item-tag {
float: right;
border: 1px solid #e8e8e8;
background: #e8e8e8;
border-radius: 4px;
padding: 0 5px; }
.list-group-items.active {
background-color: #03a9f5;
color: #fff;
cursor: default;
pointer-events: none;
z-index: 2; }
.list-group-items.active .item-tag {
background: #fff;
color: #616161; }
a.list-group-items {
padding-top: .87rem;
padding-bottom: .87rem; }
a.list-group-items:hover {
background: #f8f9fa;
color: #616161; }
.list-group-items:last-child {
border-bottom: none; }
@media screen and (max-width: 991px) {
.account-pannel {
margin-right: 0; } }
/* ===================================
Tables
====================================== */
/* common table*/
.table tr:nth-child(even) {
background-color: #f5f5f5; }
.table td, .table th {
padding: 1rem .75rem; }
.table.v-align-middle td, .table.v-align-middle th {
vertical-align: middle; }
.table .butn-style2 {
min-width: 110px;
text-align: center; }
/* table classic */
.table.classic {
margin-bottom: 0; }
.table.classic tr:nth-child(even) {
background-color: #fff; }
.table.classic td, .table.classic th {
padding: 0.8rem .75rem;
border-top: none;
border-bottom: 1px dashed #dee2e6; }
.table.classic tr:last-child td, .table.classic tr:last-child th {
border-bottom: none; }
.table.classic th {
font-weight: 600;
padding-left: 0; }
.table.classic td {
text-align: right;
padding-right: 0; }
.table.classic tr:last-child td, .table.classic tr:last-child th {
padding-bottom: 0; }
.table.classic tr:first-child td, .table.classic tr:first-child th {
padding-top: 0; }
/* table dark */
.table.table-dark tr:nth-child(even) {
background-color: #343a40; }
/* table bordered */
.table.bordered {
border: 1px solid #e8e8e8;
border-radius: 4px;
margin-bottom: 0; }
.table.bordered td, .table.bordered th {
vertical-align: middle;
text-align: center;
border-right: 1px solid #e8e8e8;
border-top: 1px solid #e8e8e8; }
.table.bordered td:last-child {
border-right: none; }
.table.bordered th {
vertical-align: middle;
text-align: center; }
.table.bordered td {
padding: 20px; }
.table.bordered thead th {
background: #f7f7f7; }
.table.bordered .product-price, .table.bordered .product-quantity {
color: #363f4d;
font-size: 16px;
font-weight: 600; }
.table.bordered .first-column {
font-weight: 600;
font-size: 15px; }
/* ===================================
Order tracking steps
====================================== */
.order-tracking-step {
display: flex;
padding: 40px 20px; }
.order-tracking-step .step {
display: block;
position: relative;
width: 100%;
margin-bottom: -1px;
margin-left: -1px;
padding: 20px 10px;
border: 1px solid #e5e5e5;
background-color: #fff;
text-align: center;
text-decoration: none; }
.order-tracking-step .step.active {
border-color: #03a9f5;
cursor: default;
z-index: 5;
pointer-events: none; }
.order-tracking-step .step i {
display: inline-block;
margin-bottom: 12px;
color: rgba(0, 0, 0, 0.2);
font-size: 1.8em; }
.order-tracking-step .step.active i {
color: #03a9f5; }
.order-tracking-step .step h4 {
font-size: 14px;
font-weight: normal;
letter-spacing: .025em; }
.order-tracking-step .step.active h4 {
color: #03a9f5; }
@media screen and (max-width: 767px) {
.order-tracking-step {
display: block;
padding: 35px 0; } }
/* ===================================
Client section
====================================== */
.section-clients {
padding: 50px 0; }
.section-clients .clients img {
opacity: .6;
-webkit-transition-duration: .3s;
transition-duration: .3s; }
.section-clients .clients img:hover {
opacity: 1; }
.section-clients .client a img {
padding: 20px 25px;
margin: 12px 20px 12px;
border: 1px solid #dee2e6 !important;
opacity: .6;
transition-duration: .3s;
width: 22%;
background-color: #f7f7f7; }
.section-clients .client img:hover {
opacity: 1; }
@media screen and (max-width: 992px) {
.section-clients {
padding: 30px 0; }
.section-clients .item {
text-align: center;
width: 100%; }
.section-clients .owl-carousel .owl-item img {
max-width: 75%;
display: inline-block; } }
.client-section img {
opacity: 0.3; }
.client-section img:hover {
opacity: 1;
transition: all 0.3s ease-in-out; }
/* ===================================
Video
====================================== */
.story-video {
height: 100%; }
.video_btn {
position: relative;
height: 80px;
width: 80px;
background: #03a9f5;
text-align: center;
display: inline-block;
line-height: 85px;
color: #fff;
border-radius: 50%;
transition-duration: 0s;
-ms-transition-duration: 0s;
-moz-transition-duration: 0s;
-webkit-transition-duration: 0s;
-o-transition-duration: 0s; }
.video_btn:hover i, .video_btn:focus i {
color: #fff; }
.video_btn:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
height: 80px;
width: 80px;
border: 2px solid #fff;
border-radius: 50%;
transform: translate(-50%, -50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
opacity: .3;
animation: pulse-border 1500ms ease-out infinite; }
.video_btn:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
height: 95px;
width: 95px;
border: 2px solid #fff;
border-radius: 50%;
transform: translate(-50%, -50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
opacity: .3;
animation: pulse-border 1500ms ease-out infinite; }
@keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1; }
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0; } }
@media screen and (max-width: 1199px) {
.video_btn {
height: 75px;
width: 75px;
line-height: 80px; }
.video_btn:after {
height: 75px;
width: 75px; }
.video_btn:before {
height: 90px;
width: 90px; } }
@media screen and (max-width: 991px) {
.video_btn {
height: 70px;
width: 70px;
line-height: 70px; }
.video_btn:after {
height: 70px;
width: 70px; }
.video_btn:before {
height: 85px;
width: 85px; }
@keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); }
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2); } } }
@media screen and (max-width: 767px) {
.video_btn {
height: 60px;
width: 60px;
line-height: 62px; }
.video_btn:after {
height: 60px;
width: 60px; }
.video_btn:before {
height: 75px;
width: 75px; } }
/* ===================================
Form styles
====================================== */
input[type=checkbox], input[type=radio] {
width: auto;
margin-right: 10px; }
select.form-control {
min-width: 70px; }
textarea.form-control {
padding-top: 10px;
padding-bottom: 10px; }
.form-control {
background: #fbfbfb;
color: #232323;
padding: 0rem 1rem;
border: none;
box-shadow: none;
width: 100%;
line-height: 1.5;
border-radius: 0.3125rem;
border: 1px solid #e8e8e8;
border-radius: 4px;
height: 50px;
font-size: 0.9rem; }
.form-control:focus {
box-shadow: none;
border-color: #03a9f5; }
.form-control.medium {
height: 40px; }
.search-form_submit {
background: none;
border: none;
cursor: pointer;
margin-top: 7px; }
/* custom control */
.custom-control-input:checked ~ .custom-control-label::before {
border-color: #03a9f5;
background-color: #03a9f5; }
.buttons-set {
text-align: right;
margin-top: 30px; }
.buttons-set .butn-style2:first-child {
float: left; }
@media screen and (max-width: 575px) {
.buttons-set .butn-style2.wide {
padding: 6px 15px; } }
/* ===================================
Counter style
====================================== */
.counter-style-one .icon {
width: 55px;
display: inline-block;
vertical-align: middle;
color: #03a9f5; }
.counter-style-one .icon span:before {
font-size: 35px;
line-height: 35px;
font-weight: 100; }
.counter-style-one .title {
padding-left: 20px;
display: inline-block;
vertical-align: middle; }
.counter-style-one .title h4 {
text-align: left; }
.counter-style-one h4:after {
content: '+';
margin-left: 5px; }
@media screen and (max-width: 767px) {
.counter-style-one .icon {
display: inline-block;
width: 100%; }
.counter-style-one .title {
padding-left: 0;
text-align: center; }
.counter-style-one .title h4 {
text-align: center; } }
/* ===================================
Owl carousel
====================================== */
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background-color: #03a9f5; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
color: #fff;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px;
width: 40px;
height: 40px;
background: #fff !important;
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
-webkit-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
-moz-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1); }
.owl-nav i, .owl-nav span {
color: #232323;
font-size: 18px;
padding-top: 4px; }
.owl-carousel .owl-item img {
width: auto;
display: inline-block; }
/* ===================================
Price ranger
====================================== */
.irs-grid {
bottom: -6px; }
.irs--flat .irs-min, .irs--flat .irs-max {
display: none; }
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
background-color: #ededed;
padding: 4px 8px;
font-size: 12px;
color: #232323; }
.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
border-top-color: #ededed; }
.irs--flat .irs-handle {
top: 32px;
width: 6px;
height: 16px;
background-color: #03a9f5;
border-radius: 4px; }
.irs--flat .irs-handle > i:first-child {
display: none; }
.irs--flat .irs-line {
top: 37px;
background-color: #ededed;
height: 6px; }
.irs--flat .irs-bar {
top: 37px;
background-color: #03a9f5;
height: 6px; }
/* ===================================
Accordion style
====================================== */
/* accordion style */
.accordion-style .card {
background: transparent;
box-shadow: none;
margin-top: 0 !important;
border: none;
margin-bottom: 10px; }
.accordion-style .card:last-child {
margin-bottom: 0; }
.accordion-style .card-header {
border: 0px;
padding: 0;
background: none; }
.accordion-style .btn-link {
background: #f8f8f8;
color: #333333;
font-size: 14px;
line-height: 20px;
position: relative;
border: 1px solid #e8e8e8;
display: block;
width: 100%;
text-align: left;
white-space: normal;
border-radius: 0;
padding: 15px 35px 15px 15px;
text-decoration: none;
font-weight: 500; }
.accordion-style .btn-link:hover {
background: #f8f8f8;
text-decoration: none; }
.accordion-style .btn-link.collapsed:after {
background: none;
content: "+";
right: 17px;
left: inherit;
font-size: 20px;
height: auto;
transform: none;
width: auto;
top: 15px;
color: #333333; }
.accordion-style .btn-link:after {
background: none;
content: "-";
right: 17px;
left: inherit;
font-size: 20px;
height: auto;
transform: none;
width: auto;
top: 15px;
position: absolute;
color: #333333; }
.accordion-style .card-body {
padding: 20px;
line-height: 24px;
text-align: left;
border: 1px solid #e8e8e8;
border-top: none; }
/*accordion style 2*/
.accordion-style2 .card {
background: transparent;
box-shadow: none;
margin-top: 0 !important;
border: none; }
.accordion-style2 .card-header {
border: 0px;
padding: 0;
border-bottom: 1px solid #e6e6e6;
background: none; }
.accordion-style2 .card:last-child .card-header {
border-bottom: none; }
.accordion-style2 .card:last-child .btn-link {
padding-bottom: 0; }
.accordion-style2 .btn-link {
border: none;
color: #03a9f5;
font-size: 15px;
line-height: 20px;
position: relative;
display: block;
width: 100%;
text-align: left;
white-space: normal;
border-radius: 0;
padding: 15px 30px 15px 0;
text-decoration: none; }
.accordion-style2 .btn-link.collapsed {
color: #232323; }
.accordion-style2 .btn-link:hover {
color: #03a9f5; }
.accordion-style2 .btn-link.collapsed:after {
background: none;
content: "+";
right: 10px;
left: inherit;
font-size: 20px;
height: auto;
transform: none;
width: auto;
top: 15px;
color: #616161; }
.accordion-style2 .btn-link:after {
background: none;
content: "-";
right: 10px;
left: inherit;
font-size: 20px;
height: auto;
transform: none;
width: auto;
top: 15px;
position: absolute;
color: #616161; }
.accordion-style2 .card:first-child .card-header .btn-link {
padding-top: 0; }
.accordion-style2 .card:first-child .btn-link.collapsed:after, .accordion-style2 .card:first-child .btn-link:after {
top: 0; }
.accordion-style2 .card-body {
padding: 10px;
line-height: 24px;
text-align: left; }
/*accordion style 3*/
.accordion-style3 .card {
background: transparent;
box-shadow: none;
margin-top: 0 !important;
margin-bottom: 10px;
border-radius: 0;
border: none; }
.accordion-style3 .card:last-child {
margin-bottom: 0; }
.accordion-style3 .card-header {
border: 0px;
padding: 0;
background: none; }
.accordion-style3 .btn-link {
background: #f7f7f7;
color: #232323;
font-size: 14px;
line-height: 20px;
position: relative;
border: 1px solid #e8e8e8;
display: block;
width: 100%;
text-align: left;
white-space: normal;
border-radius: 0;
padding: 15px 30px 15px 15px;
text-decoration: none; }
.accordion-style3 .btn-link:hover {
background: #f7f7f7 !important;
text-decoration: none; }
.accordion-style3 .btn-link.collapsed:after {
background: none;
content: "+";
right: 15px;
left: inherit;
font-size: 20px;
height: auto;
transform: none;
width: auto;
top: 15px; }
.accordion-style3 .btn-link:after {
background: none;
content: "-";
right: 15px;
left: inherit;
font-size: 20px;
height: auto;
transform: none;
width: auto;
top: 15px;
position: absolute;
color: #232323; }
.accordion-style3 .card-body {
padding: 25px;
line-height: 24px;
text-align: left;
border: 1px solid #e8e8e8;
border-top: none; }
@media screen and (max-width: 575px) {
.accordion-style3 .card-body {
padding: 20px; } }
/* ===================================
Element listing
====================================== */
.element-listing {
border: 1px solid rgba(0, 0, 0, 0.09);
border-radius: 4px; }
.element-listing h2 {
background-color: #03a9f5;
color: #fff;
text-align: center;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.5px;
padding: 15px 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px; }
.element-listing li {
border-bottom: 1px solid #ececec; }
.element-listing li:last-child {
border-bottom: none; }
.element-listing li.active {
border-bottom: 1px solid #03a9f5; }
.element-listing li.active a {
color: #03a9f5; }
.element-listing li.active a:after {
content: none; }
.element-listing li a {
display: block;
border-left: 4px solid transparent;
font-size: 15px;
font-weight: 600;
padding: 14px 10px 14px 20px; }
@media screen and (max-width: 767px) {
.element-listing li a {
font-size: 14px;
padding: 12px 10px 12px 16px; } }
/* ===================================
Progress bars
====================================== */
.progress-text {
font-size: 13px;
font-weight: 500;
color: #232323;
margin-bottom: 5px; }
.custom-progress {
height: 4px;
border-radius: 50px;
box-shadow: none;
margin-bottom: 15px; }
.custom-progress:last-child {
margin-bottom: 0; }
.custom-bar {
height: 100%;
background-color: #03a9f5;
box-shadow: none; }
.custom-bar-dark {
height: 100%;
background-color: #232323;
box-shadow: none; }
.progress-medium {
height: 8px;
border-radius: 50px;
box-shadow: none; }
.progress-bold {
height: 12px;
border-radius: 50px;
box-shadow: none; }
/* ===================================
Tabs
====================================== */
ul.resp-tabs-list {
margin: 0px;
padding: 0px; }
.resp-tabs-list li {
font-weight: 600;
font-size: 14px;
display: inline-block;
padding: 13px 15px;
margin: 0 4px 0 0;
list-style: none;
cursor: pointer; }
.resp-tabs-list li:last-child {
margin-right: 0; }
.resp-tabs-list li i {
font-size: 20px;
padding-right: 5px;
vertical-align: text-bottom; }
.resp-tabs-container {
padding: 0px;
background-color: #fff;
clear: left; }
.resp-tab-content {
display: none;
padding: 25px; }
.resp-tabs-list li.resp-tab-active {
border: 1px solid #03a9f5;
border-bottom: none;
border-color: #03a9f5 !important;
margin-bottom: -1px;
padding: 12px 14px 14px 14px;
border-top: 4px solid #03a9f5 !important;
border-bottom: 0px #fff solid;
border-bottom: none;
background-color: #fff;
color: #03a9f5; }
.resp-content-active, .resp-accordion-active {
display: block; }
.resp-tab-content {
border: 1px solid rgba(0, 0, 0, 0.09);
border-top-color: rgba(0, 0, 0, 0.09);
float: left;
width: 100%; }
h2.resp-accordion {
cursor: pointer;
display: none;
font-size: 14px;
border: 1px solid rgba(0, 0, 0, 0.09);
border-top: 0px solid rgba(0, 0, 0, 0.09);
margin: 0px;
padding: 14px 15px;
float: left;
width: 100%; }
h2.resp-tab-active {
border-bottom: 0px solid rgba(0, 0, 0, 0.09) !important;
background-color: #03a9f5 !important;
color: #fff; }
h2.resp-tab-title:last-child {
border-bottom: 12px solid rgba(0, 0, 0, 0.09) !important;
background: blue; }
/* vertical tabs */
.resp-vtabs ul.resp-tabs-list {
float: left;
width: 30%; }
.resp-vtabs .resp-tabs-list li {
display: block;
padding: 15px 15px !important;
margin: 0 0 4px;
cursor: pointer;
float: none; }
.resp-vtabs .resp-tabs-container {
padding: 0px;
background-color: #fff;
border: 1px solid #03a9f5 !important;
float: left;
width: 70%;
min-height: 250px;
clear: none; }
.resp-vtabs .resp-tab-content {
border: none;
word-wrap: break-word; }
.resp-vtabs li.resp-tab-active {
position: relative;
z-index: 1;
margin-right: -1px !important;
padding: 14px 15px 15px 11px !important;
border-top: 1px solid;
border: 1px solid #03a9f5 !important;
border-left: 4px solid #03a9f5 !important;
margin-bottom: 4px !important;
border-right: 1px #FFF solid !important; }
.resp-arrow {
border-color: transparent #232323 #232323 transparent;
border-style: solid;
border-width: 0 1px 1px 0;
float: right;
display: block;
height: 8px;
transform: rotate(45deg);
width: 8px;
margin-top: 4px; }
h2.resp-tab-active span.resp-arrow {
border-color: #fff transparent transparent #fff;
border-style: solid;
border-width: 1px 0 0 1px;
float: right;
display: block;
height: 8px;
transform: rotate(45deg);
width: 8px;
margin-top: 7px; }
/* accordion styles */
.resp-easy-accordion h2.resp-accordion {
display: block; }
.resp-easy-accordion .resp-tab-content {
border: 1px solid rgba(0, 0, 0, 0.09); }
.resp-easy-accordion .resp-tab-content:last-child {
border-bottom: 1px solid rgba(0, 0, 0, 0.09);
/* !important; */ }
.resp-jfit {
width: 100%;
margin: 0px; }
.resp-tab-content-active {
display: block;
border-color: #03a9f5 !important; }
h2.resp-accordion:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.09); }
h2.resp-accordion.resp-tab-active {
border-color: #03a9f5 !important; }
/* tab-style-four */
.tab-style-four .resp-tabs-list li.resp-tab-active, .tab-style-four .resp-tab-content-active {
background: #03a9f5 !important;
color: #fff; }
/* tab-style-one */
@media screen and (min-width: 768px) {
.tab-style-one ul.resp-tabs-list {
text-align: center; }
.tab-style-one ul.resp-tabs-list.text-left {
padding-left: 15px; }
.tab-style-one ul.resp-tabs-list li:last-child {
margin-right: 0; }
.tab-style-one ul.resp-tabs-list li.resp-tab-active {
border-bottom-color: #03a9f5;
color: #03a9f5; }
.tab-style-one .resp-tab-content {
border: 1px solid #e6e6e6;
border-width: 1px 0 0 0;
border-color: #03a9f5; } }
/* tab-style-two */
@media screen and (min-width: 768px) {
.tab-style-two ul.resp-tabs-list {
text-align: center;
display: table;
width: 100%; }
.tab-style-two ul.resp-tabs-list li:last-child {
margin-right: 0; }
.tab-style-two ul.resp-tabs-list li.resp-tab-active {
color: #03a9f5;
background: #fff;
border: 1px solid #03a9f5 !important; }
.tab-style-two ul.resp-tabs-list li i {
margin-bottom: 5px;
font-size: 1.8em; }
.tab-style-two .resp-tab-content {
border: none;
padding: 40px 40px 0 40px; }
.tab-style-two ul.resp-tabs-list li {
background: #f5f5f5;
margin-right: 0;
border: 1px solid rgba(0, 0, 0, 0.09);
display: table-cell;
padding: 20px 15px;
vertical-align: middle;
text-align: center; } }
/* tab-style-three */
@media screen and (min-width: 992px) {
.tab-style-three {
margin-top: -98px !important; }
.tab-style-three .resp-tabs-container {
padding: 30px 0 0 0; }
.tab-style-three ul.resp-tabs-list {
text-align: right; }
.tab-style-three ul.resp-tabs-list li:last-child {
margin-right: 0;
padding-right: 0; }
.tab-style-three ul.resp-tabs-list li.resp-tab-active {
border: none !important;
background-color: transparent !important;
color: #03a9f5; }
.tab-style-three .resp-tab-content {
border: none;
padding: 40px 0 0 0; }
.tab-style-three ul.resp-tabs-list li {
background: none;
margin-right: 0;
padding: 0 10px;
border: none;
font-size: 16px;
font-weight: 500; } }
@media screen and (max-width: 991px) {
.tab-style-three {
margin-top: 0 !important; }
.tab-style-three .resp-tab-content {
border: none;
padding: 0; }
.tab-style-three .resp-tabs-container {
padding: 15px 0 0 0; }
.tab-style-three ul.resp-tabs-list {
display: inline-block;
text-align: center;
width: 100%; }
.tab-style-three h2.resp-accordion {
display: none; }
.tab-style-three .resp-tabs-list li {
padding: 0 10px 10px 10px;
font-size: 15px; }
.tab-style-three .resp-tabs-list li.resp-tab-active {
border: none !important; } }
/* change the breakpoint to set the accordion */
@media screen and (max-width: 767px) {
ul.resp-tabs-list {
display: none; }
h2.resp-accordion {
display: block; }
h2.resp-accordion i {
margin-right: 8px;
font-size: 18px; }
.resp-vtabs .resp-tab-content {
border: 1px solid #C1C1C1; }
.resp-vtabs .resp-tabs-container {
border: none !important;
float: none;
width: 100%;
min-height: 100px;
clear: none; }
.resp-accordion-closed {
display: none !important; }
.resp-vtabs .resp-tab-content:last-child {
border-bottom: 1px solid #c1c1c1 !important; }
.resp-tab-content {
background-color: #fff; } }
/* ===================================
Countdown
====================================== */
ul.countdown li {
border-right: 1px solid #626262;
display: inline-block;
padding: 0 30px;
text-align: center; }
ul.countdown li:first-child {
padding-left: 0; }
ul.countdown li:last-child {
border: medium none;
padding-right: 0; }
ul.countdown li span {
font-size: 36px;
font-weight: 700;
line-height: normal;
position: relative; }
ul.countdown li span::before {
content: "";
height: 1px;
position: absolute;
width: 100%; }
ul.countdown li p.timeRefDays, ul.countdown li p.timeRefHours, ul.countdown li p.timeRefMinutes, ul.countdown li p.timeRefSeconds {
font-size: 12px;
font-weight: 500;
margin: 0;
padding: 0;
text-transform: uppercase; }
@media screen and (max-width: 767px) {
ul.countdown li {
padding: 0 8px; }
ul.countdown li span {
font-size: 22px; } }
/* count style one */
ul.countdown.count-style-one li {
border-right: none; }
ul.countdown.count-style-one li span {
color: #232323; }
/* classic countdown */
.classic ul.countdown {
padding: 0;
margin: 0; }
.classic ul.countdown li {
border-right: none;
margin: 3px 10px 3px 0;
padding: 6px 10px;
border-radius: 3px;
text-align: center;
background: rgba(255, 255, 255, 0.9); }
.classic ul.countdown li:last-child {
margin-right: 0;
padding: 6px 10px; }
.classic ul.countdown li:first-child {
padding: 6px 10px; }
.classic ul.countdown li span {
font-size: 26px;
font-weight: 600; }
.classic ul.countdown li p.timeRefDays, .classic ul.countdown li p.timeRefHours, .classic ul.countdown li p.timeRefMinutes, .classic ul.countdown li p.timeRefSeconds {
text-transform: capitalize; }
@media screen and (max-width: 991px) {
.classic ul.countdown li span {
font-size: 24px; } }
@media screen and (max-width: 767px) {
.classic ul.countdown li span {
font-size: 22px; } }
/* classic large */
.classic.large ul.countdown li {
padding: 16px 10px;
min-width: 90px;
margin: 3px 5px 3px 5px; }
.classic.large ul.countdown li:last-child {
padding: 16px 10px;
margin-right: 5px; }
.classic.large ul.countdown li:first-child {
padding: 16px 10px; }
.classic.large ul.countdown li span {
font-size: 26px;
font-weight: 600; }
.classic.large ul.countdown li p.timeRefDays, .classic.large ul.countdown li p.timeRefHours, .classic.large ul.countdown li p.timeRefMinutes, .classic.large ul.countdown li p.timeRefSeconds {
font-size: 14px; }
@media screen and (max-width: 991px) {
.classic.large ul.countdown li span {
font-size: 24px; } }
@media screen and (max-width: 767px) {
.classic.large ul.countdown li span {
font-size: 22px; } }
@media screen and (max-width: 575px) {
.classic.large ul.countdown li {
min-width: 72px; } }
/* ===================================
Offer banner slider
====================================== */
.offer-banner-slider {
background-size: cover;
position: relative; }
.offer-banner-slider:after {
background: rgba(0, 0, 0, 0.6);
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 1; }
.offer-banner-slider .offer-text {
text-align: center;
padding: 37px 25px;
color: #fff;
position: relative;
z-index: 9; }
.offer-banner-slider .offer-text h4 a {
color: #03a9f5 !important; }
/* ===================================
Pages
====================================== */
/*404 and coming soon page */
.page-container .title {
font-size: 250px;
line-height: 1;
margin-bottom: 0; }
.subscribe {
position: relative;
margin-left: auto;
margin-right: auto; }
.subscribe input {
padding: 10px 110px 10px 15px;
font-size: 14px;
box-shadow: none;
height: 52px;
border-color: rgba(0, 0, 0, 0.09); }
.subscribe .butn-style2 {
line-height: 36px;
text-align: center;
border-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
position: absolute;
top: 0;
right: 0;
height: 100%;
padding: 6px 20px; }
@media screen and (max-width: 1199px) {
.page-container .title {
font-size: 200px; } }
@media screen and (max-width: 991px) {
.page-container .title {
font-size: 125px; } }
@media screen and (max-width: 767px) {
.page-container .title {
font-size: 75px; } }
/* compare page */
.compare-product {
position: relative;
background: #fff;
padding: 15px;
text-align: center;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.09);
min-width: 200px;
margin: 0 auto; }
.compare-criteria {
position: relative;
width: 200px; }
.insurance-providers{
align-items: center;
}
.insurance-providers a img{
padding:10px;
margin-bottom:15px;
}
/* ===================================
Newsletter
====================================== */
.newsletter-block {
border: 1px solid rgba(0, 0, 0, 0.09);
border-radius: 4px;
background: #fff; }
.mfp-auto-cursor .mfp-content {
max-width: 800px; }
.newsletter-block .cover-background {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px; }
.newsletter-block .newsletter-desc {
padding: 50px 40px 50px 10px; }
.newsletter-block .newsletter-text h4 {
font-size: 20px;
font-weight: 600;
text-transform: uppercase; }
.newsletter-list-style li {
display: inline-block;
margin-right: 15px; }
@media screen and (max-width: 991px) {
.newsletter-block .newsletter-desc {
padding: 30px; }
.newsletter-block .subscribe .butn-style2 {
padding: 6px 10px; } }
/* ===================================
Contact info
====================================== */
/* social icon style 1 */
.social-icon-style1 {
margin-bottom: 0; }
.social-icon-style1 li {
text-align: center;
margin-right: 10px;
display: inline-block; }
.social-icon-style1 li a {
color: #6f6f6f;
display: inline-block;
font-size: 16px; }
.social-icon-style1 li a:hover {
color: #03a9f5; }
/* social icon style 2 */
.social-icon-style2 {
margin-bottom: 0; }
.social-icon-style2 li {
text-align: center;
margin-right: 5px;
display: inline-block; }
.social-icon-style2 li:last-child {
margin-right: 0; }
.social-icon-style2 li a {
border: 1px solid #6f6f6f;
color: #6f6f6f;
border-radius: 35px;
height: 35px;
width: 35px;
line-height: 35px;
display: inline-block; }
.social-icon-style2 li a:hover {
background: #232323;
color: #fff; }
/*contact-page*/
.contact-info {
border: 1px solid rgba(0, 0, 0, 0.08);
text-align: center;
padding: 25px; }
.contact-info .contact-icon {
width: 70px;
height: 70px;
line-height: 70px;
border-radius: 50px;
text-align: center;
background-color: #03a9f5;
color: #fff;
margin: 0 auto 15px auto;
font-size: 26px; }
.store-details {
border: 1px solid rgba(0, 0, 0, 0.09); }
.store-details .info-box {
padding: 30px; }
.store-details .info-box h5 {
border-bottom: 1px solid rgba(0, 0, 0, 0.09);
padding-bottom: 15px;
margin-bottom: 30px;
font-size: 18px; }
.store-details .info-icon {
color: #03a9f5;
font-size: 20px;
padding-top: 2px; }
.store-details .info-label {
font-weight: 500;
font-size: 14px;
margin-bottom: 0; }
@media screen and (max-width: 1199px) {
.contact-info .contact-icon {
width: 65px;
height: 65px;
line-height: 65px;
font-size: 22px; }
.store-details .info-box {
padding: 25px; } }
@media screen and (max-width: 575px) {
.contact-info {
padding: 20px; }
.contact-info .contact-icon {
width: 60px;
height: 60px;
line-height: 60px; }
.store-details .info-box {
padding: 20px; }
.store-details .info-icon {
font-size: 18px; } }
/* ===================================
Blog
====================================== */
.blog-list-simple {
margin: 0 0 35px 0; }
.blog-list-simple:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0; }
.blog-list-simple-text {
color: #616161; }
.blog-list-simple-text > span {
color: #03a9f5;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.5px; }
.blog-list-simple-text p {
border-top: 1px solid #ececec;
color: #616161;
font-size: 15px;
font-weight: 400;
line-height: 170%;
margin-bottom: 0;
padding: 15px 0; }
.blog-list-simple-text .meta {
margin: 0 0 5px 0; }
.blog-list-simple-text li {
display: inline-block;
font-size: 12px;
color: #777;
margin: 5px; }
.blog-list-simple-text h4 {
color: #232323;
font-size: 20px;
font-weight: 500;
margin: 5px 0;
line-height: normal; }
.blog-list-simple-text ul {
margin: 10px 0; }
.blog-list-simple-text ul li {
color: #999;
font-size: 14px;
font-weight: 500;
padding: 3px 0; }
.blog-list-simple-text ul li i {
margin-right: 5px;
font-size: 14px; }
.blogs .post {
margin-bottom: 30px; }
.blogs .post .content {
padding: 30px;
background: #fafafa; }
.blogs .post .content .post-title h2 {
font-size: 26px;
line-height: normal;
font-weight: 500;
margin-bottom: 0; }
.blogs .post .content .post-title h2 a {
color: #232323; }
.blogs .post .content .post-title h2 a:hover {
color: #F24259; }
.blogs .post .content .meta {
margin-bottom: 15px; }
.blogs .post .content .meta li {
display: inline-block;
color: #777;
margin: 5px; }
.blogs .post .content .special {
padding: 15px;
margin: 30px 0;
border-left: 2px solid #111;
background: #f7f7f7;
font-size: 16px; }
.blogs .post .content .btn {
border-color: #6f6f6f;
color: #6f6f6f;
min-width: auto;
padding: 6px 20px;
font-size: 12px; }
.blogs .post .content .btn:hover {
color: #fff;
border-color: #F24259; }
.blogs .post .share-post {
margin-top: 30px;
padding-top: 20px;
border-top: 1px dashed #ddd;
text-align: left; }
.blogs .post .share-post span {
font-weight: 700; }
.blogs .post .share-post ul {
float: right; }
.blogs .post .share-post ul li {
display: inline-block;
margin: 0 10px; }
.blogs .post .post-img img {
width: 100%; }
.blogs .posts .title-g h3 {
font-weight: 700;
font-size: 25px;
margin-bottom: 10px; }
.blogs .comments-area .comment-box {
padding-bottom: 30px;
margin-bottom: 50px;
border-bottom: 1px solid #eee; }
.blogs .comments-area .comment-box:nth-child(odd) {
margin-left: 80px; }
.blogs .comments-area .comment-box:last-child {
margin-bottom: 30px; }
.blogs .comment-box .author-thumb {
width: 80px;
float: left; }
.blogs .comment-box .comment-info {
margin-left: 100px; }
.blogs .comment-box .comment-info h6 {
font-size: 14px;
font-weight: 600;
margin-bottom: 10px; }
.blogs .comment-box .comment-info .reply {
margin-top: 10px;
font-weight: 600; }
.blogs .comment-box .comment-info .reply i {
padding-right: 5px;
font-size: 12px; }
/* blog style one */
.blog-style-one .item {
border: 1px solid rgba(0, 0, 0, 0.05);
background: #fff;
height: 100%; }
.blog-style-one .item .post-img {
position: relative;
overflow: hidden; }
.blog-style-one .item .content {
padding: 30px;
text-align: left; }
.blog-style-one .item .content .tag {
letter-spacing: 0.5px; }
.blog-style-one .item .content .read-more {
margin-top: 20px;
font-weight: 600; }
.blog-style-one .item .content .read-more:hover {
text-decoration: underline; }
.blog-style-one .item .content .tag span:before {
content: "";
width: 1px;
height: 15px;
margin-left: 5px;
margin-right: 10px;
background-color: rgba(0, 0, 0, 0.35);
display: inline-block;
vertical-align: middle; }
.blog-style-one .item .content p {
margin-bottom: 10px; }
.blog-style-one .item .content h5 {
font-size: 16px;
line-height: normal;
text-transform: inherit; }
@media screen and (max-width: 767px) {
.blog-style-one .item .content {
padding: 25px; } }
/*pagination*/
.pagination {
border-radius: 0; }
.pagination ul {
display: inline-block;
*display: inline;
*zoom: 1;
margin: 0 auto;
padding: 0; }
.pagination li {
display: inline; }
.pagination a {
float: left;
padding: 0 18px;
line-height: 40px;
text-decoration: none;
border: 1px solid #dbdbdb;
border-left-width: 0;
background: #fff; }
.pagination a:hover {
background-color: #232323;
color: #fff; }
.pagination .active a {
background-color: #f7f7f7;
color: #999;
cursor: default; }
.pagination .disabled span {
color: #999;
background-color: transparent;
cursor: default; }
.pagination .disabled a {
color: #999;
background-color: transparent;
cursor: default; }
.pagination .disabled a:hover {
color: #999;
background-color: transparent;
cursor: default; }
.pagination li:first-child a {
border-left-width: 1px; }
/* blockquote */
.blockquote {
background: #f1f1f1;
border-left: 4px solid #03a9f5;
font-size: 16px;
font-weight: 500;
margin: 25px 0;
padding: 20px 30px 30px; }
.blockquote p {
font-size: 15px;
font-weight: 500;
line-height: 190%;
color: #232323;
letter-spacing: .5px; }
.blockquote h4 {
font-size: 20px;
font-weight: 400;
color: #232323;
letter-spacing: .5px; }
/* sidebar */
.side-bar .widget {
margin-bottom: 30px;
border: 1px solid rgba(0, 0, 0, 0.09);
padding: 20px;
border-radius: 2px; }
.side-bar .widget:last-child {
margin-bottom: 0; }
.side-bar .widget .widget-title {
margin-bottom: 25px;
border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
.side-bar .widget .widget-title h5 {
position: relative;
padding: 0 0 8px 0;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.5px;
margin-bottom: 0; }
.side-bar .widget li {
position: relative;
padding: 10px 0 10px 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.09);
color: #616161; }
.side-bar .widget li:first-child {
padding-top: 0; }
.side-bar .widget li:first-child:before {
top: 12px; }
.side-bar .widget li:last-child {
margin: 0;
border-bottom: none;
padding-bottom: 0; }
.side-bar .widget li:before {
content: "";
width: 5px;
height: 1px;
background-color: #616161;
position: absolute;
top: 22px;
left: 0; }
.side-bar .widget .social-listing {
margin-bottom: 0;
text-align: center; }
.side-bar .widget .social-listing li {
list-style: none;
display: inline-block;
border-bottom: none;
padding: 0 0 0 20px; }
.side-bar .widget .social-listing li:before {
content: none; }
.side-bar .widget .social-listing li:after {
background: none; }
.side-bar .widget .social-listing li:first-child {
padding-left: 0; }
.side-bar .search form input {
width: calc(100% - 50px);
height: 50px;
padding: 0 10px;
margin: 0;
border: none;
background: #f7f7f7; }
.side-bar .search form button {
width: 50px;
height: 50px;
line-height: 50px;
background: #1c1c1c;
color: #fff;
border: 0;
float: right; }
/* ===================================
Footer
====================================== */
footer {
padding: 50px 0 0;
background: #1f1f1f; }
footer p {
margin-bottom: 0; }
footer h3 {
font-size: 18px;
font-weight: 500;
margin-bottom: 20px;
line-height: 1;
position: relative; }
footer h3:after {
content: '';
display: block;
width: 70px;
height: 2px;
background: #03a9f5;
margin-top: 12px; }
footer h3.footer-title-style2 {
margin-bottom: 25px; }
h3.footer-title-style2:after {
width: 100%;
height: 1px;
background: #363637;
margin-top: 15px; }
.footer-service {
border-bottom: 1px solid rgba(255, 255, 255, 0.09); }
.footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.09); }
.footer-bottom p {
color: rgba(255, 255, 255, 0.7); }
/* footer bar */
.footer-bar {
padding-top: 20px;
padding-bottom: 20px;
margin-top: 50px;
text-align: center;
background: #191919;
color: #939393; }
.footer-bar span {
color: #03a9f5;
font-size: 15px;
font-weight: 400; }
/* footer social icons */
.footer-social-icons ul {
margin-bottom: 0; }
.footer-social-icons ul li {
display: inline-block;
border: 1px solid #939393;
border-radius: 50%;
color: #fff;
margin-right: 10px;
margin-bottom: 5px;
-webkit-transition-duration: .3s;
transition-duration: 0.3s; }
.footer-social-icons ul li:last-child {
margin-right: 0; }
.footer-social-icons ul li a {
color: #939393;
display: block;
font-size: 15px;
height: 35px;
line-height: 34px;
text-align: center;
width: 35px; }
.footer-social-icons ul li:hover {
background: #03a9f5;
border-color: #03a9f5; }
.footer-social-icons ul li:hover i {
color: #fff; }
.footer-social-icons.small ul li {
margin-bottom: 0; }
.footer-social-icons.small ul li a {
font-size: 12px;
height: 25px;
line-height: 26px;
width: 25px; }
/* footer list */
.footer-list {
margin: 0; }
.footer-list li {
list-style-type: none;
color: #939393;
padding: 6px 0; }
.footer-list li:first-child {
padding-top: 0; }
.footer-list li:last-child {
padding-bottom: 0; }
.footer-list li a {
font-size: 15px;
font-weight: 400;
color: #939393; }
.footer-list li a:before {
content: '\f105';
font-weight: 700;
vertical-align: bottom;
font-family: Font Awesome\ 5 Free;
color: #939393;
padding-right: 8px;
-webkit-transition-duration: .3s;
transition-duration: .3s; }
.footer-list li a:hover {
color: #fff; }
.footer-list li a:hover:before {
color: #fff; }
/* footer app */
.footer-app li {
display: inline-block;
margin-right: 10px;
margin: 3px 0; }
.footer-app li:last-child {
margin-right: 0;
margin-bottom: 0; }
@media screen and (max-width: 767px) {
footer {
padding-top: 40px; }
.footer-bar {
margin-top: 40px; }
.footer-subscribe .butn {
line-height: 22px; }
.footer-bar p {
font-size: 13px; } }
/* classic footer */
.classic-footer {
background: #fff; }
.classic-footer.bordered {
padding-top: 70px;
border-top: 1px solid rgba(0, 0, 0, 0.09); }
.classic-footer .footer-list1 li a {
color: #616161; }
.classic-footer .btn.bordered {
border: 1px solid rgba(0, 0, 0, 0.2);
color: #616161;
box-shadow: none; }
.classic-footer .footer-service {
border: 1px solid rgba(0, 0, 0, 0.09);
border-width: 1px 0;
background: #fbfbfb; }
.classic-footer .footer-bottom {
background: #fbfbfb;
border-top: 1px solid rgba(0, 0, 0, 0.09); }
.classic-footer .footer-bottom p {
color: #232323; }
.classic-footer .list-style-two li {
display: inline-block;
margin-right: 10px; }
.classic-footer .list-style-two li:last-child {
margin-right: 0; }
.classic-footer .list-style-two li a {
border: none;
width: auto;
height: auto;
display: block;
line-height: 31px;
color: #616161;
border-radius: 100%;
text-align: center;
margin-top: 5px;
margin-right: 5px;
font-size: 18px; }
.classic-footer .list-style-two li a:hover {
color: #000; }
.classic-footer h3 {
font-size: 16px;
font-weight: 500;
margin-bottom: 20px;
line-height: 1;
position: relative;
color: rgba(0, 0, 0, 0.7); }
.classic-footer h3:after {
content: none; }
.classic-footer .list-style li {
margin-bottom: 12px; }
.classic-footer .list-style li:last-child {
margin-bottom: 0; }
.classic-footer .footer-subscribe {
position: relative;
margin-bottom: 0; }
.classic-footer .footer-subscribe input {
padding: 20px 100px 20px 15px;
font-size: 14px;
box-shadow: none;
height: 42px; }
.classic-footer .footer-subscribe .butn-style2 {
text-align: center;
border-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
position: absolute;
top: 0;
right: 0;
height: 100%;
padding: 6px 20px; }
.classic-footer .service-contact {
border-right: 1px solid rgba(0, 0, 0, 0.09); }
.classic-footer .service-contact i, .classic-footer .service-contact h5 {
color: rgba(0, 0, 0, 0.7); }
.classic-footer .service-contact p {
color: #616161; }
@media screen and (max-width: 991px) {
.classic-footer h3 {
margin-bottom: 18px; }
.classic-footer.bordered {
padding-top: 50px; } }
/* ===================================
Copy Elements
====================================== */
pre[class*="language-"] {
max-height: 45vh;
height: 100%;
margin: 35px 0 15px 0;
padding-top: 0; }
.html-code {
background-color: #fbfbfb;
position: relative;
box-shadow: inset 0 0 0 1px #dde1e6, 0 3px 5px rgba(0, 0, 0, 0.15);
padding: 30px;
border-radius: 5px;
border: 1px solid #ededed; }
.html-code:before {
color: #c8dfab;
content: "•••";
font-size: 30px;
left: 24px;
letter-spacing: 4px;
line-height: 12px;
position: absolute;
top: 24px; }
.copy-element {
position: absolute;
top: 0;
right: 85px;
transition: opacity 0.3s ease-in-out; }
.source-element {
position: absolute;
top: 0;
right: 0;
transition: opacity 0.3s ease-in-out; }
.html-code .copy-element {
top: 15px;
right: 30px; }
.html-code:hover .copy-element, .html-code:hover .source-element {
opacity: 1; }
.box-hover:hover .copy-element, .box-hover:hover .source-element {
opacity: 1; }
.copy-element > a, .source-element > a {
border-radius: 0.25rem;
background: #dde1e6;
color: #777 !important;
display: inline-block;
padding: 5px 15px;
font-size: 14px;
text-transform: capitalize;
cursor: pointer !important;
font-weight: 600; }
.copy-element > a:hover, .source-element > a:hover {
background: #03a9f5;
color: #fff !important; }
.copy-clipboard {
cursor: pointer;
padding: 5px 15px; }
.white-popup-block {
background-color: #fbfbfb;
position: relative;
max-width: 650px;
box-shadow: inset 0 0 0 1px #dde1e6, 0 3px 5px rgba(0, 0, 0, 0.15);
padding: 60px 30px 30px 30px;
border-radius: 5px;
margin: 40px auto;
border: 1px solid #ededed; }
.white-popup-block.popup-copy.mfp-hide {
display: block !important;
height: 0;
position: absolute;
z-index: -1;
padding: 0;
opacity: 0;
margin: 0; }
.white-popup-block:before {
color: rgba(3, 169, 245, 0.2);
content: "•••";
font-size: 30px;
left: 24px;
letter-spacing: 4px;
line-height: 12px;
position: absolute;
top: 24px; }
.white-popup-block:hover .copy-element {
opacity: 1; }
.white-popup-block .copy-element {
top: 45px;
right: 30px; }
.box-hover {
position: relative; }
.box-hover .container {
position: relative; }
.mh-120{
max-height: 120px;
}
.collapse.navbar-collapse.show .navbar-nav{
display: block;
}
.lh-3{
line-height: 3em;
}
@media screen and (max-width: 767px) {
.elements-block .inner-title {
margin-bottom: 65px; }
.copy-element, .source-element {
top: 65px; }
.mh-120{
max-height: auto;
}
}
/* ===================================
ribbon Elements
====================================== */
.ribbion-box {
position: relative;
border: 1px solid #f2f2f2;
border-radius: 8px;
margin: 8px;
}
/* common */
.ribbon {
width: 150px;
height: 150px;
overflow: hidden;
position: absolute;
}
.ribbon::before,
.ribbon::after {
position: absolute;
z-index: 0;
content: '';
display: block;
border: 5px solid #2980b9;
}
.ribbon span {
position: absolute;
display: block;
width: 225px;
padding: 4px 0;
background-color: #3498db;
box-shadow: 0 5px 10px rgba(0,0,0,.1);
color: #fff;
font: 700 16px/1 'Lato', sans-serif;
text-shadow: 0 1px 1px rgba(0,0,0,.2);
text-transform: uppercase;
text-align: center;
}
/* top left*/
.ribbon-top-left {
top: -10px;
left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
border-top-color: transparent;
border-left-color: transparent;
}
.ribbon-top-left::before {
top: 0;
right: 30px;
}
.ribbon-top-left::after {
bottom: 30px;
left: 0;
}
.ribbon-top-left span {
right: -25px;
top: 30px;
transform: rotate(-45deg);
}
/* ===================================
pricing Elements
====================================== */
.pricing8 {
font-family: "Montserrat", sans-serif;
color: #8d97ad;
font-weight: 300;
}
.pricing8 h1,
.pricing8 h2,
.pricing8 h3,
.pricing8 h4,
.pricing8 h5,
.pricing8 h6 {
color: #3e4555;
}
.pricing8 h5 {
line-height: 22px;
font-size: 18px;
}
.pricing8 .subtitle {
color: #8d97ad;
line-height: 24px;
}
.pricing8 .display-5 {
font-size: 3rem;
}
.pricing8 .font-14 {
font-size: 14px;
}
.pricing8 .pricing-box sup {
top: -20px;
font-size: 16px;
}
.pricing8 .btn-info-gradiant {
background: #188ef4;
background: -webkit-linear-gradient(legacy-direction(to right), #188ef4 0%, #316ce8 100%);
background: -webkit-gradient(linear, left top, right top, from(#188ef4), to(#316ce8));
background: -webkit-linear-gradient(left, #188ef4 0%, #316ce8 100%);
background: -o-linear-gradient(left, #188ef4 0%, #316ce8 100%);
background: linear-gradient(to right, #188ef4 0%, #316ce8 100%);
}
.pricing8 .btn-info-gradiant:hover {
background: #316ce8;
background: -webkit-linear-gradient(legacy-direction(to right), #316ce8 0%, #188ef4 100%);
background: -webkit-gradient(linear, left top, right top, from(#316ce8), to(#188ef4));
background: -webkit-linear-gradient(left, #316ce8 0%, #188ef4 100%);
background: -o-linear-gradient(left, #316ce8 0%, #188ef4 100%);
background: linear-gradient(to right, #316ce8 0%, #188ef4 100%);
}
.pricing8 .btn-danger-gradiant {
background: #ff4d7e;
background: -webkit-linear-gradient(legacy-direction(to right), #ff4d7e 0%, #ff6a5b 100%);
background: -webkit-gradient(linear, left top, right top, from(#ff4d7e), to(#ff6a5b));
background: -webkit-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
background: -o-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%);
}
.pricing8 .btn-danger-gradiant:hover {
background: #ff6a5b;
background: -webkit-linear-gradient(legacy-direction(to right), #ff6a5b 0%, #ff4d7e 100%);
background: -webkit-gradient(linear, left top, right top, from(#ff6a5b), to(#ff4d7e));
background: -webkit-linear-gradient(left, #ff6a5b 0%, #ff4d7e 100%);
background: -o-linear-gradient(left, #ff6a5b 0%, #ff4d7e 100%);
background: linear-gradient(to right, #ff6a5b 0%, #ff4d7e 100%);
}
.pricing-box:hover{
box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}
.pricing-box li{
list-style: circle;
margin-left: 16px;
}
.pricing-box ul {
max-height: 150px;
overflow-y: auto;
}
.pricing-box:hover,
.boxHoverShadow:hover {
box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
/*cursor: pointer;*/
}
.pricing-box li{
list-style: circle;
margin-left: 20px;
}
.pricing-box ul {
max-height: 100%;
overflow-y: auto;
}
.repair-header {
margin: -30px -30px 10px;
padding: 16px;
background: #007BFF;
font-size: 14px !important;
}
.repair-header a{
color: #fff;
text-decoration: none;
}
.display-5 {
font-size: 32px;
}
.card-header svg {
height: 100%;
width: 24px;
margin-right: 16px;
}
/* Flip Container */
/* flip the pane when hovered */
.beforeAfter-container.hover .flipper {
transform: rotateY(180deg);
}
.after{
background-color: red;
}
.beforeAfter-container,
.before,
.after {
width: 250px;
height: 250px;
}
.flipper {
transition: 0.8s;
transform-style: preserve-3d;
position: relative;
}
.before,
.after {
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
}
.before {
z-index: 2;
transform: rotateY(0deg);
}
.after {
transform: rotateY(180deg);
background-color: #fff;
}
.resp-tabs-list {
text-align: left;
}
.boxHoverShadow.item {
border: 1px solid rgba(0, 0, 0, 0.125);
}
/*.resp-tabs-list li.resp-tab-active{
border: 1px solid #007BFF;
border-top-color: #007BFF !important;
border-left-color: #007BFF !important;
border-right-color: #007BFF !important;
border-bottom-color: #FFF !important;
border-top: 4px solid #007BFF !important;
color: #007BFF;
}*/
.resp-tab-content-active {
border-color: #007BFF !important;
}
/* Step Widird */
.stepwizard-step p {
margin-top: 10px;
}
.stepwizard-row {
display: table-row;
}
.stepwizard {
display: table;
width: 50%;
position: relative;
}
.stepwizard-step button[disabled] {
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
top: 14px;
bottom: 0;
position: absolute;
content: " ";
width: 97.5%;
height: 1px;
background-color: #ccc;
z-order: 0;
}
.stepwizard-step {
display: table-cell;
text-align: center;
position: relative;
}
.btn-circle {
width: 30px;
height: 30px;
text-align: center;
padding: 6px 0;
font-size: 12px;
line-height: 1.428571429;
border-radius: 15px;
border: 1px solid #ccc;
}
.btn-circle:not(.btn-primary) {
background: #fff;
}
.form-bg {
background: rgba(0,125,255, 0.05);
}
.resp-tab-content {
background: #fff;
}
.setup-panel div p {
cursor: pointer;
}
.faqHeader.card-header {
background-color: #007bff!important;
}
.faqHeader.card-header a{
color: #fff;
}
.title-ba:before,
.title-ba:after{
content: '';
display: block;
position: absolute;
height: 2px;
background-color: #03A8F4;
width: 35%;
top: 25px;
}
.title-ba:before {
left: 0;
}
.title-ba:after {
right: 0;
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
.form-control {
background: #fff !important;
}
.mh-270 {
min-height: 270px;
}
.mh-320 {
min-height: 320px;
}
.mh-200{
min-height: 200px;
}
.butn-style2{
margin-top: 32px;
padding: 9px 32px;
}
.ln-letters {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.listNav {
margin-bottom: 24px;
text-align: center;
}
.ln-letters a{
width: 40px;
min-width: 40px;
height: 40px;
text-align: center;
border-radius: 3px;
padding: 8px 6px !important;
}
.b-wishlist {
color: red !important;
}
.listNavShow:hover,
.listNavShow:hover a{
color: #fff;
background: #03a9f5;
}
.ln-letters a:hover, .ln-letters .ln-selected {
background-color: #03a9f5 !important;
color: #fff;
font-weight: bold;
}
.single-product-slide.owl-theme .owl-nav{
position: absolute;
top: 40%;
transform: translateY(-50%);
width: 100%;
}
.single-product-thumbs.owl-theme .owl-nav{
position: absolute;
top: 18%;
width: 100%;
display: block;
}
.single-product-thumbs.owl-carousel .owl-nav button.owl-next,
.single-product-slide.owl-carousel .owl-nav button.owl-next {
right: 0;
position: absolute;
}
.single-product-thumbs.owl-carousel .owl-nav button.owl-prev,
.single-product-slide.owl-carousel .owl-nav button.owl-prev {
left: 0;
position: absolute;
}
.btn-block {
display: block !important;
width: 100% !important;
}
.single-product-action .butn-style2 {
padding: 9px;
}
.fsa{
background: #03a9f5;
color: #fff !important;
padding: 3px 6px;
text-align: center;
border-radius: 5px;
cursor: pointer;
}
.col-6.spec-value:nth-child(odd) {
border-bottom: 1px dotted #f2f2f2;
text-align: left;
}
.col-6.spec-attribute:nth-child(even) {
border-bottom: 1px dotted #f2f2f2;
}
.qst,
.domain {
color: #03A9F5;
}
.product-grid .product-description {
padding: 8px 0;
}
.prod-title {
font-size: 14px;
}
img.mr-3:hover {
transform: scale(1.5);
}
.accordion-style3 .bg-primary.btn-link:hover {
background: #f7f7f7 !important;
text-decoration: none;
color: #666 !important;
}
.btn-action a {
min-width: 112px;
margin-bottom: 2px;
}
td.prod-img img {
max-width: 100px;
}
.resp-tab-content {
border: 1px solid #ccc !important;
padding-bottom: 30px !important;
border-radius: 5px;
border-top-color: transparent !important;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.td-valign-middle td{
vertical-align: middle;
}
.green-tasks{
font-size: 20px;
height: 40px;
width: 40px;
text-align: center;
background: green;
color: #fff;
border-radius: 50%;
padding-top: 10px;
margin-right: 8px;
}
.green-tasks + span {
width: 80%;
}
.mcafee {
width: 94px;
height: 54px;
float: left;
margin: 0 0 0 0;
BACKGROUND: url(../images/mcafeeicon.gif) no-repeat right center;
}
.bg-action {
background-color: #627AAD;
}
.bg-info-light {
background-color: #E8F8FE;
}
.mw-160 {
max-width: 160px;
}
.table.main-table {
border: 0;
}
.table.main-table tr:nth-child(even) {
background-color: #fff;
}
.table.main-table th,
.table.main-table td {
border-top: 1px solid transparent;
}
.fs-14 {
font-size: 14px !important;
}
@media screen and (min-width: 768px) {
.tab-style-two .resp-tab-content {
padding: 20px 20px 0 20px;
}
}
@media all and (max-width: 767px) {
.title-ba:before,
.title-ba:after {
display: none;
}
.butn-style2{
margin-top: 0;
}
.tab-style-two ul.resp-tabs-list li i {
margin-bottom: 2px !Important;
font-size: 14px !Important;
}
}
@media all and (max-width: 1200px) {
.ln-letters {
display: block;
}
.ln-letters a{
border-right: 1px solid silver !important;
margin: 0 2px 2px;
}
}
/*# sourceMappingURL=styles.css.map */