/* @font-face{
font-family: 'Lato-Regular';
src:url(../../../javascript/inspire/fonts/Lato-Regular.ttf);
}
@font-face{
font-family: 'Lato-Bold';
src:url(../../../javascript/inspire/fonts/Lato-Bold.ttf);
} */

@font-face {
font-family: "CG Omega Bold";
src: url("https://db.onlinewebfonts.com/t/36c38ea0d4532f0a6417f2eaf245c930.eot");
src: url("https://db.onlinewebfonts.com/t/36c38ea0d4532f0a6417f2eaf245c930.eot?#iefix")format("embedded-opentype"),
url("https://db.onlinewebfonts.com/t/36c38ea0d4532f0a6417f2eaf245c930.woff2")format("woff2"),
url("https://db.onlinewebfonts.com/t/36c38ea0d4532f0a6417f2eaf245c930.woff")format("woff"),
url("https://db.onlinewebfonts.com/t/36c38ea0d4532f0a6417f2eaf245c930.ttf")format("truetype"),
url("https://db.onlinewebfonts.com/t/36c38ea0d4532f0a6417f2eaf245c930.svg#CG Omega Bold")format("svg");
}
@import url('https://fonts.cdnfonts.com/css/verdana');

.owl-wrapper-outer{
box-shadow: none !important;
border: none !important;
padding: 0 !important;
}
:focus{
outline: none;
}
input[type="checkbox"], input[type="radio"] {
margin: 3px 0 0;
}
input[type="checkbox"]{
transform: scale(1.1);
}
input[type="file"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus {
outline: none;
}
.owl-carousel{
margin-bottom: 0 !important;
}
/* .select-input::after {
font-family: 'fontawesome';
content: '\f107';
font-size: 14px;
position: absolute;
right: 10px;
top: 7px;
pointer-events: none;
}
select.form-control {
appearance: none;
-o-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
cursor: pointer;
}
.form-control {
transition: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
}
.select-input {
position: relative;
} */
body {
/*  font-family: 'CG Omega';*/
font-weight: 400;
color: #272727;
letter-spacing: 0.4px;
font-size: 14px;
line-height: 20px;
width: 100%;
background-color: #fff;
}
.dropdown-menu {
box-shadow: 0 0px 5px rgba(0,0,0,.175);
}
.form-control {
border: 1px solid #dddddd;
box-shadow: none;
height: 42px;
margin-bottom: 5px;
}
.form-control:focus {
border-color: red;
box-shadow: none;
}

/*.product-grid.col-md-4{
padding-left: 5px;
padding-right: 5px;
}*/

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,a:focus{
outline: none;
}
a{
/*transition: all 0.4s ease-in-out 0s;*/
}
a:hover,a:focus{
text-decoration: none;
}
.btn.active, .btn:active{
box-shadow: none;
}
h1, h2, h3, h4, h5, h6 {
color: #333;
}
/* default font size */
.fa {
font-size: 18px;
}
/* Override the bootstrap defaults */
h1 {
font-size: 33px;
}
h2 {
font-size: 27px;
}
h3 {
font-size: 21px;
}
h4 {
font-size: 15px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 10.2px;
}
a {
color: #222;
}
a:hover {
text-decoration: none;
color: red;
}
legend {
font-size: 18px;
padding: 7px 0px;
font-weight: 800;
}
label {
font-size: 16px;
font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
font-size: 16px;
}
.input-group .input-group-addon {
font-size: 16px;
height: 30px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
display: inline;
}

div.required .control-label:before {
content: '* ';
color: #F00;
font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
text-decoration: none;
color: red;
}
/* top */
#top {
background-color: red;
padding: 5px 0;
}
#top #form-currency .currency-select,
#top #form-language .language-select {
text-align: left;
}
#top .btn-link, #top-links li, #top-links a {
color: #fff;
text-decoration: none;
padding: 0;
letter-spacing: 0.5px;
text-transform: capitalize;
transition: all 0.4s ease-in-out 0s;
font-family: 'CG Omega Bold';
border: none;
font-size: 14px;
/* margin-top: 5px; */
}
#top .btn-link:hover, #top-links a:hover {
color: #eee;
}
#top-links .dropdown-menu a {
text-shadow: none;
}
#top-links .dropdown-menu a:hover {
color: #FFF;
}
#top .btn-link strong {
font-size: 14px;
line-height: 14px;
}
/*#top-links a + a {
margin-left: 15px;
}*/
#top .dropdown-menu {
min-width: 118px;
}
#form-currency .dropdown-menu{
min-width: 140px;
}
#top #form-currency .currency-select, #top #form-language .language-select {
text-align: left;
font-size: 14px;
padding-bottom: 5px;
padding-top: 5px;
}
#top .inspire-account ul li{
text-align: left;
font-size: 14px;
padding-bottom: 5px;
padding-top: 5px;
}
#form-language .dropdown-menu .btn-link::before{
margin: 0 5px !important;
}
#form-currency .dropdown-menu .btn-link::before{
margin: 0 5px !important;
}
#top .inspire-account ul li a::before{
margin: 0 5px !important;
}
/* search */
#search .input-lg {
height: 40px;
line-height: 20px;
padding: 0 10px;
}
#search .btn-lg {
font-size: 15px;
line-height: 18px;
padding: 10px 20px;
background-color: #333;
border-color: #333;
color: #fff;
box-shadow: none;
transition: all 0.4s ease-in-out 0s;
}
#search .btn-lg:hover {
background-color: red;
border-color: red;
color: #fff;
}
/* cart */
#cart > .btn {
font-size: 12px;
line-height: 18px;
color: #FFF;
}
#cart.open > .btn {
background-image: none;
background-color: #FFFFFF;
border: 1px solid #E6E6E6;
color: #666;
box-shadow: none;
text-shadow: none;
}
#cart.open > .btn:hover {
color: #444;
}
#cart .dropdown-menu {
background: #fff;
z-index: 1001;
}
#cart .dropdown-menu {
min-width: 100%;
height: fit-content;
overflow: auto;
max-height: calc(100vh - 120px);
}
@media (max-width: 478px) {
#cart .dropdown-menu {
width: 300px;
}
}
#cart .dropdown-menu table {
margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
min-width: 410px;
margin: 0 15px;
padding: 0 10px;
}
@media (max-width: 478px) {
#cart .dropdown-menu li > div {
min-width: 100%;
}
}
#cart .dropdown-menu li p {
margin: 20px 0;
}
/* menu */
#menu {
background-color: #fff;
box-shadow:  0px 1px 4px 0 rgba(0,0,0,.09);
}
#menu .nav > li > a:hover{
color: red;
}
#menu .nav > li > a,.view_more {
color: #272727;
cursor: pointer;
padding: 15px 15px;
min-height: 15px;
letter-spacing: 0.4px;
background-color: transparent;
border-bottom: 1px solid #eaeaea;
}
.view_more {
border-bottom: none;
}
#menu .nav > li:last-child a {
border-bottom: 0;
}
#menu .dropdown-menu {
padding-bottom: 0;
}
#menu .dropdown-inner {
display: table;
}
#menu .dropdown-inner ul {
display: table-cell;
min-width: 220px;
}
#menu .dropdown-inner a {
min-width: 160px;
display: block;
padding: 5px 20px;
clear: both;
line-height: 20px;
color: #272727;
text-transform: capitalize;
font-size: 14px;
letter-spacing:1px;
}
#menu .dropdown-inner li a:hover {
color: red;
}
#menu .see-all {
display: block;
margin-top: 0.5em;
border-top: 1px solid #DDD;
padding: 3px 20px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 3px 3px;
font-size: 12px;
}
#menu .see-all:hover, #menu .see-all:focus {
text-decoration: none;
color: #ffffff;
background-color: #229ac8;
background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
background-repeat: repeat-x;
}
#menu #category {
float: left;
padding-left: 15px;
font-size: 16px;
font-weight: 700;
line-height: 40px;
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
font-size: 15px;
font-stretch: expanded;
color: #FFF;
padding: 0px 18px;
float: right;
margin-top: 4px;
background-color: transparent;
}
/*#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
color: #ffffff;
background-color: #229ac8;
}*/
@media (min-width: 768px) {
#menu .dropdown:hover .dropdown-menu {
display: block;
}
}
@media (max-width: 767px) {
#menu {
position: absolute;
top: 0;
background-color: transparent;
box-shadow: none;
left: 0;
margin: 0;
}
#menu div.dropdown-inner > ul.list-unstyled {
display: block;
}
#menu div.dropdown-menu {
margin-left: 0 !important;
}
#menu .dropdown-inner {
display: block;
}
#menu .dropdown-inner a {
width: 100%;
color: #000;
}
#menu .see-all {
margin-top: 0;
border: none;
border-radius: 0;
color: #fff;
display: none;
}
}
/* content */
/*#content {
min-height: 600px;
margin-top: 20px;
}*/
/* footer */
.home-foot footer{
margin-top: 0;
}

footer {
background-color: #fff;
color: #ccc;
}
footer hr {
border-top: none;
border-bottom: 1px solid #666;
}
footer a {
color: #ccc;
line-height: 28px;
letter-spacing:0.5px;
}
/*footer a:hover,footer a:focus{
color: yellow;
}*/
#aboutf p{
color: #ccc;
line-height: 25px;
margin-bottom: 0;
margin-top: 30px;
text-align: justify;
}
/* alert */
.alert {
padding: 8px 14px 8px 14px;
/* position: absolute; */
left: 0;
right: 0;
top: 0;
z-index:99;
}
.alert-dismissable .close, .alert-dismissible .close{
right: -14px;
    top: -30px;
}
/* breadcrumb */
.breadcrumb {
margin-bottom: 20px;
padding: 8px 10px;
background-color: #fff;
border-radius: 4px;
}
.breadcrumb > li:first-child {
padding-left: 0;
}
.breadcrumb i {
font-size: 15px;
}
.breadcrumb a {
color: #222;
letter-spacing: 1px;
font-size: 14px;
transition: all 0.45s ease 0s;
}
.breadcrumb a:hover{
color:red;
}
.breadcrumb > li {
padding: 0 20px;
position: relative;
white-space: nowrap;
}
.breadcrumb > li + li:before {
content: '';
padding: 0;
}
.breadcrumb > li:after {
content: '';
display: block;
position: absolute;
top: 5px;
right: 0;
width: 9px;
height: 9px;
border-right: 2px solid #222;
border-bottom: 2px solid #222;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.breadcrumb > li:last-child::after {
border-bottom: 0;
border-right: 0;
}
.pagination {
margin: 0;
}
/* buttons */
.buttons {
margin: 1em 0;
}
.btn {
font-size: 16px;
border: 1px solid transparent;
border-radius: 8px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 800;
padding: 10px;
}
.btn-xs {
font-size: 9px;
}
.btn-sm {
font-size: 10.2px;
}
.btn-lg {
padding: 10px 16px;
font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
font-size: 12px;
}
.btn-group > .btn-xs {
font-size: 9px;
}
.btn-group > .btn-sm {
font-size: 10.2px;
}
.btn-group > .btn-lg {
font-size: 15px;
}
.btn-default {
color: #fff;
background-color: red;
}
.btn-default:hover,.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus,
.btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover,.btn-default.focus, .btn-default:focus {
color: #fff;
background-color: #222;
border-color: #222;
}
.btn-primary {
color: #ffffff;
text-shadow: none;
background-color: red;
border-color: red;
font-family: 'CG Omega Bold';
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus,
.btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover ,.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled],
.btn-primary.focus, .btn-primary:focus,.btn-primary.focus, .btn-primary:focus,.btn-primary.disabled, .btn-primary.disabled.active,
.btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled],
.btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
background-color: #333;
border-color: #333;
color: #fff;
}
.btn-warning {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #faa732;
background-image: linear-gradient(to bottom, #fbb450, #f89406);
background-repeat: repeat-x;
border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
color: #ffffff;
background-color: #333;
}
.btn-danger:hover,.btn-danger:active:focus, .btn-danger:active:hover{
background-color: red;
border-color: red;
}
.btn-success {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5bb75b;
background-image: linear-gradient(to bottom, #62c462, #51a351);
background-repeat: repeat-x;
border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
color: #fff;
text-shadow: none;
background-color: red;
border-color: red;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle){
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled],.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover {
background-color: #222;
border-color: #222;
}
.btn-link {
border-color: rgba(0, 0, 0, 0);
cursor: pointer;
color: #23A1D1;
border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
background-color: rgba(0, 0, 0, 0);
background-image: none;
box-shadow: none;
}
.btn-inverse {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #363636;
background-image: linear-gradient(to bottom, #444444, #222222);
background-repeat: repeat-x;
border-color: #222222 #222222 #000000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
background-color: #222222;
background-image: linear-gradient(to bottom, #333333, #111111);
}
/* list group */
.list-group a {
border: 1px solid #DDDDDD;
color: #000;
/* font-family: 'Lato-Bold'; */
font-family: 'Open Sans', sans-serif;
padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
color: red;
background: #fff;
border: 1px solid #DDDDDD;
}
/* carousel */
.carousel-caption {
color: #FFFFFF;
text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
content: '\f053';
font-family: FontAwesome;
}
.carousel-control .icon-next:before {
content: '\f054';
font-family: FontAwesome;
}
/* product list */
.product-thumb {
margin-bottom: 0px;
}
.product-thumb .image {
text-align: center;
padding: 0;
}
.product-thumb .image a {
display: block;
}
.product-thumb .image img {
margin-left: auto;
margin-right: auto;
}
.product-grid .product-thumb .image {
float: none;
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
float: left;
padding: 0 15px;
}
}
/*.product-list .product-thumb .caption {
margin-left: 230px;
}*/
@media (max-width: 767px) {
.product-list .product-thumb .caption {
min-height: 0;
margin-left: 0;
padding: 0 0px;
}
.product-thumb h4{
font-size: 14px;
}
.product-grid .product-thumb .caption {
min-height: 0;
text-align: center !important;
}
}
.product-thumb .rating {
padding-bottom: 0px;
}
.rating .fa-stack {
font-size:6px;
}
.rating .fa-star-o {
color: #ddd;
font-size: 14px;
}
.rating .fa-star {
color: #FC0;
font-size: 14px;
}
.rating .fa-star + .fa-star-o {
color: #FC0;
}
h2.price {
margin: 0;
}
.product-thumb .price-new, .product-thumb .price, .product-lists .price-new, .product-lists .price {
font-size: 18px;
line-height: 41px;
color: #000;
font-weight: 800;
letter-spacing: 0px;
}
.product-thumb .price-old, .product-lists .price-old {
color: #ff0000 !important;
text-decoration: line-through;
margin-left: 3px;
font-size: 18px;
font-weight: 800;
}
.product-thumb .price-tax {
color: #999;
font-size: 12px;
display: block;
}
@media (max-width: 768px) {
.product-list .product-thumb .button-group {
border-left: none;
}
}
.thumbnails {
clear: both;
list-style: none;
padding: 0;
margin: 0;
}

.image-additional a {
margin-bottom: 20px;
padding: 5px;
display: block;
border: 1px solid #ddd;
}
.image-additional {
max-width: 78px;
}
.thumbnails .image-additional {
float: left;
margin-left: 20px;
}
/*
@media (min-width: 1200px) {
#content .col-lg-2:nth-child(6n+1),
#content .col-lg-3:nth-child(4n+1),
#content .col-lg-4:nth-child(3n+1),
#content .col-lg-6:nth-child(2n+1) {
clear:left;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#content .col-md-2:nth-child(6n+1),
#content .col-md-3:nth-child(4n+1),
#content .col-md-4:nth-child(3n+1),
#content .col-md-6:nth-child(2n+1) {
clear:left;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#content .col-sm-2:nth-child(6n+1),
#content .col-sm-3:nth-child(4n+1),
#content .col-sm-4:nth-child(3n+1),
#content .col-sm-6:nth-child(2n+1) {
clear:left;
}
}*/

/* fixed colum left + content + right*/
@media (min-width: 768px) {
#column-left  .product-layout .col-md-3 {
width: 100%;
}

#column-left + #content .product-layout .col-md-3 {
width: 50%;
}

#column-left + #content + #column-right .product-layout .col-md-3 {
width: 100%;
}

#content + #column-right .product-layout .col-md-3 {
width: 100%;
}
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
min-width: 50px;
text-align: center;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled],.btn-info.focus, .btn-info:focus{
background-image: none;
background-color: #222;
border-color: #222;
}

/* custom */

@keyframes color-change {
0% { color: #fff; }
50% { color: #fdd922; }
100% { color: #fff; }
}
#top .head-social a{
animation: color-change 1s infinite;
}
#top ul{
margin-bottom: 0;
}
#top .head-social a:hover{
color: #333;
}
#top-links ul{
margin-bottom: 0;
padding: 10px;
}
#top-links.nav .open > a, #top-links.nav .open > a:focus, #top-links.nav .open > a:hover{
background-color: transparent;
border:none;
}
/*#top .btn-link::before, #top-links a::before{
border-left: 1px solid #fff;
content: '';
margin: 0 10px;
height: 10px;
display: inline-block;
}*/
#top-links ul li:first-child a::before{
border-left: 0;
}
#top-links .dropdown-menu button,#top-links .dropdown-menu a{
color: #222222;
font-size: 14px;
padding: 7px 0px;
}
#top-links .dropdown-menu i{
margin:0 5px;
}
#top-links .dropdown-menu button:hover,#top-links .dropdown-menu a:hover{
color: red;
background-color: transparent;
}
#search{
max-width: 625px;
width: 100%;
float: right;
/* margin: 0 auto; */
}
#cart{
text-align: right;
margin-top: 0px;
}
.mcart{
/*  margin-top: 21px;*/
}
#logo{
margin-top: 0px;
}

#logo img{
width: 100px;
}
.cart-tot{
display: none;
}
.cart-icon {
background-color: #fff;
width: 37px;
height: 37px;
border-radius: 100%;
padding-top: 2px;
font-size: 15px;
display: inline-block;
overflow: hidden;
margin-right: 5px;
}
.cart-icon img{width: 30px;}
.text-right .cart-icon{line-height: 30px;}
.text-right .btn-primary{
display: inline-flex;
align-items: center;
}
#cart button{
background-color: transparent;
border-color: transparent;
color: red;
padding: 0;
display: flex;
flex-direction: row;
align-items: center;
}
#cart button.dropdown-toggle i{
color: red;
}

.ct{
display: inline-block;
position: relative;
top: 5px;
text-transform: capitalize;
font-size: 11px;
letter-spacing: 0.5px;
text-align: left;
}
#cart-total {
font-size: 14px;
font-family:'CG Omega Bold';
position: relative;
top: -4px;
left: 6px;
color: #fff;
font-weight: 600;
}
.stmenu{
float: left;
width: 100%;
background-color: #ffffff;
padding: 15px 0px 16px;
}
header {
float: left;
width: 100%;
}
/* static menu */
#menu1 {
/*    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);*/
/*    margin-bottom: 30px;*/
padding: 15px 0;
background-color: #fff;
float: left;
}
.stmenu ul{
margin-bottom: 0;
}
.cateti h3{
cursor: pointer;
margin: 0;
background-color: red;
padding: 15px 15px;
font-size: 15px;
color: #fff;
/* font-family: 'Lato-Bold'; */
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
z-index: 1;
}
.cateti i{
margin: 0 12px;
font-size: 17px;
}
.stmenu a{
font-size: 15px;
letter-spacing: 1px;
margin: 0px 10px;
display: inline-block;
text-transform: capitalize;
font-weight: 600;
line-height: 31px;
}
.stmenu a:hover{
color: red;
}
@media (min-width: 768px) {
#menu .dropdown:hover .dropdown-menu{
display: block;
}
#menu .dropdown:hover .dropdown-menu{
display: block;
padding: 12px 0;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
border-radius: 0;
}
#menu .dropdown-menu{
background: #FFF;
visibility: hidden;
display: block;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.35s ease-out 0s;
-o-transition: all 0.35s ease-out 0s;
transition: all 0.35s ease-out 0s;
left: 100%;
margin: 0 15px !important;
border: none;
}
#menu .nav > li > a::before{
background-color: transparent;
content: "";
height: 3px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
bottom: 0;
transition: all 0.4s ease-out 0s;
width: 3px;
}
#menu .dropdown-menu{
padding: 12px 0;
min-width: 100%;
top: 0;
}
.enangle {
float: right;
transition: all 0.3s ease 0s;
}
#menu li a:hover .enangle{
transform: rotate(-90deg);
}

}
#menu img,.view_more i{
margin-right: 10px;
vertical-align: middle;
}
.submenu-title{
font-weight:600;
font-size: 14px;
line-height: 22px;
position: relative;
margin: 0 0 4px;
padding: 4px 0;
}
/* slider */
#slideshow0 .owl-wrapper-outer{
border-radius: 0;
box-shadow:  0px 1px 4px 0 rgba(0,0,0,.09) !important;
}
#slideshow0 .owl-pagination{
position: absolute;
bottom: 10px;
top: auto;
left: 0;
right: 0;
}
.owl-theme .owl-controls .owl-page span{
background-color: #222 !important;
opacity: 1 !important;
margin: 0 !important;
}
.owl-controls .owl-page.active span{
background-color: red !important;
}
/* tab product */
.category-tab .nav>li>a{
padding: 0 10px;
}
.nav-tabs>li{
float: none;
display: inline-block;
margin-right: 15px;
}
/* product */
#specialpr .product-layout{
margin-bottom: 10px;
}
#specialpr .product-layout:last-child{
margin-bottom: 0px;
}
.owl-carousel .owl-wrapper{
margin: 0px -15px;
padding-bottom: 20px;
}
.leftpro h4{
margin-top: 0;
}
.leftpro .product-layout{
margin-bottom: 10px;
}
.leftpro .product-layout:last-child{
margin-bottom: 0px;
}
.owl-carousel .owl-buttons div i {
font-size: 15px !important;
position: relative;
top: 0px;
}
.owl-theme .owl-controls .owl-buttons div {
padding: 3px 10px !important;
border-radius: 4px !important;
background: #cacaca !important;
opacity: 1 !important;
width: 26px;
height: 26px;
line-height: 22px;
text-align: center;
}
.owl-theme .owl-controls .owl-buttons div:hover {
background: red !important;
}
.nav-tabs > li > a{
color: #3d3d3d;
font-size: 15px;
transition: 0.3s;
}
.nav-tabs > li.active > a,.nav-tabs > li > a:hover,.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
color: red;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover,.nav-tabs > li > a,.nav-tabs{
border:none;
}
.nav > li > a:focus, .nav > li > a:hover{
background-color: transparent;
}
.product-thumb:hover .second-img {
opacity: 1;
}
.product-thumb .second-img, .leftpro .second-img {
top: 0;
left: 0;
margin: 0 auto;
opacity: 0;
position: absolute;
right: 0;
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
}
.tab-content{
float: left;
width: 100%;
}
.pro-bg{
margin-top: 40px;
}
.pro-bg hr{
clear: both;
border-top: 1px solid #eaeaea;
}
.pro-bg h2{
font-size: 33px;
text-transform: uppercase;
margin-top: 10px;
font-weight: 700;
letter-spacing: 0px;
margin-bottom: 40px;
}
.salepro {
position: absolute;
left: 10px;
font-size: 9px;
font-weight: 700;
line-height: 21px;
width: 60px;
text-transform: uppercase;
top: 10px;
z-index: 100;
color: #fff;
right: 10px;
text-align: center;
background-color: #ff7878;
letter-spacing: 1px;
}
.pro-bg .nav-tabs{
margin-right: 90px;
text-align: right;
}
.category-tab h2{
margin:0;
}
.pro-nepr .owl-theme .owl-controls .owl-buttons .owl-next{
position: absolute;
top: -40px;
right: 30px;
}
.pro-nepr .owl-theme .owl-controls .owl-buttons .owl-prev{
position: absolute;
top: -40px;
left: auto;
right: 65px;
}
.product-thumb h4{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-bottom:0px;
}
.product-thumb h4 a{
color: #555;
font-size: 14px;
text-transform: capitalize;
}
.product-thumb h4 a:hover,.product-thumb h4:hover{
color: red;
}
svg{
vertical-align: middle;
}
.button-group button:hover{
background-color: #333;
fill: #fff;
}
.button-group button{
width: 40px;
height: 40px;
border: none;
background-color: red;
border-radius: 50%;
fill: #fff;
transition: all 300ms ease-in-out;
}
.pcart svg{
transform: rotateY(180deg);
}
/* gtv-cart */
.qop{
margin-top: 10px;
}
.qlable{
display: inline-block;
margin-right: 8px;
}
.qop.input-group .form-control[name^=quantity]{
position: relative;
width: 70px;
min-width: 44px;
display: inline-block;
float: none;
padding: 0 5px;
}
.acart {
color: #777;
height: 35px;
border: 1px solid #eee;
border-radius: 0;
background-color: #fff;
line-height: 0;
padding: 0 20px;
margin-left: 20px;
}
.product-thumb:hover .acart{
border: 1px solid red;
background-color: red;
fill: #fff;
}
.acart svg {
transform: rotateY(180deg);
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
opacity: 1;
}
@media(min-width: 768px){
.button-group{
position: absolute;
bottom: 130px;
left: 0;
right: 0;
margin: 0 auto;
opacity: 0;
transition: all 410ms ease-in-out;
}
.product-thumb:hover .button-group{
bottom: 140px;
opacity: 1;
}
.product-thumb .is-countdown{
transition: all 410ms ease-in-out;
}
.product-thumb:hover .is-countdown{
opacity: 0;
}
}
/* banner */
.fbanner img,.offerbanner img,.sellbanner img{
box-shadow: 0px 1px 4px 0 rgba(0,0,0,.09);
border: 1px solid #eaeaea;
}
.fbanner,.sellbanner{
margin-top: 40px;
padding: 0;
}
.offerbanner{
margin-top: 40px;
}
/* left product */
#onsale .image{
background-color: #f3f3f3;
}
/* testimonial */
.timg img{
border-radius: 50%;
width: 100px;
height: 100px;
}
#testi h1 {
font-size: 16px;
font-weight: normal;
letter-spacing: 1px;
margin-top: 15px;
text-transform: capitalize;
color: red;
}
#testi p {
padding: 0 3px;
color: #9A9A9A;
font-size: 12px;
line-height: 25px;
letter-spacing: 1px;
}
.center-b{
margin-top: 30px;
margin-bottom: 30px;
}
.testim{
float: left;
width: 100%;
margin-top: 40px;
box-shadow: 0px 1px 4px 0 rgba(0,0,0,.09);
padding: 20px;
background-color: #fff;
text-align: center;
}
/* blog */
.blog-heading{
font-size: 18px;
letter-spacing: 1px;
font-weight: normal;
text-transform: uppercase;
text-align: center;
margin: 12px 0 15px 0;
}
/* BLOG START  */
.blog-date{
float: left;
}
#content .box-product .blog-items {
display: inline-block;
float: left;
}
.blog-left {
margin-bottom: 10px;
}
.date-blog-hr{
margin-top: 10px;
margin-bottom: 10px;
}
.the_dated{
font-size: 40px;
}
.view-blog {
float: left;
width: 100%;
text-align: left;
margin: 0 0 10px;
}
.read-more {
float: left;
}
.author {
color: #808080;
margin-bottom: 15px;
}
.blog-right .author .fa.fa-user {
color: #9c9c9c;
margin-right: 3px;
}
#blog{
margin-bottom: 0;
}
.blog-desc {
margin-top: 10px;
color: #797979;
text-transform: capitalize;
font-size: 12px;
letter-spacing: 1px;
}
.blog-img {
padding: 10px 0 0;
}
.date-time, .write-comment > a {
color: #797979;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 12px;
}
.date-time{
margin-left: 5px;
}
#content #blog-carousel, #content #blog-grid {
padding: 0px 0;
border: none;
overflow: visible;
}
#content #blog-carousel .blog-item {
float: left;
}
.bhome{
padding-bottom: 0;
}
#content #blog-carousel .product-block:hover, #content #blog-grid .product-block:hover {
box-shadow: none;
}
.bsp{
margin:0 5px;
}
a.icon.readmore_link{
margin-top: 15px;
}
.blog-right h4 a {
font-size: 14px;
/* font-family: 'Lato-Bold'; */
font-family: 'Open Sans', sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
color: #212121;
}
.blog-right h4{
margin-top: 15px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.product-block .blog-right h4 a:hover {
color: #00b9f7;
}
.blog_comment {
font-size: 16px;
margin: 0 25px;
float: left;
}
.blog-right .read_link > a {
text-decoration: underline;
}
.read_link{
margin-top: 15px;
}
.read_link .fa.fa-book {
margin-right: 5px;
}
.inspire-single-blog .blog-desc {
color: #797979;
text-align: justify;
margin-top: 15px;
}
.inspire-single-blog .block-title h3 {
padding: 10px 0;
color: #222;
}

.blog-comment{
font-size: 16px;
color: #00b9f7;
margin-top: 20px;
}
.inspire-single-blog .view-comment .panel-default {
border-top: 1px solid #f3f3f3;
border-bottom: 1px solid #f3f3f3;
border-left: medium none;
border-right: medium none;
box-shadow: none;
padding: 20px 0;
}
.view-comment .name {
color: #161b1e;
font-weight: 700;
}
.view-comment .date {
color: #bbb;
font-size: 12px;
}
.inspire-blog-image {
position: relative;
transition: all 600ms ease-in-out 0s;
-webkit-transition: all 600ms ease-in-out 0s;
-moz-transition: all 600ms ease-in-out 0s;
-o-transition: all 600ms ease-in-out 0s;
-ms-transition: all 600ms ease-in-out 0s;
}
/*.inspire-blog-image:hover{
background-color: #000;
transition: all 600ms ease-in-out 0s;
-webkit-transition: all 600ms ease-in-out 0s;
-moz-transition: all 600ms ease-in-out 0s;
-o-transition: all 600ms ease-in-out 0s;
-ms-transition: all 600ms ease-in-out 0s;
}
.inspire-blog-image:hover img{
opacity: 0.5;

}*/
.img-thumbnail{
border: none;
}
.headingpage{
font-size: 20px;
letter-spacing: 1px;
color: #212121;
}
/* .inspire-post-author{
text-align: center;
} */
.product-block .blog-left .inspire-post-author {
bottom: -20px;
color: #ffffff;
display: inline-block;
font-size: 12px;
font-weight: 600;
left: 20px;
position: absolute;
text-transform: capitalize;
transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-webkit-transition: all 300ms ease 0s;
-ms-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
z-index: 9999;
text-align: center;
}
.product-block:hover .blog-left .inspire-post-author {
bottom: 23px;
}

/* .write-comment > a:hover, .product-block .blog-right a:hover {
color: #fff;
} */
.product-block .blog-left .inspire-post-author::before {
border-bottom: 1px solid #fff;
bottom: -7px;
content: "";
display: block;
left: 0;
margin: 0 auto;
position: absolute;
text-align: center;
width: 30px;
}
.inspire_blog_page .panel-body {
border: medium none;
padding: 0px;
}
.inspire_blog_page .inspire-blog-image {
background-position: center center;
float: left;
margin-bottom: 20px;
overflow: hidden;
position: relative;
width: 100%;
}
.inspire_blog_page .panel.panel-default {
border: medium none;
}
.inspire_blog_data_left .blog-date {
color: #00b9f7;
font-size: 14px;
}
.inspire_blog_page .panel-body h5 {
color: #222;
display: inline;
font-size: 19px;
text-transform: capitalize;
}
.blog_links .blog_autor {
float: left;
font-size: 12px;
position: relative;
}
.blog_links .write-comment {
font-size: 16px;
}
.blog_links .fa {
margin-right: 5px;
}
.blog_links {
margin: 8px 0px;
}
.inspire_blog_page .panel-body a {
color: #2b2b2b;
}
.inspire_blog_page .panel-body a:hover, .inspire_blog_page .panel-body a:focus {
color: #00b9f7;
}
.inspire_blog_page .read-more {
float: left;
text-align: left;
margin: 20px 0 0;
}
.inspire_blog_page .read-more a {
background: #222;
border: 1px solid #222;
color: #fff;
display: inline-block;
padding: 6px 10px;
transition: all 300ms ease 0s;
text-transform: capitalize;
border-radius: 4px;
}
.inspire_blog_page .read-more a:hover {
background: #00b9f7;
border: 1px solid #00b9f7;
color: #fff;
transition: all 300ms ease 0s;
}
.inspire_blog_page .inspire-blog-image .blog-post-image-hover {
height: 100%;
left: 0;
position: absolute;
top: 0;
transform: scale(0);
-moz-transform: scale(0);
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
visibility: hidden;
width: 100%;
}
.inspire_blog_page .inspire-blog-image .inspire_post_hover .icon.zoom {
border: 2px solid #fff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
color: #fff;
display: inline-block;
margin-right: 10px;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
-ms-opacity: 0;
-khtml-opacity: 0;
padding: 10px 14px;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
z-index: 10;
}
.inspire_blog_page .inspire-blog-image .inspire_post_hover .icon.zoom .fa, .inspire_blog_page .inspire-blog-image .inspire_post_hover .icon.readmore_link .fa {
color: #fff;
font-size: 40px;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}
.inspire_blog_page .inspire-blog-image .inspire_post_hover .icon.readmore_link {
border: 2px solid #fff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
color: #fff;
display: inline-block;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
-ms-opacity: 0;
-khtml-opacity: 0;
padding: 10px 14px;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
z-index: 10;
}
.inspire_blog_page .inspire-blog-image:hover .blog-post-image-hover {
opacity: 0.3;
-moz-opacity: 0.3;
-webkit-opacity: 0.3;
-ms-opacity: 0.3;
-khtml-opacity: 0.3;
transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
visibility: visible;
}
.inspire_blog_page .inspire-blog-image:hover .inspire_post_hover, .inspire_blog_page .inspire-blog-image:hover .inspire_post_hover .icon.readmore_link, .inspire_blog_page .inspire-blog-image:hover .inspire_post_hover .icon.zoom {
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
-ms-opacity: 1;
-khtml-opacity: 1;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}
.inspire_blog_page .inspire-blog-image .inspire_post_hover .icon.readmore_link:hover, .inspire_blog_page .inspire-blog-image .inspire_post_hover .icon.zoom:hover {
background-color: #3498db;
border-color: #3498db;
}
.inspire_blog_page .inspire-blog-image:hover .inspire_post_hover .icon.zoom .fa, .inspire_blog_page .inspire-blog-image:hover .inspire_post_hover .icon.readmore_link .fa {
font-size: 14px;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}

.inspire-single-blog .blog-img {
padding: 0;
}
#add-comment-blog.panel-default {
border: medium none;
}
#content.inspire-single-blog > h4 {
font-weight: 700;
font-size: 17px;
}
.inspire-single-blog .view-comment .name, .inspire-single-blog .view-comment .date, .inspire-single-blog .view-comment .col-sm-8, .inspire-single-blog .view-comment .col-sm-3 {
width: 100%;
}
.user_icon {
background-color: #f8f8f8;
border: 1px solid #f8f8f8;
float: left;
margin: 2px 15px 15px 0;
padding: 7px 13px;
}
.user_icon .fa {
color: #d50000;
font-size: 20px;
margin-top: 3px;
}
#add-comment-blog .col-sm-10 {
width: 66.6667%;
}
#add-comment-blog .col-sm-2 {
width: 25%;
display: none;
}
.blog_inspire .heading{
margin-left: 15px;
}
@media(min-width: 980px) and (max-width: 991px){
.product-block .blog-left .inspire-post-author{
display: none;
}
}
@media(min-width: 992px) and (max-width: 1199px){
.product-block .blog-left .inspire-post-author{
bottom: -50px;
}
}
@media(min-width: 320px) and (max-width: 767px){
.blog-right {
margin-top: 25px;
}
}
@media(min-width: 320px) and (max-width: 360px){
.blog_links .write-comment {
font-size: 13px;
}
.blog_comment {
font-size: 14px;
margin: 0 10px;
}
}
/* inspire MAGNIFIC POPUP CSS */
.inspire-blog-image .inspire_post_hover {
left: 0;
margin: 0 auto;
opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
position: absolute;
right: 0;
text-align: center;
top: 46%;
}
.inspire_blog_page .inspire-blog-image .inspire_post_hover {
top: 45%;
}
.product-block:hover .blog-left .inspire_post_hover, .product-block:hover .blog-left .zoom, .product-block:hover .blog-left .readmore_link {
opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
-kkhtml-opacity: 1;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}
.product-block:hover .blog-post-image-hover {
opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
-kkhtml-opacity: 1;
}
.product-block .inspire-blog-image .inspire_post_hover .zoom, .product-block .inspire-blog-image .inspire_post_hover .readmore_link {
display: inline-block;
float: none;
color: transparent;
position: relative;
width: 40px;
}
.product-block .inspire-blog-image .inspire_post_hover .readmore_link {
margin-left: 10px;
}
.inspire-blog-image .inspire_post_hover .zoom::before, .inspire-blog-image .inspire_post_hover .readmore_link::before {
border: 2px solid #fff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
bottom: 0;
box-sizing: border-box;
color: #fff;
content: "\f00e";
font-family: "FontAwesome";
font-size: 14px;
height: 40px;
left: 0;
margin: auto;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
-ms-opacity: 0;
-khtml-opacity: 0;
padding: 8px 0;
position: absolute;
text-align: center;
top: 0;
transform: scale(1.5);
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
width: 40px;
}
.inspire-blog-image .inspire_post_hover .readmore_link::before {
content: "\f0c1";
}
.product-block:hover .inspire-blog-image .inspire_post_hover .readmore_link::before, .product-block:hover .inspire-blog-image .inspire_post_hover .zoom::before {
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
-ms-opacity: 1;
-khtml-opacity: 1;
transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.blog-left .inspire-blog-image .zoom:hover::before, .blog-left .inspire-blog-image .readmore_link:hover::before {
background-color: #00b9f7;
border-color: #00b9f7;
}
/* BLOG End*/
/* count down */


/* jQuery Countdown styles 2.0.0. */
.is-countdown {
position: absolute;
bottom: 50%;
left: 0;
right: 0;
margin: 0 auto;
text-align:center;
}
.countdown-rtl {
direction: rtl;
}
.countdown-row { width:100%; display:inline-block; }
.countdown-row .countdown-section {
min-width: 47px;
margin: 0 5px;
padding: 5px 5px 5px;
background: rgba(255, 255, 255, 0.9);
box-shadow: 0px 1px 4px 0 rgba(0,0,0,.09);
display: inline-block;
border-radius: 4px;
height: 47px;
border: 1px solid #eaeaea;
}
.countdown-row .countdown-section:last-child {
margin:0 !important;
}
.countdown-amount {
font-size: 16px;
/* font-family: 'Lato-Bold'; */
font-family: 'Open Sans', sans-serif;
color:#333;
}
.countdown-period {
font-size: 12px;
color: #333;
font-weight: 400;
display: block;
margin-top: -3px;
}
.countdown-descr {
display: block;
width: 100%;
}
@media (max-width: 1199px){
.countdown-row .countdown-section {
min-width: 43px;
}
.countdown-amount { font-size:12px; }
.countdown-period { font-size:11px; line-height:14px; }
.is-countdown { margin:20px 0 0; }
}
@media (max-width: 992px){
.is-countdown { padding:30px 5px 10px; }
}
/* newsletter */
.inspire-newsletter p{
color: #3d3d3d;
font-size: 15px;
margin-bottom: 20px;
text-transform: capitalize;
}
.inspire-newsletter input{
background-color: #f3f3f3;
border-radius: 4px;
}
.inspire-newsletter .btn{
background-color: red;
border-color: red;
letter-spacing: 0.5px;
text-transform: uppercase;
font-size: 14px;
color: #fff;
/* border-radius: 20px; */
/* font-family: 'Lato-Bold'; */
font-family: 'Open Sans', sans-serif;
box-shadow: none;
}
/* special */
#specialpr .product-thumb:hover .price, #specialpr .product-thumb:hover .rating{
opacity: 1;
}
/* logo slider */
.logo-slider .owl-carousel,.logo-slider {
background-color: transparent;
padding: 15px 0;
}
.logo-slider{
margin-left: -15px;
margin-right: -15px;
margin-top: 30px;
}
#carousel0{
background-color: #fff !important;
box-shadow: 0px 1px 4px 0 rgba(0,0,0,.09);
}
#carousel0 img{
opacity: 0.7;
}
#carousel0 img:hover{
opacity: 1;
}
/* footer */
@media(min-width: 768px){
.footer-collapse.collapse,#filtercol.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.middle-footer h5 button,.filtercolb {
display: none;
}
}
footer #column-left1,footer #column-right1{
width: 100%;
}
footer h5::before {
background-color: red;
}
.middle-footer #column-right{
margin-top: 0
}
footer h5::before {
content: "";
height: 2px;
position: absolute;
top: 35px;
width: 40px;
z-index: 3;
}
footer h5{
font-size: 16px;
/* font-family: 'Lato-Bold'; */
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
color: #fff;
letter-spacing: 1px;
margin-bottom: 20px;
}
footer .f-left li i {
padding-right: 10px;
font-size: 14px;
color: red;
width: 30px;
}
footer .f-left li{
line-height: 28px;
}
footer .f-left li {
font-size: 15px;
letter-spacing: 0.5px;
}
#column-left1 p{
font-size: 15px;
letter-spacing: 0.5px;
}
.xs-fab{
margin:0 -15px;
}
.foot-payment i{
font-size: 25px;
margin: 0px;
}
.foot-payment i:hover{
color: red;
}
.foot-payment{
margin: 0;
}
.foot-power{
background-color: #1f1e1e;
padding: 12px 0;
margin-top: 30px;
}
#scroll:hover {
background-color: #333;
border: 5px solid #333;
}
#scroll:hover i {
color: red
}
#scroll {
background-color: red;
border: 5px solid red;
position: fixed;
right: 10px;
bottom: 10px;
cursor: pointer;
width: 40px;
height: 40px;
outline: none;
z-index: 1;
border-radius: 100%;
line-height: 28px;
text-align: center;
transition: all 400ms ease-in-out 0s;
}
#scroll i {
color: #fff;
font-size: 18px;
line-height: 28px;
}
/* product page */
.allhading,.heading{
font-size: 18px;
/* font-family: 'Roboto-Medium'; */
font-family: 'Open Sans', sans-serif;
margin-bottom: 20px;
text-transform: capitalize;
color: #333;
}
#related{
background-color: #fff !important;
border-radius: 2px;
padding: 0 10px;
}
.propage-tab .nav-tabs {
margin-bottom: 0;
}
.propage-tab .tab-content {
background-color: #fff;
border: 1px solid #ebebeb;
padding: 20px;
}
.propage-tab .nav-tabs > li > a {
border-radius: 0;
margin: 0;
background-color: #fff;
border: 1px solid #ebebeb;
font-size: 14px;
letter-spacing: 0.5px;
text-transform: capitalize;
color: #282828;
border-right: 1px solid #ebebeb;
letter-spacing: 0;
}
.propage-tab .nav-tabs > li.active > a, .propage-tab .nav-tabs > li.active > a:focus, .propage-tab .nav-tabs > li.active > a:hover {
border-bottom: 1px solid #ebebeb;
border: 1px solid #ebebeb;
}
.propage-tab .nav-tabs > li.active > a, .propage-tab .nav-tabs > li.active > a:focus, .propage-tab .nav-tabs > li.active > a:hover {
color: red;
letter-spacing: 0;
}
.propage-tab .nav-tabs li {
text-transform: capitalize;
position: relative;
float: left;
}
.propage-tab .nav-tabs {
border-bottom: none;
}
.pro-price{
font-size: 18px;
}
.palert,#tab-review .alert{
position: relative;
}
#tab-review i{
color: #FC0;
}
#tab-specification .table-bordered > thead > tr > td,#tab-specification .table-bordered > tbody > tr > td{
border: 1px solid #f6f6f6;
}
#tab-specification strong{
color: red;
}
.thumbnails {
position: relative;
padding: 0;
border: none;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: none;
background: #F8F8F8;
}
.thumbnail{
min-width: 580px;
height: 480px;
background-color: transparent;
border: 0px;
margin-bottom: 0px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media(min-width: 992px){
.proimg{
position: sticky;
top: 150px;
}
}
.product-right .qty-plus-minus .form-control {
width: 10%;
text-align: center;
color: #232d2a;
}
.btnplus {
border-radius: 0 0px 0px 0 !important;
border-left: 0;
line-height: 22px;
}
.btnminus {
border-radius: 0px 0 0 0px !important;
border-right: 0;
line-height: 22px;
}
.prosp {
border-top: 1px solid #ebebeb;
}
.text-prodecor, .text-de {
text-transform: capitalize;
color: #161616;
font-size: 14px;
letter-spacing: 1px;
min-width: 145px;
display: inline-block;
}
.textdeb {
color: red;
margin: 0 4px;
}
.textdeb:hover{
color: #333;
}
.custom-radio .img-thumbnail {
display: block;
padding: 0;
border-radius: 4px;
border: none;
/*height: 30px;
width: 30px;*/
}
.text-prodecorop {
text-transform: capitalize;
color: #161616;
font-size: 14px;
letter-spacing: 1px;
}
.datebtn {
background-color: red;
color: #fff;
border-radius: 0 0px 0px 0 !important;
border: 1px solid red;
box-shadow: none;
transition: all 0.5s linear;
padding: 6px 12px;
border-radius: 0 4px 4px 0 !important;
}
.datebtn:hover, .btnup:hover, .add-to-cart:hover,.btnupload:hover,
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus,
.btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover,.btn-primary.focus, .btn-primary:focus,
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
background-color: #333;
color: #fff;
border: 1px solid #333;
}
#additional {
/*background-color: transparent;*/
}
.btnupload {
color: #fff;
background-color: red;
border-color: red;
transition: all 0.5s linear;
font-size: 16px;
box-shadow: none;
}
.prowritere {
text-align: center;
font-size: 14px;
letter-spacing: 0.5px;
line-height: 30px;
}
.proreviewre {
text-align: center;
font-size: 16px;
letter-spacing: 1px;
margin-top: 4px;
text-transform: capitalize;
}
.prodrate {
font-size: 16px;
letter-spacing: 1px;
margin: 5px 0;
}
.zoomWindow{
border: 1px solid red !important;
top: 0 !important;
}
.productwish button {
background-color: transparent;
color: red;
box-shadow: none;
border: none;
font-size: 37px;
margin-right: 10px;
padding: 0;
}
.zoomLens{
border: none !important;
}
.product-right .qty-plus-minus .form-control:focus{
border-color: #ebebeb;
}
.product-right #input-quantity{
border-radius: 0;
width: 26%;
height: 52px;
border-color: transparent;
font-size: 20px;
font-weight: 500;
}
.cart-section .btn{
padding: 0px 15px;
font-size: 14px;
border: 1px solid transparent;
border-radius: 8px;
height: 54px;
line-height: 54px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 800;
}
.propage-tab{
margin-top: 20px;
margin-bottom: 30px;
}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover{
border:none;
}
/* category page */
.filterp .panel-heading{
margin-bottom: 20px;
border-radius: 0;
}
.leftpro .product-thumb .price-new{
letter-spacing: 0;
font-size: 13px;
}
.leftpro .product-thumb .price-old {
letter-spacing: 0;
font-size: 13px;
}
.panel-default>.panel-heading,.panel-footer{
background-color: #f5f5f5;
border-radius: 4px;
color: red;
}
.allprobg {
margin: 0;
background-color: #fff;
box-shadow: 0px 1px 4px 0 rgba(0,0,0,.09);
padding: 20px 15px;
margin-bottom: 30px;
}
#column-left .panel-default{
margin-top: 40px;
box-shadow: 0px 1px 4px 0 rgba(0,0,0,.09);
border: none;
border-radius: 0;
padding: 5px;
}
.product-thumb .image {
background-color: #fff;
position: relative;

}
.filter-panel .panel-footer{
background-color: #fff;
}
.filter-panel .list-group a {
color: red;
border-bottom: 1px dotted #ddd;
padding-bottom: 10px;
font-weight: normal;
}
.filter-panel .list-group a:hover {
background-color: transparent;
border-bottom: 1px dotted #ddd;
}
.filter-panel .list-group-item {
background-color: transparent;
}
.cate-top {
background-color: #fff;
padding: 15px;
border: 1px solid #ebebeb;
border-radius: 4px;
}
.cate-top h2{
font-size: 18px;
color: red;
letter-spacing: 0.5px;
margin-top: 0;
text-transform: capitalize;
}
.cate-top p{
font-size: 12px;
color: #aaa;
letter-spacing: 0.5px;
text-transform: capitalize;
}
.cate-top img{
border-radius: 4px;
}
.cate-border {
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 4px;
margin: 25px 0;
padding: 10px 0px;
}
#compare-total{
position: relative;
color: red;
top: -6px;
}
#compare-total:hover{
color: #222;
}
.catesort label {
background-color: #fff;
border: none;
font-size: 16px !important;
color: #161616 !important;
}
.select-input::after {
font-family: 'fontawesome';
content: '\f107';
font-size: 14px;
position: absolute;
right: 10px;
top: 7px;
pointer-events: none;
z-index: 2;
}
.select-input {
position: relative;
}
.selectdrop select.form-control {
appearance: none;
-o-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
cursor: pointer;
}
.listgridbtn img{
height: 24px;
width: 24px;
}
.listgridbtn {
background-color: #fff;
color: #161616 !important;
border: none;
box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 5px !important;
border: 1px solid #cccccc;
}
.listgridbtn.active, .listgridbtn.active:hover, .listgridbtn:hover {
border: 1px solid red;
border-radius: 4px;
background-color: red;
padding: 5px;
box-shadow: none;
}
.listgridbtn i {
font-size: 22px;
}
.btn-link:focus, .btn-link:hover{
text-decoration: none;
}
.product-grid .product-thumb{
background-color: #fff;
}
.product-grid{
margin-bottom: 40px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media(min-width: 768px){
.product-list .product-thumb .caption {
text-align: left;
}
.product-list .product-thumb .button-group{
text-align: left;
margin-right: 10px;
margin-top: 10px;
}
.product-list .product-thumb h4{
margin-top: 0;
}
.product-list .qop {
display: inherit;
}
}
.product-list .button-group{
position: unset;
opacity: 1;
transition: none;
}
.product-list .product-thumb:hover .button-group{
opacity: 1;
}
.product-list .image{
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.product-list .product-thumb {
border: 1px solid #DEDEDE;
background-color: #f7f5f5;
border-radius: 12px;
overflow: hidden;
max-width: 402px;
}
.product-list{
float: left;
width: 100%;
padding: 0px 15px 0px;
}
.product-grid .list-des {
display: none;
}
.list-des{
text-transform: capitalize;
color: #282828;
max-height: 40px;
overflow: hidden;
}
.product-list .caption h4 a{
font-size: 18px;
}
.category-products{
background-color: #fff;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border: 1px solid #eaeaea;
margin-bottom: 10px;
}
.category-products .product-grid.col-lg-3{
padding-left: 5px;
padding-right:5px;
}
.sb-theme-cat-desc{
background-color: #ffffff;
margin-top: 10px;
padding: 10px;
}
.sb-theme-list-grid button{
padding: 6.5px 12px 8px 11px;
}
.sb-theme-list-grid{
margin-left: 5px;
}
.sb-theme-list-grid img{
width: 16px;
height: 17px;
}
.sb-theme-list-grid .btn-default{
border-radius: 0;
box-shadow: none;
background-color: #fff;
outline: none !important;
background-image: none;
}
.sb-theme-list-grid .btn-default.active{
background-color: #ffe72f !important;
border: 1px solid #ddd;
}
.sb-theme-cat-list ul{
padding: 0;
margin: 0;
}
.sb-theme-cat-list ul li{
display:inline;
float: left;
margin-left:5px;
background-color: #ffffff;
border: 1px solid #e5e5e5;
padding:8px 15px 5px;
}
.sb-theme-cat-list ul li:first-child{
margin: 0;
}
.sb-theme-cat-list ul li a{
text-decoration: none;
}
.sb-theme-cat-cmpr a{
font-size: 15px;
text-decoration: none !important;
}
.sb-theme-list-grid button {
padding: 4.5px 10px 6px 9px !important;
}
/* pagination */
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
background-color: red;
border-color: red;
}
.pagination > li > a, .pagination > li > span {
color: red;
padding: 7px 12px 5px 12px;
border: 1px solid #ececec;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
color: #fff;
background-color: red;
border-color: red;
}
.pagi .tot{
line-height: 34px;
}
/* other page */
.table{
background-color: #fff;
}
.accountpagebg {
background-color: #fff;
padding: 10px;
border-radius: 4px;
}
.accountpagebg .co-heading {
margin-top: 0;
font-size: 16px;
color: #fff;
border: 1px solid #eee;
border-radius: 4px;
padding: 5px 10px 7px 10px;
background-color: red;
}
.co-heading {
margin-top: 0;
text-align: center;
font-size: 32px;
color: #000;
text-transform: uppercase;
font-weight: 800;
margin-bottom: 30px;
font-family: 'CG Omega Bold';
}
#column-right{
margin-top: 20px;
}
/* responsive */
@media(min-width: 992px) and (max-width: 1199px){
.category-tab .nav>li>a {
padding: 0 5px;
letter-spacing: 0;
font-size: 13px;
}
.countdown-row { width:100%; display:inline-block; }
.countdown-row .countdown-section {
margin: 0 3px;
}
#top .btn-link::before, #top-links a::before {
margin: 0 6px;
}
#zoom_03 {
max-width: 333px;
}
#gallery_01 a{
overflow: hidden;
}
.prowrite {
font-size: 13px;
}
.rating .fa-stack {
font-size: 7px;
}
.leftpro .product-thumb .price-old{
display: none;
}
.leftpro .rating .fa-stack {
font-size: 5px;
}
.leftpro .rating .fa-star-o {
font-size: 13px;
}
}
@media(max-width: 991px){
.product-right h1{
margin-top: 15px;
font-size: 24px;
line-height: 32px;
padding-right: 120px;
margin-bottom: 15px;
}
.sku {
font-size: 18px;
line-height: 26px;

}
.pro-price, .price{
line-height: 26px;
}
.description p {
font-size: 14px;
line-height: 18px;
}
.btn-wishlist {
height: 42px;
}
.category-tab{
padding: 0px;
}
}
@media(min-width: 768px) and (max-width: 991px){
.leftpro .rating .fa-stack {
font-size: 5px;
}
.leftpro .rating .fa-star-o {
font-size: 13px;
}
.leftpro .product-thumb .price-old{
display: none;
}
.category-tab .nav>li>a {
padding: 0 4px;
font-size: 13px;
letter-spacing: 0;
margin-top: 15px;
}
.pro-bg .nav-tabs {
margin-right: 0;
text-align: left;
}
.category-tab h2 {
float: none !important;
}
.countdown-row { width:100%; display:inline-block; }
.countdown-row .countdown-section {
margin: 0 3px;
}
.head-social{
font-size: 12px;
letter-spacing: 0;
}
#top .btn-link::before, #top-links a::before {
margin: 0 8px
}
.sb-theme-list-grid button {
padding: 6.5px 10px 8px 9px !important;
}
.catesort {
clear: none !important;
}
.pro-content{
margin-top: 15px;
}
#menu .dropdown-inner a {
min-width: 130px;
padding: 3px 5px;
}
#specialpr .product-thumb .price-old{
display: none;
}
.foot-payment i {
font-size: 25px;
margin: 0 0px;
}
#aboutf p {
max-height: 200px;
overflow: hidden;
}
}
@media(max-width: 767px){
.acart {
padding: 0 8px;
margin-left: 5px;
}
.pro-bg h2 {
font-size: 16px;
}
.product-thumb .price-old {
margin-left: 0px;
font-size: 13px;
}
.product-layout .button-group{
display: none;
}
.pro-bg .nav-tabs {
margin-right: 0;
text-align: center;
position: absolute;
background-color: #fff;
border: 1px solid #eee;
border-radius: 4px;
padding: 5px 0px;
left: 41px;
right: 40px;
margin-top: 40px;
z-index: 9;
}
.category-tab .nav-tabs>li {
display: inline-block;
float: none;
padding: 5px 0;
}
.category-tab .nav-tabs>li:first-child,
.category-tab .nav-tabs>li:first-child .cate{width: 100%;}
.category-tab .nav-tabs>li {width: 49%;}
.align-items-center{display: flex; flex-wrap: wrap; justify-content: center;}
.qty-plus-minus{display: block !important;}
.catb {
background: #fff;
color: #111;
padding: 0;
border: none;
}
.catbe{
text-align: right;
margin-right: 80px;
}
.catb.toggle.collapsed::after {
font-family: 'FontAwesome';
content: '\f067';
font-size: 14px;
font-weight: normal;
float: right;
cursor: pointer;
}

.catb.toggle::after {
font-family: 'FontAwesome';
content: '\f068';
font-size: 14px;
font-weight: normal;
float: right;
cursor: pointer;
}
.button-group button {
width: 30px;
height: 30px;
}
.button-group button svg {
width: 15px;
height: 15px;
}
/* sidenav */
body.active {
overflow: hidden;
}
body.active::before {
background: #000000 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.7;
position: absolute;
top: 0;
width: 100%;
z-index: 999;
transition: all .2s ease 0s;
-webkit-transition: all .2s ease 0s;
-moz-transition: all .2s ease 0s;
-ms-transition: all .2s ease 0s;
-o-transition: all .2s ease 0s;
}
body.active .sidenav {
overflow-x: unset;
overflow-y: scroll;
}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 999;
top: 0;
left: 0;
background-color: #111;
transition: 0.5s;
padding-top: 60px;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
box-shadow: 5px 0 5px 0 rgba(0,0,0,.06);
clear: both;
height: 100%;
background-color: #fff;
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
.sidenav .close-nav {
background-color: #161616;
padding: 12px 15px;
width: 100%;
display: inline-block;
color: #fff;
letter-spacing: 1px;
}
#mobile_top_menu_wrapper {
margin: 0;
line-height: 20px;
display: block !important;
}
.closebtn{
float: right;
}
.close-nav i{
color: #fff;
font-size: 16px;
}
.navbar-header button{
border: none;
background: transparent;
color: #fff;
font-size: 16px;
cursor: pointer;
vertical-align: bottom;
}
#menu .navbar-collapse {
display: block;
}
/*  .mcart{
position: absolute;
top: 45px;
right: 0;
}*/
#cart {
margin-top: 0px;
}
.cart-icon {
width: 25px;
height: 25px;
padding-top: 0px;
}
.cart-icon img{width: 24px;}
#search {
margin-top: 15px;
}
#cart-total {
font-size: 11px;
color: #000;
}
#common-home #content {
margin-top: 20px;
}
#cart .dropdown-menu{position: relative;     /*height: calc(50vh - 20px)*/ height: auto;}

}

@media(max-width: 767px){
.product-thumb .rating {
padding-bottom: 5px;
}
.pcom {
margin-top: 5px;
}
.pcart, .pcom {
transition: none;
opacity: 1;
position: unset;
}
#compare-total {
top: -14px;
font-size: 12px;
text-transform: capitalize;
}
.ct {
text-align: right;
}
#column-left .leftpro,.inspire-newsletter,.sellbanner{
display: none;
}
.filterp.panel-default > .panel-heading {
border-color: #000;
text-transform: capitalize;
font-size: 12px;
letter-spacing: 1px;
margin: 0;
color: #fff !important;
background-color: #000;
padding: 8px 10px;
border-radius: 0px;
position: relative;
}
.filterp .filtercolb {
color: #fff !important;
text-shadow: none;
background: none;
background-image: none;
border: 0;
box-shadow: none;
font-size: 12px;
position: absolute;
top: 2px;
right: 0px;
}
.pro-content{
margin-top: 15px;
}
.pro-bg,.fbanner,.logo-slider{
margin-top: 20px;
}
.pro-bg{
padding: 10px;
}
.allprobg{
padding: 10px 5px;
}
.middle-footer .btn-primary {
color: #fff;
text-shadow: none;
background: none;
background-image: none;
background-image: none;
border: 0;
box-shadow: none;
font-size: 12px;
position: absolute;
top: -8px;
right: 0;
width: 100%;
}
.middle-footer h5 button {
display: block !important;
}
footer h5::before{
display: none;
}
footer h5 .toggle.collapsed::after,.filterp .toggle.collapsed::after {
font-family: 'FontAwesome';
content: '\f067';
font-size: 14px;
font-weight: normal;
float: right;
cursor: pointer;
}
footer h5 .toggle::after,.filterp .toggle::after {
font-family: 'FontAwesome';
content: '\f068';
font-size: 14px;
font-weight: normal;
float: right;
cursor: pointer;
}
footer .btn-primary.active.focus, footer .btn-primary.active:focus, footer .btn-primary.active:hover,
footer .btn-primary:active.focus, footer .btn-primary:active:focus, footer .btn-primary:active:hover,
.open > footer .dropdown-toggle.btn-primary.focus, footer .open > .dropdown-toggle.btn-primary:focus,
footer.open > .dropdown-toggle.btn-primary:hover {
color: #fff;
background-color: transparent;
border-color: transparent;
}
.xs-fab{
margin: 0 0px;
}
.foot-power{
margin-top: 20px;
text-align: center;
}
footer h5 {
font-size: 16px;
margin-bottom: 15px;
}
#aboutf p {
margin-top: 0;
}
}
@media(max-width: 599px){
.pagi .col-xs-6 {
width: 100%;
text-align: center;
}
.catebt, .catesort {
width: 100%;
}
.catesort {
margin-top: 10px;
}
.product-grid, .product-list {
width: 100%;
}
.propage-tab .nav>li>a {
padding: 7px 3px;
}
.product-list .pcom{
margin:0;
margin-top: 10px;
}
.catesort {
width: 100%;
margin-bottom: 10px;
}
.prowrite {
font-size: 11px;
letter-spacing: 0;
}
.product-tab .nav > li > a {
padding: 10px 6px;
}
.proreview {
font-size: 14px;
}
.rating .fa-stack {
font-size: 7px;
}
.pro-bg .nav-tabs {
margin-right: 62px;
float: none !important;
}
.pro-bg .nav > li > a{
padding: 0;
margin-right: 10px;
}
.fbanner .col-xs-6{
width: 100%;
}
.fbanner #banner0:first-child img{
margin-bottom: 10px;
}
}
@media(max-width: 375px){
.pro-bg .image{
background-color: #f3f3f3;
}
}
/* banner effect */
.banner-effect a:hover::after{
opacity: 1;
transform: rotate3d(0, 0, 0, 0deg);
transition-delay: 0.1s;
}
.banner-effect a::after {
background-color: rgba(255, 255, 255, 0.3);
content: "";
bottom: 10px;
left: 10px;
right: 10px;
top: 10px;
opacity: 0;
position: absolute;
transform: rotate3d(1, 1, 0, 100deg);
transition: all 0.7s ease 0s;
}
.banner-effect a {
display: block;
overflow: hidden;
position: relative;
}
/*loader start */
#loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 64px;
width: 64px;
margin-left: -30px;
}
#page-preloader {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #fff;
z-index: -1;
opacity: 0;
-moz-transition: all 1.3s ease 0.3s;
-o-transition: all 1.3s ease 0.3s;
-webkit-transition: all 1.3s ease 0.3s;
transition: all 1.3s ease 0.3s;
overflow: hidden;
}
#page-preloader.visible {
opacity: 1;
z-index: 100500;
overflow: hidden;
}
#page-preloader .preloader {
position: absolute;
left: 50%;
top: 45%;
text-align: center;
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 0;
}
#page-preloader.visible .preloader {
opacity: 1;
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.object{
position: absolute;
top: 0px;
z-index: 4;
background: url('../../../../../image/catalog/loader.gif') 50% 50% no-repeat;
height: 80px;
width: 80px;
margin-left: -9px;
}
#page-preloader{
display: none;
}
#page-preloader{
display: block;
}
#review .fa-stack{
width: 1em;
}
.well{
background-color: #f6f6f6;
border: 1px solid #DDDDDD;
box-shadow: none;
}
@media(max-width: 767px){
#column-left{
display: none;
}
}

.product-thumb h4 {
text-overflow: unset;
white-space: unset;
padding-bottom: 0px;
height: 33px;
}

/*#input-payment-country , #input-country , #input-zone, #input-payment-zone {
pointer-events: none;
}*/

#input-payment-country , #input-country  {
pointer-events: none;
}
.offerpercentage {
font-size: 9px;
font-weight: 700;
line-height: 21px;
width: 60px;
text-transform: uppercase;
color: #fff;
text-align: center;
background-color: #FF7878;
letter-spacing: 1px;
}





/*lg site footer and hedar css*/

.red_band {
background-color: red;
min-height: 60px;
width: 100%;
padding: 0.5rem 0;
display: flex;
align-items: center;
}

footer .red_band p{
font-family: 'Montserrat', sans-serif;
font-weight: bold;
text-align: center;
font-size: 2rem !important;
margin: 0;
color: #fff;
}
.red_band a {
text-decoration: none;
color: white;
border-bottom: 1px solid #fff;
font-weight: normal;
}

footer .subhead {
font-family: "Verdana";
font-size: 16px;
color: #000000;
font-weight: 600;
}
.subscribe {
font-weight: bold;
background: #e93035;
color: #fff;
font-size: 17px;
padding: 12px 18px;
text-decoration: none;
display: inline-block;
text-transform: uppercase;
line-height: normal;
border-radius: 0;
}
.border-radius-none {
border-radius: 0;
}
.text-gray {
color: #000000;
}
.small-sm-para {
font-family: "Verdana";
font-size: 14px;
line-height: 16px;
}
footer red_band p > a {
font-weight: 400;
}
ul.ul_no_style {
padding-left: 0;
}
ul.ul_no_style li {
list-style-type: none;
}
footer ul li {
font-family: "Verdana";
color: #6d6e71;
font-size: 16px;
line-height: 29px;
}
footer ul li a {
color: #6d6e71;
cursor: pointer;
}
.social-img {
display: inline-block;
}
.social-img img {
width: 50px;
margin-right: 8px;
}

.input-field {
background: #eee;
border: none;
padding: 0.5rem;
display: block;
}

.subscribe {
font-weight: bold;
background: #e93035;
color: #fff;
font-size: 17px;
padding: 9px 18px;
text-decoration: none;
display: inline-block;
text-transform: uppercase;
line-height: normal;
border-radius: 0;
margin-top: 16px !important;
}

header .navbar {
padding: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
}

.lg_logo {
width: 280px;
}

.main_banner {
height: 52vh!important;
}
.navbar-default .navbar-brand{
height: auto;
padding: 0px !important;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
margin-left: 0px !important;
}
.main_banner {
padding: 0;
background: url(../image/h_sec5bg.jpg) no-repeat 100% 0%;
background-size: cover;
height: auto;
margin-top: 172px;
}
.banner-text {
left: 12%;
top: 38%;
}

.nav-pills{
display: flex;
flex-direction: row;
justify-content: end;
}
.position-absolute {
position: absolute !important;
}

/*.white_sec h3, .white_sec p {
color: #fff;
}*/



section h3 {
font-family: 'CG Omega Bold';
font-size: 54px;
line-height: 54px;
margin-bottom: 19px;
}

p.contact_me {
color: #fff;
}

p.contact_me a {
color: #fff;
text-decoration: none;
}

.contact_me {
position: absolute;
right: 15px;
top: 15px;
text-align: right;
width: 100%;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link, .nav-pills .nav-link.active, .nav-pills .nav-link:hover {
color: #ed1c24;
background: #fff;
border-radius: 0;
}

.nav-link {
display: block;
padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
font-size: var(--bs-nav-link-font-size);
font-weight: var(--bs-nav-link-font-weight);
color: var(--bs-nav-link-color);
text-decoration: none;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.nav-pills .nav-link {
background: 0 0;
border: 0;
border-radius: var(--bs-nav-pills-border-radius);
}

.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
position: relative;
}
.nav-pills .nav-link {
border-radius: 0;
}

.nav-pills .nav-link {
background: 0 0;
border: 0;
border-radius: var(--bs-nav-pills-border-radius);
}
header .nav-link {
color: #fff;
font-family: 'CG Omega Bold';
}

.dropdown-toggle {
white-space: nowrap;
}

.nav-link {
display: block;
padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
font-size: var(--bs-nav-link-font-size);
font-weight: var(--bs-nav-link-font-weight);
color: var(--bs-nav-link-color);
text-decoration: none;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.dropdown-item {
border: 1px solid transparent;
transition: transform .2s;
}

.dropdown-item {
display: block;
width: 100%;
padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
clear: both;
font-weight: 400;
color: var(--bs-dropdown-link-color);
text-align: inherit;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border: 0;
}
dropdown-item {
border: 1px solid transparent;
transition: transform .2s;
}




/*Boostrap*/
.py-5 {
padding-top: 48px !important;
padding-bottom: 48px !important;
}

.mt-3 {
margin-top: 16px !important;
}

header .navbar {
padding: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
border: 0;
position: fixed;
top: 40px;
left: 0px;
width: 100%;
z-index: 999;
-webkit-transition: all ease-out .5s;
-moz-transition: all ease-out .5s;
-o-transition: all ease-out .5s;
transition: all ease-out .5s;
}
.navbar-active {
  background: rgba(0,0,0,0.9) !important;
  -webkit-transition: all ease-out .5s;
-moz-transition: all ease-out .5s;
-o-transition: all ease-out .5s;
transition: all ease-out .5s;
}

.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
display: flex;
flex-wrap: inherit;
align-items: center;
justify-content: space-between;
position: relative;
}

.position-relative {
position: relative !important;
}

.text-dark {
--bs-text-opacity: 1;
color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-decoration-none {
text-decoration: none !important;
}

.align-items-center {
align-items: center !important;
}

.d-flex {
display: flex !important;
}

.navbar-toggler {
border: none !important;
box-shadow: none !important;
outline: none !important;
}

.navbar-toggler {
padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
font-size: var(--bs-navbar-toggler-font-size);
line-height: 1;
color: var(--bs-navbar-color);
background-color: transparent;
border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
border-radius: var(--bs-navbar-toggler-border-radius);
transition: var(--bs-navbar-toggler-transition);
}

.navbar-toggler .navbar-toggler-icon {
width: 2.25em;
height: 2.25em;
}


.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
background-image: url(../image/menu.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}

.justify-content-end {
justify-content: flex-end !important;
}

.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center;
margin-top: 40px;
}

.nav > li > a {
padding: 8px 16px;
font-size: 16px;
}

@media (min-width: 992px){
.navbar-expand-lg {
flex-wrap: nowrap;
justify-content: flex-start;
}

.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto;
}

.mt-lg-0 {
margin-top: 0 !important;
}
}

@media (min-width: 768px) {
.mb-md-0 {
margin-bottom: 0 !important;
}
.me-md-auto {
margin-right: auto !important;
}
}

@media (min-width: 1200px){
.fs-4 {
font-size: 1.5rem !important;
}
}


/* Category Page*/
.category-tab  {
width: 100%;
float: left;
margin-bottom: 40px;
padding: 0px 15px;
}
.category-tab .qty-plus-minus .form-control {
width: 100%;
text-align: center;
color: #232d2a;
}
.category-tab #input-quantity {
border-radius: 0;
}

.category-tab .qty-plus-minus {
margin-bottom: 10px;
text-align: right;
}

.category-tab .btnplus {
border-radius: 0 0px 0px 0 !important;
border-left: 0;
line-height: 22px;
}
.category-tab .form-control {
border: 1px solid #ebebeb;
box-shadow: none;
}
.category-tab .product-list {
float: left;
width: 100%;
}
.category-tab .cart-bt {
width: 100%;
float: right;
text-align: right;
}

.category-tab .cat-name {
width: 100%;
float: left;
padding: 15px 10px;
}

.category-tab .cat-name ul li button{
padding: 10px;
background: #fff;
border:1px solid #ccc;
}

.category-tab .cat-name ul li button.active{
padding: 10px;
background: red;
color: #fff;
border:1px solid red;
}

.category-tab .search {
width: 100%;
max-width: 380px;
padding: 10px 15px;
float: right;
font-size: 18px;
height: 50px;
}

.category-tab .product-thumb {
border-radius: 10px;
min-height: 430px;
border: 1px solid #DEDEDE;
background-color: #f7f5f5;
overflow: hidden;
}
.category-tab .image {
border: 0;
margin-right: 0 !important;
min-height: 324px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.qty-btn {
float: right;
}

.category-tab .add-to-cart {
width: 100%;
line-height: 42px;
}

.alert {
   /* position: fixed;
    top: 50%;
    max-width: 400px;*/
    width: 100%;
    /*right: initial;
    left: 50%;
    transform: translate(-50%, -50%);*/
    text-align: center;
    border-radius: 12px;
}

.new-loader {
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.7);
z-index: 99999;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

#product-search  .no-record, .category-tab  .no-record {
width: 100%;
float: left;
color: red;
text-align: center;
padding: 30px 0px;
font-size: 30px;
font-weight: bold;
}

.product-details {
width: 100%;
float: left;
text-align: center;
font-weight: bold;
margin:20px 0px;
font-family: 'CG Omega Bold';
}

h1, h2, h3, h4, h5, h6, p {
font-family: 'Verdana', sans-serif;
}

.bot-sec {
width:100%; 
float: left; 
max-width: 500px;
}
.input-group {
width: 100%;
}

.district {
display: none;
}
.pagehead{
float: left;
width: 100%;
text-align: center;
font-size: 42px;
color: #000;
text-transform: uppercase;
font-weight: 800;
margin-bottom: 50px;
font-family: 'CG Omega Bold';
}
#product-category{
padding: 40px 15px;
}
.cate{
width: auto;
padding: 5px 15px;
height: 50px;
border: 1px solid #D6D6D6;
background: #fff;
font-size: 18px;
}
.cate.active{
border-color: #EC202C;
background-color: #EC202C;
color: #fff;
}
.product-list .product-thumb .image{
min-height: 320px;
}
.product-list .product-thumb .caption {
text-align: left;
float: left;
width: 100%;
padding: 10px 15px;
}
.product-list .caption h5, #feature .caption h5{
font-size: 20px;
line-height: 26px;
font-weight: 800;
padding-right: 100px;
min-height: 62px;
font-family: "CG Omega Bold";
}
#product .form-group{margin-bottom: 0px;}
.input-group .form-control{
height: 34px;
border: 0px;
text-align: center;
font-size: 18px;
}
.product-layout  .btn-primary {
color: red;
text-shadow: none;
background-color: #fff;
border-color: red;
height: 42px;
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
border-radius: 6px;
letter-spacing: 0px;
}

.product-list .product-thumb:hover{
border: 1px solid red;
}
.product-list .product-thumb:hover .btn-primary{
/*background-color: red;*/
border-color: red;  
}
#product-product{
padding: 40px 15px;
}
.product-title{
font-size: 32px;
line-height: 40px;
color: #000;
font-weight: 800;
text-align: left;
padding-right: 130px;
margin-bottom: 25px;
font-family: "CG Omega Bold";
}
.sku{
font-size: 24px;
line-height: 32px;
color: #878787;
font-weight: 600;
font-family: "CG Omega Bold";
}
.pro-price, .price{
font-size: 32px;
line-height: 38px;
color: #000;
font-weight: 800;
font-family: "CG Omega Bold";
}
.description p{
font-size: 16px;line-height: 22px;color: #000000;
margin: 5px 0px 40px;
}
.qty-plus-minus{
display: flex;
flex-direction: row;
justify-content: end;
}
.btn-number{
width: 10%;
height: 42px;
box-shadow: none;
border: 1px solid #000;
background: #000;
color: #fff;
}
.add-to-cart{
height: 42px;
line-height: 42px;
font-size: 18px;
text-transform: initial;
padding: 0 14px;
font-family: "CG Omega Bold";
}
.btn-wishlist{
height: 42px;
line-height: 42px;
font-size: 18px;
text-transform: initial;
padding: 0px 20px;
background-color: #fff;
color: red;
margin-right: 20px;
font-family: "CG Omega Bold";
}
#product-product .product-right .btn-wishlist,
#product-product .product-right .add-to-cart{
height: 54px;
line-height: 54px;
}
.btn-wishlist .fa {
font-size: 22px;
}
#product-product .qty-plus-minus{
margin:  10px 0px 30px;
}
.subhead{
font-size: 24px;
line-height: 30px;
color: #000;
}
.zoomWrapper{
width: 100%;
height: 100;
}
#checkout-cart{
padding: 30px 15px;
}
#checkout-cart .card{
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border-radius: 8px;
overflow: hidden;
box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}
.couponcode{
border: 1px solid #dfdfdf;
border-radius: 8px;
}
.table > thead > tr > td{
background: #dfdfdf;
padding: 10px 15px;
font-size: 14px;
text-transform: uppercase;
font-weight: 800;
}
/*.img-thumbnail{
width: 50px;
}*/
.table > tbody > tr > td{
vertical-align: middle;
font-size: 14px;
}
.couponcode .form-control, input[type="text"].form-control{
/*border: 1px solid #ddd;*/
height: 42px;
font-size: 16px;
text-align: left;
background-color: #fff;
border-radius: 6px;
}
#checkout-cart .card.totaltable{
background-color: #ffd9d9;
padding: 10px;
}
#checkout-cart .card.totaltable .table{
background-color: transparent;
margin: 0px;
}
.totaltable .table tbody tr td{
border: 0px;
padding: 5px;
background: transparent;
font-size: 16px;
}
.panel-group{max-width: 1000px; margin: 0 auto; padding: 0 15px;}
.panel{
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-clip: border-box;
border-radius: 12px;
overflow: hidden;
border: 1px solid #e9e9e9;
/*box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px; */
}
.panel-default>.panel-heading, .panel-footer{
color: #000 !important;
}
.panel-body h2{
margin-top: 0px;
font-weight: 800;
}
.panel-body p{
font-size: 16px;
}

.panel-body {
padding: 15px 30px;
}
.panel-title {
line-height: 28px;
}
.submitsec{
float: left;
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
}
.submitsec .check{
margin-right: 10px;
}
#checkout-checkout{
padding: 30px 0px;
}
.open > .dropdown-menu{
padding: 10px;
}
#account-edit, #account-password, #account-address, #account-wishlist, #account-order, #account-download, #account-recurring, #account-reward, #account-return, #account-transaction, #account-newsletter, #account-forgotten, 
#account-register, #common-success{
padding: 30px 0px;
}
#account-edit #column-right,
#account-password #column-right,
#account-address #column-right,
#account-wishlist #column-right,
#account-order #column-right,
#account-download #column-right,
#account-recurring #column-right,
#account-reward #column-right,
#account-return #column-right,
#account-transaction #column-right,
#account-newsletter #column-right,
#account-forgotten #column-right,
#account-login #column-right,
#account-register #column-right,
#common-success #column-right{
margin: 0px 20px;
}
.emptysec{
float: left;
width: 100%;
height: 30vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.emptysec .fa{
font-size: 40px;
opacity: .3;
margin-bottom: 10px;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
margin-left: 0px;
}

.cart-section {
display: flex;
flex-direction: row;
width: 100%;
}
.owl-item #product .qty-plus-minus {
margin: 0px;
}
.category-tab.owl-carousel{
padding: 0px;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.detaildesc{
font-size: 18px;
line-height: 24px;
font-family: "CG Omega Bold";
font-weight: 600;
margin: 40px 0px 0px;
}
.panel-heading {

padding: 15px 20px;
}
.panel-title{
font-family: "CG Omega Bold";
font-size: 18px; 
}
select.form-control{font-size: 14px;}

.owl-item .caption{
text-align: left;
float: left;
width: 100%;
padding: 10px 15px;
}
.popupcart .card{
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border-radius: 12px;
overflow: hidden;
box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}
.popupcart .card.totaltable {
background-color: #ffd9d9;
padding: 10px;
}
#cart .dropdown-menu table{
background-color: transparent;
}
#checkout-cart .btn-primary{
margin-right: 15px;
}
.popupcart  .btn-primary .fa{
margin-right: 5px;
}
.popupcart .table > tbody > tr > td{
border: 0px;
}
.extracartadvantages{
float: left;
width: 100%;
padding: 25px 0px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
}
.walletpoints{
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border-radius: 12px;
overflow: hidden;
box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
max-width: 420px;
width: 100%;
padding: 20px;    
}
.walletpoints .input-group{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.input-group-btn{
width: auto;
}
.walletpoints .input-group p{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;   
}
.walletpoints .input-group p i{
font-size: 12px;
line-height: 22px;
font-weight: 600;
}
.walletpoints .input-group p span{
font-size: 24px;
line-height:30px;
font-weight: 600;
color: #000;
}
.suceesMessage{
float: left;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}

.suceesMessage h4{
font-size: 24px;
font-weight: 800;
}

.suceesMessage h5{
font-size: 18px;
font-weight: 600;
color: red;
margin-bottom: 25px;
}

.infor-head {
    font-size: 17px;
    font-weight: bold;
}

.co-heading {
    padding-top: 20px;
}

#information-information #content{
    margin-bottom: 30px;
}
#information-information #content p {
    text-align: justify;
}

#information-information .co-heading {
    font-size: 22px;
}

/*.proimg .thumbnail img{
    max-width: fit-content!important;
}*/

.option-cart-btn button {
    height: 34px !important;
    font-size: 14px !important;
    line-height: 6px !important;

}

.option_cart_qty {
    display: flex;
    float: right;
    margin-right: 15px;

}

.left-side-option {
    width: 70%;
    float: left;
    display: flex;
    align-items: center; 
}

.right-side-option {
    width: 30%;
    float: right;
}

.radio-option {
    width: 100%;
    float: left;
     display: flex;
    align-items: center; 
    justify-content: space-between;
    border-bottom: 1px solid #f1f1f1;
    border-radius: 5px;
    cursor: pointer;
    margin: 0px 0px;
}

.option_cart_qty .btn {
     height: 30px!important;
    line-height: 30px!important;
    padding:0 8px 0px 10px!important;
    font-size: 12px!important;
    background-color: #fff!important;
    color: #000!important;
}

.option_cart_qty  #input-quantity {
    text-align: center !important;
    height: 28px !important;
    width: 36px !important;
    font-size: 15px!important;
    font-weight: 500!important;
    border: none;
}

.left-side-option span {
        font-size: 15px;
    font-weight: 500;
    padding: 0 0 0 10px;
}

.left-side-option img {
    cursor: pointer;
}

.option-cart-btn {
    float: right;
    margin-right: 15px;
}

#button-option-cart {
    border: 1px solid #D6D6D6 !important;
    background-color: #fff !important;
    color:#000!important;
    letter-spacing: 0;
}


#button-option-cart:hover{
    background-color: red!important;
    color:#fff!important;
    border: 1px solid red !important;
}
.radio-option:hover {
    background-color: #ffe9e9!important;
}


.radio-option .glyphicon-minus:before{
    font-size: 12px !important;
}

.radio-option .glyphicon-plus:before{
    font-size: 12px !important;
}

@keyframes confetti-slow {
  0% {
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
  }
  100% {
    transform: translate3d(25px, 105vh, 0) rotateX(360deg) rotateY(180deg);
  }
}

.confetti {
  position: absolute;
  z-index: 1;
  top: -10px;
  border-radius: 0%;
}
.confetti--animation-slow {
  animation: confetti-slow 2.25s linear 1 forwards;
}


/* Yellow Shadow */
@-moz-keyframes yellow {
  0%,
  100% {
    -moz-box-shadow: 1px 0px 15px 0px #ff0000,
      inset 0px 0px 10px rgba(255, 255, 255, 0.1);
    box-shadow: 1px 0px 15px 0px #ff0000,
      inset 0px 0px 10px rgba(255, 255, 255, 0.1);
  }

  50% {
    -moz-box-shadow: 0px 0px 0px 0px rgba(255, 245, 1, 0),
      inset 0px 0px 0px rgba(255, 255, 255, 0);
    box-shadow: 0px 0px 0px 0px rgba(255, 245, 3, 0),
      inset 0px 0px 0px rgba(255, 255, 255, 0);
  }
}

@-webkit-keyframes yellow {
  0%,
  100% {
    -webkit-box-shadow: 1px 0px 15px 0px #ff0000,
      inset 0px 0px 10px rgba(255, 255, 255, 0.1);
    box-shadow: 1px 0px 15px 0px #ff0000,
      inset 0px 0px 10px rgba(255, 255, 255, 0.1);
  }

  50% {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 245, 1, 0),
      inset 0px 0px 0px rgba(255, 255, 255, 0);
    box-shadow: 0px 0px 0px 0px rgba(255, 245, 3, 0),
      inset 0px 0px 0px rgba(255, 255, 255, 0);
  }
}

@-o-keyframes yellow {
  0%,
  100% {
    box-shadow: 1px 0px 15px 0px #ff0000,
      inset 0px 0px 10px rgba(255, 255, 255, 0.1);
  }

  50% {
    box-shadow: 0px 0px 0px 0px rgba(255, 245, 1, 0),
      inset 0px 0px 0px rgba(255, 255, 255, 0);
  }
}

@keyframes yellow {
  0%,
  100% {
    box-shadow: 1px 0px 15px 0px #ff0000,
      inset 0px 0px 10px rgba(255, 255, 255, 0.1);
  }

  50% {
    box-shadow: 0px 0px 0px 0px rgba(255, 245, 3, 0),
      inset 0px 0px 0px rgba(255, 255, 255, 0);
  }
}

.yellow {
  -webkit-animation: yellow 2s infinite;
  -moz-animation: yellow 2s infinite;
  -o-animation: yellow 2s infinite;
  animation: yellow 2s infinite;
}

#product-search .modal-dialog, #product-category .modal-dialog{max-width: 450px; width: 100%; margin: 0 auto;}
#product-search .modal-dialog .radio-option, #product-category .modal-dialog .radio-option{width: 100%; border-radius: 0px; padding: 0 5px;border-bottom: 1px solid #f1f1f1;}
#product-search .modal-dialog .modal-header button, #product-category .modal-dialog .modal-header button{background: transparent; border: none; font-size: 30px; position: absolute; right: 5px; top: 10px;}
#product-search .modal-dialog hr, #product-category .modal-dialog hr{margin: 0px; border: none;}
#product-search .modal, #product-category .modal{z-index: 100; background: rgba(0, 0, 0, 0.5);}
.modal-backdrop{display: none !important;}
#product-search .modal.show .modal-dialog .modal-dialog, #product-category .modal.show .modal-dialog {transform: none;}
#product-search .modal.fade .modal-dialog  .modal-dialog, #product-category .modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translate(0, -50px);}
#product-search .modal-dialog-centered, #product-category .modal-dialog-centered {
display: flex;
    align-items: center;
    min-height: calc(100vh - 250px);
    height: calc(100vh - 180px);
    top: 56%;
    transform: translateY(-50%) !important;
}
#product-search .modal-dialog-scrollable .modal-content, #product-category .modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden;
    border-radius: 16px;
}
#product-search .modal-content, #product-category .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-clip: padding-box;
    outline: 0;
}
#product-search .modal-header, #product-category .modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
}
#product-search .modal-dialog-scrollable .modal-body , #product-category .modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}
#product-search .modal-body, #product-category .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding);
}
#product-search .modal-footer, #product-category .modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}
#product-search .text-prodecorop, #product-category .text-prodecorop{padding: 0 15px;}
.left-side-option div{font-size: 14px; padding: 0 0 0 10px;}
.left-side-option div span{font-size: 14px; padding: 0; display: block; font-weight: 700;}
/*.left-side-option img{width: 60px;transform: scale(1.1);}*/
.dropdown-menu td img{width: 60px;transform: scale(1.8); background: transparent;}
#product-search .modal-dialog .modal-header, #product-category .modal-dialog .modal-header{background: #f4f4f4; padding: 15px 28px 15px 20px; display: block; position: relative;}
#product-search .modal-header h3, #product-category .modal-header h3{ font-weight: bold; margin: 0 0 10px 0; font-size: 18px; line-height: normal;}
#product-search .modal-header h4, #product-category .modal-header h4{margin-bottom: 0; }
.owl-carousel .owl-wrapper{margin-top: 10px;}
.owl-carousel .owl-item{margin-left: 17px; border: 1px solid #D6D6D6 !important; border-radius: 6px; overflow: hidden ;}
.table-responsive .btn-primary, .table-responsive .btn-danger{opacity: 0.7;padding: 0px 7px; font-size: 14px; border: 1px solid transparent; border-radius: 8px !important;height: 38px; line-height: 38px;}
.table-responsive .btn-danger{opacity: 0.8;}
.product-right #product{max-width: 450px; width: 100%;}
.clear-cart{color: red;}
.modal-footer{padding: 5px 15px;}
.suceesMessage img{max-width: 250px;}
#common-success h1{padding: 0;margin: 20px 0 0 0;font-family: 'Verdana', sans-serif;font-size: 26px;}
div:where(.swal2-container) div:where(.swal2-popup){border-radius: 8px;}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm),
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border-radius: 6px;}
div:where(.swal2-container) h2:where(.swal2-title){font-size: 22px;}
@media only screen and (min-width: 0px) and (max-width: 768px) {
.py-5 {padding-top: 0px !important; padding-bottom: 28px !important;}
}
.dropdown-menu .btn-primary .cart-icon{display: none !important;}
.details-price, .details-price span{
    font-size: 14px!important;
    padding: 0px!important;
}

.swal2-confirm {
        background-color: red!important;
    }
    .swal2-popup {
        width: 100%;
        max-width: 600px!important;
        font-size: 14px!important;
    }

/*Header Started by Priyan 10-02-2025*/

.poppins-extralight {
  font-family: "Poppins", serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", serif;
  font-weight: 700;
  font-style: normal;
}

section{width: 100%;}
.off-nav{background: #ec2329; text-align: center; padding: 10px; display: inline; float: left;width: 100%; position: relative;z-index: 9999;}
.off-nav p{font-size: 16px; color: #ffffff; margin: 0px; font-family: "Poppins", serif;}
.off-nav p a{font-weight: 500; color: #fffc00; text-decoration: underline; font-size: 16px; font-family: "Poppins", serif;}
.home_banner{display: none;}

header .navbar {
    background: #ffe32f !important;
    position: inherit !important;
    margin: 0 !important;
    width: 100% !important;
    -webkit-transition: all ease-out .5s;
    -moz-transition: all ease-out .5s;
    -o-transition: all ease-out .5s;
    transition: all ease-out .5s;
    padding: 0 0 8px 0 !important;
   /* border: 0;
   top: 0px;
   left: 0px;
   z-index: 999; */
}
.contact_me{top: 0px !important;}
#top .btn-link, #top-links li, #top-links a{color: #1a1a1a !important; font-family: "Poppins", serif !important; font-weight: 500;}
.menu-new{background: #ffe32f; padding: 8px 0px;margin: 120px 0 0 0; position: relative;}
.navbar-default .navbar-brand{margin-top: 9px;}
.navbar-collapse{margin-top: 32px !important;}
.menu-new .navbar-collapse.collapse{margin-top: 0px !important;}
.menu-new .navbar-collapse.collapse .nav-pills{justify-content: start;}
.menu-new .nav-pills .nav-link.active, .menu-new .nav-pills .show>.nav-link, .menu-new .nav-pills .nav-link.active, .menu-new .nav-pills .nav-link:hover{background-color: #ec2329 !important; color: #ffffff !important;border-radius: 50px;}
.menu-new .nav-link{color: #1a1a1a !important; font-family: "Poppins", serif !important; border-radius: 50px !important;}
.menu-new .mcart{display: none; !important;}
#cart-total{color: #1a1a1a !important;}
.carousel-item img{width: 100% !important;}
.home-slide{float: left; width: 100%; margin-top: 172px;}
.carousel-indicators .active{height: auto !important;}
.menu-new .col{position: relative;}
.menu-new .input-group{position: absolute; right: 0px; top: 0px; max-width: 300px; width: 100%;}
.menu-new .input-group .form-control{ border-radius: 50px !important; padding-left: 35px; background: url(../image/home/search-icon.png) 12px center no-repeat #ffffff !important; height: 35px !important;}


@media only screen and (min-width: 0px) and (max-width: 1024px) {
    header{position: relative; z-index: 9999;}
    .off-nav{padding: 5px;}
    .off-nav p{font-size: 12px;line-height: 12px;}
    .off-nav p a{display: block; font-size: 12px;}
    #top-links ul li > p, #top-links ul li > p > a{margin: 0px;}
    .navbar-header{margin-top: 20px !important;}
    .lg_logo{width: 200px !important;}
    .navbar-default .navbar-toggle{background-color: red !important; border-color: red !important;}
    .menu-new .navbar-collapse{left: 0px; top: 41px !important;}
    .menu-new .navbar-collapse.collapse,
    .menu-new .collapse:not(.show),
    .menu-new .navbar-collapse{margin-top: 0px !important;}
    .menu-new .navbar-collapse.collapse .nav-pills { justify-content: start; padding: 10px 0px;}
    .collapse:not(.show){margin: 30px 0px 0px 0px !important; border: none; padding: 0;}
    #cart-total{font-size: 14px !important;}
    .menu-new .navbar-collapse.collapse.show { display: block !important;}
    .menu-new .input-group{position: relative; max-width: 100%;}
    .menu-new .mcart{display: block !important;}
    header .navbar{top: 34px; padding: 0 0 10px 0 !important;border-bottom: 1px solid #fff7c1!important;}
    .menu-new{padding: 9px 0px 5px 0px; margin: 118px 0 0 0;}
    .home-slide{margin-top: 173px;}
    .carousel-control-next, .carousel-control-prev{width: 25px !important; height: 25px !important; padding: 5px;}
    /*.carousel-item img { width: 140% !important; margin-left: -20%;}*/

    .about_banner { background: url(../image/aboutus/about-us-mobile.jpeg) no-repeat 100% 0%; background-size: cover; background-position: center center;}
    .sec3 { background: url(../image/home/grandma-mobile.jpeg) no-repeat 100% 0%; background-size: cover; background-position: center center;}
    .mobile-grandma { display:block!important; }
    .deskatop-grandma { display:none !important; }
     .mobile-grandma img{ width: 100%;}

    .bottom-mobile { display:block!important; }
    .bottom-desktop { display:none !important; }
    .bottom-mobile img{ width: 100%;}

}
@media only screen and (min-width: 0px) and (max-width: 989px) {
    
}
@media only screen and (min-width: 990px) and (max-width: 1199px) {
    .nav > li > a {
        padding: 8px 13px !important;
    }
}


.search-container {
    position: relative;
    display: inline-block;
  }

  .clear-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: none;
    font-size: 18px;
    color: #888;
    z-index: 9999;
  }

  .clear-icon:hover {
    color: #555;
  }

.carousel-caption{bottom: initial; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 450px; background: rgba(0, 0, 0, 0.6); padding: 10px 20px 25px 20px; border-radius: 20px; text-shadow: none;font-family: "Poppins", serif !important; text-align: center;}
.carousel-caption h5{color: #ffffff; font-size: 22px; font-weight: 500; line-height: 34px;}
.carousel-caption a{background-color: #ffe32f; font-size: 16px; font-weight: 500; padding: 10px 20px; border-radius: 30px; margin-top: 10px; display: inline-block;}
.carousel-caption a svg{width: 31px !important; stroke: #1a1a1a;}
.carousel-caption a:hover svg{stroke: #ec2329;}
.carousel-control-next, .carousel-control-prev{width: 40px; height: 40px; border-radius: 40px; background-color: rgba(255, 255, 255, 0.8) !important; top: 50%; transform: translateY(-50%);outline: black;}
.carousel-control-next span, .carousel-control-prev span{filter: invert(100%);}
.carousel-control-prev{left: 5%;}
.carousel-control-next{right: 5%;}



header {
  position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    z-index: 12;
    transition: transform 0.5s ease;
}
header.hide-header{
  transform: translateY(-100%);
}

#information-sitemap #column-right {
    margin-top: 0!important;
}
#information-sitemap #content ul li a{
    font-size:16px!important;
    line-height:30px!important;
}


.wrapper {
    overflow-x: hidden;
}

.my-slider {
    padding: 0;
}

.my-slider img {
    width: 100%;
    height: auto;
    cursor: pointer;
}

.slick-initialized .slick-slide {
    margin: 0 10px;
}

.slick-prev,
.slick-next {
    z-index: 10;
}

.slick-prev:before,
.slick-next:before {
    color: #000;
    font-size: 26px;
}


.custom-nav {
    text-align: right;
    width: 100%;
    margin: 10px auto;
    padding-right: 6%;
}

.custom-prev,
.custom-next {
    border-radius: 50%;
    border: none;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    margin-left: 0px;
    opacity: 0.5;
}

.custom-prev img,
.custom-next img {
    width: 33px;
}

.img-div {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
}

.play-icon {
    position: absolute;
    right: 15px;
    bottom: 174px;
}

.play-icon img {
    width: 25px;
}

.slide-title {
    padding-top: 50px;
    background-color: #fff;
    padding-bottom: 95px;
    
}

.youtube {
    background-color: #f4f4f4;
    font-size: 25px;
    font-weight: bold;
}

.video-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.video-container {
    position: relative;
    width: 90%;
    max-width: 800px;
    aspect-ratio: 16 / 9;
    background: #000;
}

.video-container iframe {
    width: 100%;
    height: 100%;
}

.close-btn {
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 30px;
    color: white;
    background: #000;
    padding: 0 10px;
    cursor: pointer;
    border-radius: 50%;
}

.video-popup .close-btn {
    position: absolute;
    top: -20px;
    right: 0;
    font-size: 24px;
    color: #000;
    cursor: pointer;
    background-color: #fff;
    border-radius: 25px;
    padding: 2px 5px;

}


body {
    background-color: #f4f4f4;
}

.indulge_sec {
    background-color: #fff;
}

.slick-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 0px;
    bottom: -55px;
}

.slick-dots li button:before {
    display: none;
}

/* Custom line style for dots */
.slick-dots li button {
    width: 30px;
    height: 3px;
    background-color: #d9d9d9;
    border: none;
    padding: 0;
    border-radius: 2px;
}

.slick-dots li.slick-active button {
    background-color: #ff7a00;
}


.slick-dots li {
    margin: 0 12px !important;
}
.cart-section {
    display: flex;
    flex-direction: row;    
    align-items: center;
    justify-content: center;
    gap: 0px;
    padding: 20px 0;
    text-align: center;
    flex-wrap: wrap;    
}

.cart-gif {
    width: 150px;
    height: auto;
}

.cart-text {
    font-weight: bold;
    margin: 0;
}
.mobile-cart {
    display: none;
}

.watch-video {
    position: absolute;
    bottom: 31px;
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    opacity: 0;
    transition: all 0.4s ease;
    padding: 5px;
    border: none;
    border-radius: 4px;
    background-color: #ff0000;
    color: white;
    cursor: not-allowed;

    width: 100%;
    max-width: 140px;
    background-color: #000;
    color: #fff;
    font-size: 16px;
    border-radius: 10px;
}

.img-div:hover .watch-video {
    opacity: 1;
    transform: translateX(-50%) scale(1);
    cursor: pointer;
}

.watch-video:disabled {
    pointer-events: none;
}

.terms-page{
    margin-top: 200px;
    padding: 0px!important;
}
.refund-page {
    margin-top: 200px;
    padding: 0px!important;
}
.privacy-page {
   margin-top: 200px;
   padding: 0px!important;
}
.top-email, .top-phone {
    display: none;
}
@media (max-width: 991px) {
    .custom-flex-wrap {
       /* display: flex;*/
        flex-direction: column;
    }

    #column-right {
        order: 2;
        margin-top: 20px!important;
    }

    #content {
        order: 1;
    }
}
@media (max-width: 768px) {
    .slide-title {
        font-size: 18px;
        padding: 30px;
    }

    .play-icon {
        position: absolute;
        right: 6px;
        bottom: 83px;
    }
     .custom-prev,
    .custom-next {
        display: none !important;
    }
    .youtube h4{
        font-size: 28px !important;
        padding-bottom: 15px;
    }
    .cart-gif {
        width: 100px;
        height: auto;
    }

    #account-edit #column-right, #account-password #column-right, #account-address #column-right, #account-wishlist #column-right, #account-order #column-right, #account-download #column-right, #account-recurring #column-right, #account-reward #column-right, #account-return #column-right, #account-transaction #column-right, #account-newsletter #column-right, #account-forgotten #column-right, #account-login #column-right, #account-register #column-right, #common-success #column-right {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .popupcart {
        float: left;
        width: 100%;
    }

    .popupcart button{
        float: right;
    }
    .mobile-cart {
        display: block;
    }
    .menu-new {
        margin: 142px 0 0 0;
    }
    .home-slide {
        margin-top: 197px;
    }

    .custom-flex-wrap {
        display: flex;
        flex-direction: column;
    }

    #column-right {
        order: 2;
        margin-top: 20px!important;
    }

    #content {
        order: 1;
    }
    .watch-video {
        display: none !important;
    }

    .indulge_sec .align-items-center{
        justify-content: flex-start!important;
    }

    .indulge_sec .align-items-center h4{
        font-size: 21px !important;
    }
    .top_banner {
        margin-top: 197px;
        max-height: none!important;
    }
    .cart-section {
        padding-bottom: 0;
        padding-top: 0;
    }
    .new-section h3 {
        font-size: 30px !important;
    }
    .black_sec .carousel-wrapper p {
        font-size: 16px!important;
       
    }

    .black_sec {
         padding: 18px 0px!important;
    }

    .main_banner {
         margin-top: 196px;
    }
    #bg {
        margin: 20px;
    }
    footer {
        text-align: center;
    }
    .red_band a {
        text-decoration: underline;!important;
    }

    .product-cat .red_band .container:last-child {
        width: 100%;
    }

   .product-cat .red_band .container:last-child .align-items-center {
        display: block!important;
    }
    #account-edit .co-heading, #account-password .co-heading, #account-wishlist .co-heading, #account-order .co-heading{
        font-size: 20px;
    }

    .slick-dots li button {
        width: 30px!important;
        height: 3px!important;
        background-color: #d9d9d9!important;
        border: none!important;
        padding: 0!important;
        border-radius: 2px!important;
    }

    .slick-dots li.slick-active button {
        background-color: #ff7a00!important;
    }

    .odyssey_sec h3 {
        font-size:18px !important;
        line-height: 15px !important;
    }
    .odyssey_sec p {
        font-size: 15px !important;
        line-height: 15px !important;
    }
    .top-email, .top-phone {
        display: block;
        display: inline-block;
        font-size: 10px;
        padding-right: 1px;
    }
     header.absolute-header {
        position: absolute;
            top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: auto;
        z-index: 12;
        transition: transform 0.5s ease;
    }
   
}

/* Mobile (≤ 480px) */
@media (max-width: 480px) {
    .slide-title {
        font-size: 16px;
        padding: 20px;
    }

    .play-icon {
        position: absolute;
        right: 6px;
        bottom: 61px;
    }
    .youtube h4{
        font-size: 20px !important;
    }
    .alert-dismissable .close, .alert-dismissible .close {
        right: -14px;
        top: -26px;
    }
    .new-section  p{
        font-size: 18px!important;;
        margin-top: 0!important;;
    }
    .new-section h3 {
        font-size: 20px !important;
    }

    .black_sec .carousel-wrapper p {
        font-size: 14px!important;
       
    }

     .terms-page .infor-head, .refund-page .infor-head, .privacy-page .infor-head {
        font-size: 15px;
    }

    .terms-page p, .refund-page p, .privacy-page p {
        font-size: 13px;
    }

    .odyssey_sec h3 {
        font-size: 15px !important;
        line-height: 15px !important;
    }
    .odyssey_sec p {
        font-size: 11px !important;
        line-height: 15px !important;
    }
   
}
@media (max-width: 374px) {
   .alert-dismissable .close, .alert-dismissible .close {
        right: -14px;
        top: -26px;
    }
}
@media (max-width: 406px) {
   .alert-dismissable .close, .alert-dismissible .close {
        right: -14px;
        top: -47px;
    }
}

@media (max-width: 380px) {
   .youtube h4{
        font-size: 20px !important;
    }
}

@media (min-width: 0px) and (max-width: 336px) {
    #top-links > ul{
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
}
@media (min-width: 0px) and (max-width: 767px) {
    .about_banner {
        height: 320px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .about_banner {
        height: 500px;
    }
}
