html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
* {outline:none;}
body {
line-height: 1;
overflow-x: hidden;
}
#unstyled ol li a{
color: #ff0000!important;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html{
/* overflow-y: scroll; */
font-size: 15px;
}
/* -----------------------------------------
02. BASE TYPOGRAPHY
-------------------------------------------- */
body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, .btn, .btn-simple, a, .td-name, td {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
body {
background-color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 1rem;
color: #707070;
font-weight: 400;
line-height: 1.75;
}
p {
margin-bottom: 1.25em;
}
h1, h2, h3, h4, h5 {
margin: 0 0 1rem;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
line-height: 1.21;
color: initial;
}
h1 {
margin-top: 0;
font-size: 3.052em;
}
h2 {
font-size: 2.1em;
}
h3 {
font-size: 1.953em;
}
h4 {
font-size: 1.563em;
}
h5 {
font-size: 1.25em;
}
small, .text_small {
font-size: 0.8em;
}
a{
text-decoration: none !important;
background-color: transparent;
transition: all .3s ease-in-out;
}
strong, b{
font-weight: 600;
font-family: 'Montserrat', sans-serif;
}
.tm-color {
color: #0f0f0f!important;
}
.badge {
display: inline;
padding: .25rem .5rem;
font-size: 80%;
font-weight: 700;
font-family: 'Montserrat', sans-serif;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .375rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.badge-pill {
padding-right: .875em;
padding-left: .875em;
border-radius: 50rem;
}
.contat.ptb-100 {
height: 60vh;
}
.list-unstyled-ol {
padding-left: 0;
list-style: lower-alpha!important;
margin-left: 45px!important;
}
#unstyled ol { counter-reset: cupcake;text-align: justify;}
#unstyled ol li { counter-increment: cupcake; }
#unstyled ol li:before { content: counters(cupcake, ".") ". "; margin-left: -1.5rem; }
ol, ul { list-style: none;}
.list-unstyled-uln {
padding-left: 0;
list-style: decimal-leading-zero!important;
}
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-thumb {
border-radius: 8px;
background-color: #ccc;
}
::-webkit-scrollbar-track {
background-color: #eee;
border-radius: 8px;
}
/*========================================
TM ADD CSS
==========================================*/
/* Search */
.search {border:1px solid #cdc593;background:#fff;padding:4px;float:right;float:right;margin-right:2px;position:relative;}
.search .input {background:none;border:none;width:438px;height:23px;float:left;padding:0 5px;font-size:13px;color:#666;line-height:23px;}
.search .search-btn {border:1px solid #cdc593;background:#efedcb;float:right;padding:4px;font-size:13px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;
-o-border-radius:15px;border-radius:15px;behavior:url(PIE.html);position:relative;}
.search .search-btn:hover {background:#fff;}
/* Page */
.content h2 { color: #e62e2f;font-size: 35px;font-weight: 600;padding-bottom: 10px;}
.content h3 {color: #333;font-size: 15px;font-weight: 600;padding-bottom: 10px;}
.content h4 {color: #333;font-size: 13px;font-weight: 600;padding-bottom: 10px;}
.content p {line-height: 20px;padding-bottom: 15px;text-align: justify;}
.content ul {list-style: disc outside none;margin-left: 15px;padding-bottom: 10px;}
.content li {line-height: 20px;padding-bottom: 10px;}
.content a {color: #e62e2f;}
.content a:hover {color: #666;}
.background-img:before {position: relative !important;}
p.tm_text {font-size: 18px;line-height: 24px;color: #000;font-weight: 300;}
#page1 {padding: 10px!important;position: relative;top: -15px!important;}
.searchbar {z-index: 999999!important;}
p.tm-buy {font-size: 22px;}
.hero-content-left.position-relative{margin: 10% 0px 0px 12%;}
h2.tm-businesses {color: #000;}
.content h2 {margin: 0px!important;}
#page5 .slogan {margin-bottom: 8px!important;}
#page2, #page3, #page4, #page5, #page6, #page7, #page8, #page9 {padding: 35px 0px 5px 0px!important;}
.main-navigation li a {padding: 40px 15px!important;}
.main-navigation li:last-child a {color: #000;}
.main-navigation li:last-child {background: #ffffff;border-radius: 0 0 10px 10px;color: #000;}
.text-white a{color: #FFF;padding-left: 5px;}
.text-white a:hover{color: #6e00ff !important;padding-left: 5px;}
h2.tm-businesses { color: #000!important;}
/* color use etc... if xyz */
.bg-color1 {background:#e62e2f;}
.bg-color2 {background:#d8c124;}
.bg-color3 {background:#2bced0;}
.bg-color4 {background:#4ed02b;}
.bg-color5 {background:#e64f7e;}
.bg-color6 {background:#9624d8;}
.bg-color7 {background:#d82424;}
.bg-color8 {background:#d8d224;}
.bg-color9 {background:#d82424;}
.bg-color10 {background:#24d8ac;}
.bg-color11 {background:#2496d8;}
.bg-color12 {background:#2446d8;}
/**/
input { outline: none !important;}
select {width:96% !important;}
* { -webkit-text-size-adjust: none;}
h2 {font-size: 30px;line-height: 40px; text-align: center;}
h3 {font-size: 48px;line-height: 54px;}
p {margin-bottom: 19px;}
ul {padding: 0;margin: 0;list-style: none;}
/*links*/
a {text-decoration: none;color: inherit;outline: none;transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;}
a:hover {color: #ffffff; }
/*preclass*/
.mb0 {margin-bottom: 0px !important;}
.m0 {margin: 0 !important;}
.pad0 {padding: 0 !important;}
.pt0 {padding-top: 0;}
.center {text-align: center;}
.bg-gradient-primary {background-color: #e62e2f ;background: -o-linear-gradient(50deg, #e62e2f 0, #e62e2f 100%) !important;background: linear-gradient(50deg, #e62e2f 0, #e62e2f 100%) !important;}
/*topline*/
#topline{ background:#e62e2f; padding:3px 0px; width:100%}
.searchbar .menuitem {display:block;margin: 0px auto;width: 38%;}
.searchbar .menuitem a {float: left;margin: 0 3px;width: 40px;}
.searchbar .menuitem a img {width: 40px;}
.searchbar input[type="text"]{ border: medium none; float: left; height: 27px; margin-left: 32px; margin-top: 10px; font-size: 1.2rem;
padding: 5px 5px 5px 20px; width: 80%; background:url(../image/mapsearch.png)center left no-repeat; color:#b6b6b6;}
.searchbar input[type="image"]{float: right; margin:1px; border:none;}
.searchbar .searchbg {background: none repeat scroll 0 0 #ffffff;border-radius: 65px;box-shadow: 1px 1px 5px 0 rgba(97, 97, 97, 0.68);height: 58px;width: 100%;
float:left;padding: 0; margin-bottom:5px;position: relative;}
#page1 .menuitem {display: block;margin: 40px 0px 10px 0px;width: 100%; min-height:45px;text-align:center;}
#page1 .menuitem img{ margin: 5px 0px 5px 0px; border:2px solid #514d53; border-radius:45px}
.bubble {
position: relative;
max-width: 865px;
height: 76px;
padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 65px;
-moz-border-radius: 65px;
border-radius: 65px;
-webkit-box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.68);
-moz-box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.68);
box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.68);
}
/*Content*/
.section {color: #000;float: left;text-align: justify;width: 65%; }
.content {padding: 55px 0px;text-align: center;position: relative; min-height: auto;}
.content:after {display: block;position: absolute;content: '';z-index: 1;width: 0px;height: 0px;top: 0;}
.bubble input[type="text"]
{
border: medium none; float: left; height: 27px; margin-left: 32px; margin-top: 21px; padding: 5px 5px 5px 20px; width: 80%; background:url(../image/mapsearch.png) center left no-repeat;
color:#b6b6b6; font-size: 1.2rem;
}
.bubble input[type="image"]{float: right; margin: 10px; border:none;}
.bubble .imagetag { float:right;position:absolute;top:70px;}
#page3:after {border-color: #f17c72 transparent transparent transparent;}
#page4:after {border-color: #32ac97 transparent transparent transparent;}
#page5:after {border-color: #7f4c76 transparent transparent transparent;}
#page1 {padding: 20px 0px 80px;}
#inner { background-color: #fff; border-bottom:3px solid #fff;}
#page2 {background-color: #ffd433; border-bottom:3px solid #fff;}
#page2 h2{ color:#000;}
#page2 h3 span {background-color: #2aae96;}
#page2 h3 span, #page2 h3 em {display: inline-block;padding: 0 3px;}
#page2 h3 em {font-style: normal;background-color: #7f4c76;}
header.page2 { background-color: #ffd433;}
header.page2 .hover { background-color: #ffd433;}
#page3 {background-color: #00a99d;border-bottom:3px solid #fff;}
#page3 .box {color: #fff;background-color: #46dcc7;border-color: #99d6cb;padding: 22px 15px 27px;}
#page3 .box img {margin-bottom: 21px;border-color: #c8f5ee;background-color: #334960;}
#page3 .box .text1 {margin-bottom: 16px;}
header.page3{background-color: #00a99d;}
header.page3 .hover {background-color: #01d2c3;}
#page4 {background-color: #fff; border-bottom:3px solid #fff;}
#page4 h3 {margin-bottom: 108px;}
header.page4{background-color: #fffF;}
header.page4 .hover {background-color: #e0e0e0;}
#page5 {background-color: #fbb03b; border-bottom:3px solid #fff;}
#page5 .slogan {margin-bottom: 45px;}
header.page5{background-color: #fbb03b;}
header.page5 .hover {background-color: #fcc671;}
#page6 {background-color: #8cc63f; border-bottom:3px solid #fff;}
header.page6{background-color: #8cc63f;}
header.page6 .hover {background-color: #a6e94d;}
#page7 {background-color: #e62e2f; border-bottom:3px solid #fff;}
header.page7 {background-color: #e62e2f;}
header.page7 .hover {background-color: #ef835c;}
#page8 {background-color: #ad53ae; border-bottom:3px solid #fff;}
header.page8 {background-color: #ad53ae;}
header.page8 .hover {background-color: #d766d8;}
#page9 {background-color: #686868; border-bottom:3px solid #fff;}
header.page9 {background-color: #686868;}
header.page9 .hover {background-color: #686868;}
.text1 {font-size: 19px;line-height: 21px;color:#000;text-align:left;margin: 28px 0;}
.text2 {font-size: 19px;line-height: 21px;color:#fff; text-align: justify;margin: 0px 10px;}
.heading {font-size: 30px;font-weight: bold;line-height: 58px;}
.zerogrid .textnormal {font-size: 19px;line-height: 19px;color:#000; text-align: justify;letter-spacing: 1px; margin: 0px 10px;}
.zerogrid .slogan3 h2{ color:#000!important}
.zerogrid .slogan { margin-bottom: 45px;}
.zerogrid .companies img {margin-bottom: 19px;}
.zerogrid .companies .text1 {margin-bottom: 9px;}
.zerogrid .companies a {display: inline-block;color: #b288ab;padding-right: 12px;background: url(../image/link_marker.html) right 4px no-repeat;margin-top: 14px;}
.zerogrid .companies a:hover {color: #fff;}
.zerogrid .companies .clear {height: 114px;}
.zerogrid .aside {float: left;width: 29%;}
/************Footer***********/
datalist{ padding:10px; background:#e62e2f;}
#select_msg{float:left;color: #e62e2f;text-align: center;width: 100%;background: #00e096;border-radius: 1rem;line-height: 2rem;font-size: 1.7rem; margin-bottom: 0.2rem;}
#select_msg_form{float:left;color: #e62e2f;text-align: center;width: 100%;background: #00e096;border-radius: 1rem;line-height: 2rem;font-size: 1.7rem; margin-bottom: 0.2rem;}
.error{ color:#FF0000;}
/*------------------------*/
.content h2{ color:#FFF; margin:0px 0px 40px 0px;}
.searchbar { display: none; position: fixed; top: 0%; width: 100%; padding-top: 10px; border-top: 1px solid #e62e2f; background: #e62e2f; z-index: 1; }
.map .fields { margin-bottom:10px; }
#header-manumobile { width:100%; float:left; }
#searchform{ margin: 0 auto; max-width: 865px;}
.searchtab {display: block;margin: 0px 0 20px 0px;width: 160px;text-align:center;}
.searchgrid {margin: 0 auto;padding: 0;max-width: 850px;}
.searchtab img {border: 2px solid #514d53;border-radius: 45px;margin: 5px 0px 5px 5px;}
.bubble::after {
border-color: #ffffff transparent;
border-style: solid;
border-width: 0 14px 21px;
content: "";
display: block;
left: 67px;
position: absolute;
top: -21px;
width: 0;
z-index: 1;
}
/**to top**/
#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:40px;
margin-right: -620px !important;
overflow:hidden;
width:45px;
height:45px;
border:none;
text-indent:-999px;
z-index:999;
background:url(../image/totop.png) no-repeat left top;
transition: 0s ease;
-webkit-transition: 0s ease;
-o-transition: 0s ease;
}
#toTop:hover { background-position: right 0; }
.login, .register {width: 50%;float:left;}
.login, .register {min-height: 1px;padding-left: 10px;padding-right: 10px;position: relative;}
.btn-group-lg > .btn, .btn-lg {border-radius: 4px;font-size: 17px;line-height: 1.33;padding: 10px 16px;}
.btn-primary {background-color: #00b07a;border-color: #009768;color: #fff;}
.btn {
-moz-user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 2px;
cursor: pointer;
display: inline-block;
font-size: 13px;
font-weight: 400;
line-height: 1.42857;
margin-bottom: 0;
padding: 6px 12px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}
.homeheading{max-width:650px; font-size:30px;margin:0 auto; text-align:center;padding:25px 0px; line-height: 2.2rem;}
/*---scrollbar-----*/
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background-color:#eee; border-radius: 8px;}
::-webkit-scrollbar-thumb {border-radius: 8px;background-color:#ccc;}
/*---end-----*/
@media only screen and (max-width: 420px)
{
.sf-menu>li>a{font-size: 13px;line-height: 16px;padding: 6px 6px 4px;}
h1 {padding-top: 30px; padding-bottom:10px;}
}
@media only screen and (min-width: 600px) and (max-width: 800px)
{
.menuitem {display: inline-block;width: 100%;margin: 10px 0px 15px 0px;}
.menuitem img {margin: 5px 30px 5px 5px;}
}
@media only screen and (max-width: 600px)
{
.sf-menu>li>a{font-size: 14px;line-height: 20px;padding: 8px 8px 6px;}
h1 {padding-top: 68px;}
.searchbar input[type="text"] {width: 63%;}
.section { width: auto;}
.bubble input[type="text"] {width: 55%;}
.menuitem {width:100%; }
.content h2{ font-size: 25px; line-height:45px; margin:0px 0px 10px 0px;}
.menuitem img { margin:1px; }
#searchform{display:none;}
.logo{width:100%;}
.left {text-align: center;width: 100%;}
.right {text-align: center;width: 100%;}
.heading1{float:none;}
.searchtab{display:none;}
.register_int .loginint{width:100% !important;padding:0px;}
.form-group {width:90%;}
.register_int .registerint{width:100% !important;}
}
@media only screen and (min-width : 200px) and (max-width : 399px)
{
.zerogrid.header-new { padding: 0 4%;}
.main-navigation li a { font-size: 12px; padding: 12px 15px; }
.searchbar .zerogrid .menuitem {width: 100%; margin: 0 1.5rem;}
.searchbar .zerogrid .menuitem a {float: left;margin: 3px 4px; width: 40px;}
.searchbar .searchbg { height: 45px;}
.searchbar .searchbg input[type="image"] { margin: 3px; height: 2.5rem; }
#page1 { padding: 10px 0px 10px; }
#page1 .homeheading { font-size: 20px; padding: 5px 0px; color: #fff; }
#page1 .menuitem { padding-left: 2rem; margin: 10px 0px 10px 0px; }
#page1 .menuitem a {float: left; margin: 3px 4px; width: 40px;}
.zerogrid.header-new .menu_block .logo { margin: 0; }
.zerogrid.header-new .menu_block .logo img { height: 4rem; }
.content { padding:10px 10px; }
.content .zerogrid .slogan { margin-bottom: 5px; }
.zerogrid .holder .aside{width: 100%;}
.zerogrid .holder .aside img { max-width: 70%; }
.zerogrid .holder .section { width: auto;}
.zerogrid .holder .textnormal { font-size: 14px;}
}
/* ------------------Grid System--------------- */
.zerogrid{width: 960px;position: relative;margin: 0 auto;padding: 0px;}
.zerogrid:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.zerogrid .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.zerogrid .row:after{clear: both; }
.zerogrid .row{zoom: 1;}
.zerogrid .wrap-col{margin:1px;}
.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-1-3-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{float:left; display: inline-block;}
.zerogrid .col-full{width:100%;}
.zerogrid .col-1-2{width:50%;}
.zerogrid .col-1-3-3{width:25%; margin:2% 4%}
.zerogrid .col-1-3{width:33.33%;}
.zerogrid .col-2-3{width:66.66%;}
.zerogrid .col-1-4{width:25%;}
.zerogrid .col-2-4{width:50%;}
.zerogrid .col-3-4{width:75%;}
.zerogrid .col-1-5{width:20%;}
.zerogrid .col-2-5{width:40%;}
.zerogrid .col-3-5{width:60%;}
.zerogrid .col-4-5{width:80%;}
.zerogrid .col-1-6{width:16.66%;}
.zerogrid .col-2-6{width:33.33%;}
.zerogrid .col-3-6{width:50%;}
.zerogrid .col-4-6{width:66.66%;}
.zerogrid .col-5-6{width:83.33%;}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.zerogrid{width:768px;}
}
@media only screen and (max-width: 767px) {
.zerogrid{width:100%;}
}
@media only screen and (min-width: 620px) and (max-width: 767px) {
.zerogrid{width:100%;}
}
@media only screen and (max-width: 619px) {
.zerogrid, .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%;}
}
/*========================================
03. PRE DEFINE CLASS CSS
==========================================*/
@font-face {
font-family: 'dk_crayon_crumbleregular';
src: url('../fonts/dkcrayoncrumble-ddll.woff2') format('woff2'),
url('../fonts/dkcrayoncrumble-ddll.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#topline {
background: #e62e2f;
padding: 3px 0px;
width: 100%;
}
.pbt-100 {
padding: 120px 0px 30px 0px;
}
.ptb-100{
padding: 45px 0;
}
.ptbn-40 {
padding: 24px;
background: black;
border: solid 20px #ff0000;
}
.list-inline-item:not(:last-child) {
margin-right: .2rem!important;
}
.ptb-20{
padding: 20px 0;
}
.pt-100{
padding-top: 100px;
}
.ptt-100{
padding-top: 40px;
}
.pt-150{
padding-top: 150px;
}
.pb-100{
padding-bottom: 100px;
}
.pt-75{
padding-top: 75px;
}
.ptb-60{
padding: 60px 0;
}
.pt-60{
padding-top:60px;
}
.pb-60{
padding-bottom: 60px;
}
.mt--120{
margin-top: -120px;
}
.gray-light-bg{
background: #f4f7fa;
}
.primary-bg{
background: #6730e3;
}
.secondary-bg{
background: #9629e6;
}
.color-primary{
color: #6730e3;
}
.color-secondary{
color: #9629e6
}
.white-bg{
background: #ffffff;
}
.icon-text p.mb-0 {
min-height: 100px;
}
.badge.badge-primary.mr-3.tm {
position: relative;
top: -12px;
}
.badge-primary {
color: #fff;
background-color: #FF0000!important;
}
.bg-color-1{
background: #399fb6;
}
.bg-color-2{
background: #0ba077;
}
.bg-color-3{
background: #6582ed;
}
.bg-color-4{
background: #399fb6;
}
.icon-color-red{
background: #ff0000;
color: #ffffff;
}
.icon-color-1{
background: #efdff7;
color: #b17cc6;
}
.icon-color-2{
background-color: #c6e6fd;
color: #63b0e3;
}
.icon-color-3{
background-color: #efe3e3;
color: #ed7265;
}
.icon-color-4{
background-color: #ddedea;
color: #45d7ba;
}
.icon-color-5{
background-color: #ffe0e3;
color: #bd2130;
}
.icon-color-6{
background-color: #e2e8ff;
color: #6582ed;
}
.outline-btn, .solid-btn, .primary-solid-btn{
padding: 10px 25px;
font-family: 'Open Sans', sans-serif
}
.primary-solid-btn{
border-color: #202877;
background: #202877;
color: #ffffff;
}
.primary-solid-btn:hover{
background: transparent;
color: #081d43;
border-color: #081d43;
}
.solid-btn{
color: #fff;
-webkit-box-shadow: 0 5px 12px 0 rgba(204, 37, 37, 0.2);
box-shadow: 0 5px 12px 0 rgba(204, 37, 37, 0.2);
background: #ff0000;
border: 2px solid #ff0000;
border-radius: 30px;
}
.solid-btn:hover{
background: transparent;
color: #772053;
-webkit-box-shadow: none;
box-shadow: none;
}
.outline-btn{
border-radius: 30px;
color: #6730e3;
display: inline-block;
border: 2px solid #6730e3;
}
.outline-btn:hover{
color: #fff;
background: #6730e3;
-webkit-box-shadow: 0 20px 30px 0 rgba(67,37,204,.2);
box-shadow: 0 20px 30px 0 rgba(67,37,204,.2);
}
span.numb {
color: #fff;
-webkit-box-shadow: 0 5px 12px 0 rgb(204 37 37 / 20%);
box-shadow: 0 5px 12px 0 rgb(204 37 37 / 20%);
background: #ff0000;
border: 2px solid #ff0000;
border-radius: 50%;
width: 40px;
margin: auto;
height: 40px;
font-size: 20px;
position: relative;
font-weight: 700;
}
span.st-color {
color: #ff0000;
font-size: 15px;
}
.hover_up {
position: relative;
top: 0;
transition: top ease 0.5s;
}
button.btn-c {
margin-top: -28px;
padding: 8px 25px;
}
.mr10 {
margin-right: 10px;
}
.mb10 {
margin-bottom: 10px;
}
.inline_block {
display: inline-block;
}
span.sb-color {
color: #2c2b2b;
font-size: 15px;
}
samp.bform {
font-size: 12px;
}
h5.frm {
margin: 0px;
color: #ff0000!important;
font-size: 17px;
}
.primary-bg h1, .primary-bg p{
color: #fff;
}
.white-bg h1, .white-bg p{
color: inherit;
}
.google-play-btn, .app-store-btn{
padding: 12px 30px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}
.google-play-btn{
background: #ffffff;
border-color: #ffffff;
color: #6730e3;
border-radius: 30px;
}
.google-play-btn:hover{
background: transparent;
color: #ffffff;
}
.app-store-btn{
border-radius: 30px;
color: #ffffff;
border-color: #ffffff;
}
.app-store-btn:hover{
background: #ffffff;
color: #FF0000;
}
.lead {
font-size: 1.09rem!important;
font-weight: normal;
font-style: normal;
}
.board {
font-size: 1.7rem!important;
font-family: 'dk_crayon_crumbleregular';
letter-spacing: 1px;
font-weight: normal;
font-style: normal;
}
/*form field css*/
.form-control{
border-color: #ced4da;
padding: .975rem 0.85rem;
height: calc(3.3rem + .1rem + 2px);
}
.form-control:focus{
outline: none;
box-shadow: none;
}
input[type]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
select.form-control.has-value{
color: #b1b1b1 !important;
font-size: 13px;
}
input[type]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder,
select.form-control.has-value{
/* Firefox 18- */
color: #b1b1b1;
font-size: 13px;
}
input[type]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder,
select.form-control.has-value{
/* Firefox 19+ */
color: #b1b1b1;
font-size: 13px;
}
input[type]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
select.form-control.has-value{
color: #b1b1b1;
font-size: 13px;
}
.section-heading h2 span{
font-weight: 400;
font-size: 2rem;
}
span.sub-title{
font-weight: 600;
font-family: 'Montserrat', sans-serif;
}
span.tm-icon-gb img{
width: 22px;
position: relative;
top: 4px;
}
/*=========================================
04. HEADER CSS
============================================*/
.main-menu{
position: inherit;
top: inherit;
left: inherit;
right: inherit;
width: auto;
height: auto;
transition: all .3s ease-in-out;
}
.main-menu ul{
text-align: left;
padding: 0;
margin: 0;
}
.main-menu ul li{
padding: 15px 0;
}
.main-menu ul li a span.badge.custom-nav-badge{
position: absolute;
top: 0;
right: -15px;
}
.main-menu ul>li a{
margin: 0 0 0 20px;
font-size: 14px;
color: #363232;
display: block;
font-weight: 400;
background-color: transparent;
border-radius: 0;
padding: 0;
}
.main-menu ul>li .submenu{
width: 250px;
background-color: #f4f7fa;
border: 1px solid #ebebeb;
border-radius: 4px;
position: absolute;
top: 55px;
left: -4.2em;
right: 0;
visibility: hidden;
opacity: 0;
transition: all .3s ease-in-out;
transform: rotateX(-90deg) rotateY(0);
transform-origin: 0 0;
-webkit-box-shadow: 0 2px 8px rgba(0,0,0,.12);
box-shadow: 0 2px 8px rgba(0,0,0,.12);
}
.main-menu ul>li .submenu.dropdown-menu{
margin: 0;
padding: 0;
}
.main-menu ul>li:hover .submenu{
visibility: visible;
opacity: 1;
transform: rotateX(0) rotateY(0);
}
.dropdown:hover>.dropdown-menu {
display: block;
}
.dropdown>.dropdown-toggle:active {
pointer-events: none;
}
.main-menu ul>li .submenu> a{
display: block;
padding: 7px 15px;
margin: 0;
color: #363232;
}
.main-menu ul>li .submenu> a:hover{
background: #ebebeb;
}
.main-menu ul>li .submenu> a:active{
background: inherit;
}
.main-menu ul>li .submenu:before,
.main-menu ul>li .submenu:after{
content: '';
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border: 12px solid transparent;
border-bottom: 12px solid #f4f7fa;
top: -25px;
left: calc(50% - 12px);
}
.main-menu ul li.dropdown .dropdown-toggle::after{
position: relative;
top: 2px;
}
.navbar-brand{
font-size: inherit;
height: auto;
padding: 0;
margin-bottom: -8px;
}
.navbar-toggler{
background: transparent;
padding: .5rem .75rem;
font-size: inherit;
transition: all .3s ease-in-out;
}
.navbar-toggler span{
color: #212529;
opacity: 0.8;
font-size: 17px;
}
.navbar-toggler:focus, .navbar-toggler:hover{
outline: none;
opacity: 1;
}
.custom-nav ul li a{
color: #fafafa;
opacity: 0.8;
}
.affix {
background-color: #202877;
-webkit-transition:padding 0.2s ease-out;
-moz-transition:padding 0.2s ease-out;
-o-transition:padding 0.2s ease-out;
transition:padding 0.2s ease-out;
}
.white-bg.affix, .custom-nav.affix{
background: #ffffff;
border-bottom: 1px solid #ebebeb;
}
.white-bg.affix ul li a{
color: #081d43 !important;
opacity: 0.8;
}
.white-bg.custom-nav ul li a:hover{
opacity: 1;
}
.bg-transparent ul li a{
color: #000000;
text-transform: uppercase;
/* opacity: 0.8; */
}
.bg-transparent ul li a:hover, .white-bg.affix ul li a:hover{
opacity: 1;
}
.bg-transparent.affix{
background-color: rgba(255, 255, 255, 0.4);
/* background-image: linear-gradient(to right, rgba(32, 40, 119, 1), rgba(55, 46, 149, 1), rgba(83, 49, 177, 1), rgba(114, 48, 205, 1), rgba(150, 41, 230, 1)) !important; */
}
.navbar{
transition: all .3s ease-in-out;
}
.navbar {
padding: 0px!important;
background-color: #ffffff;
/* background-color: rgb(252 190 190 / 40%)!important; */
}
@media (min-width: 320px) and (max-width: 992px){
.navbar{
padding: .95rem 1rem;
}
.white-bg.affix, .custom-nav.affix, .navbar.white-bg{
background: #ffffff !important;
border-bottom: 1px solid #ebebeb;
}
.white-bg.custom-nav ul li a, .custom-nav ul li a{
color: #081d43 !important;
}
.white-bg.navbar .navbar-toggler span{
color: #202877;
}
.main-menu ul>li .submenu{
left: 0;
top: 10px;
position: relative;
}
.main-menu ul li{
padding: 15px 0 0;
}
.main-menu ul>li a{
margin: 0;
}
.main-menu ul>li .submenu:before, .main-menu ul>li .submenu:after{
left: 15px;
}
.ptb-100{
padding: 55px 0;
}
.pt-100{
padding-top: 110px;
}
.hero-content-left {
z-index: 2;
margin-bottom: 40px;
}
.pb-100{
padding-bottom: 55px;
}
.navbar {
padding: 0px!important;
background-color: #ffffff!important;
}
}
@media (min-width: 992px){
.navbar{
border-bottom: 1px solid rgba(0, 0, 0, 0);
background:#ffffff!important;
-o-transition: border-bottom .3s ease-in-out,background .3s ease-in-out,padding .3s ease-in-out;
-webkit-transition: border-bottom .3s ease-in-out,background .3s ease-in-out,padding .3s ease-in-out;
-moz-transition: border-bottom .3s ease-in-out,background .3s ease-in-out,padding .3s ease-in-out;
transition: border-bottom .3s ease-in-out,background .3s ease-in-out,padding .3s ease-in-out;
-webkit-backface-visibility: hidden;
}
}
/*=========================================
05. HERO SECTION CSS
============================================*/
.z--1 {
z-index: -1;
}
.fit-cover {
top: 0;
left: 0;
right: 0;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
}
.min-vh-100 {
min-height: 100vh !important;
}
.hero-animation-img, .hero-content-left{
position: relative;
z-index: 2;
}
.list-unstyled-ul {
padding-left: 0;
list-style: disc!important;
margin-left: 45px!important;
}
.text-capitalize{
text-transform: capitalize!important;
}
.break {
width: 100%;
}
#listt ul.list-unstyled-ul {
padding-left: 0;
list-style: decimal-leading-zero!important;
margin-left: 45px!important;
}
.list-unstyled-ul li {
padding-bottom: 5px;
}
.hero-content-left h1{
font-weight: 500;
font-size: 42px;
line-height: 52px;
}
.hero-content-left h1 span{
font-weight: 700;
}
@media (min-width: 992px){
.hero-animation-img {
position: relative;
display: block;
width: 100%;
}
.animation-one {
-webkit-animation: move-one 7s ease-in-out infinite;
animation: move-one 7s ease-in-out infinite;
}
@keyframes move-one {
0% {
-webkit-transform: translateX(0) translateY(5px);
transform: translateX(0) translateY(5px)
}
50% {
-webkit-transform: translateX(0) translateY(-5px);
transform: translateX(0) translateY(-5px)
}
100% {
-webkit-transform: translateX(0) translateY(5px);
transform: translateX(0) translateY(5px)
}
}
@-webkit-keyframes move-one {
0% {
-webkit-transform: translateX(0) translateY(5px);
transform: translateX(0) translateY(5px)
}
50% {
-webkit-transform: translateX(0) translateY(-5px);
transform: translateX(0) translateY(-5px)
}
100% {
-webkit-transform: translateX(0) translateY(5px);
transform: translateX(0) translateY(5px)
}
}
.animation-two {
position: absolute;
bottom: -10px;
-webkit-animation: move-two 8s ease-in-out infinite;
animation: move-two 8s ease-in-out infinite;
}
@-webkit-keyframes move-two {
0% {
-webkit-transform: translateX(-25px) translateY(-225px);
transform: translateX(-25px) translateY(-225px)
}
50% {
-webkit-transform: translateX(-25px) translateY(-205px);
transform: translateX(-25px) translateY(-205px)
}
100% {
-webkit-transform: translateX(-25px) translateY(-225px);
transform: translateX(-25px) translateY(-225px)
}
}
@keyframes move-two {
0% {
-webkit-transform: translateX(-25px) translateY(-225px);
transform: translateX(-25px) translateY(-225px)
}
50% {
-webkit-transform: translateX(-25px) translateY(-205px);
transform: translateX(-25px) translateY(-205px)
}
100% {
-webkit-transform: translateX(-25px) translateY(-225px);
transform: translateX(-25px) translateY(-225px)
}
}
.animation-three {
position: absolute;
-webkit-animation: move-three 9s ease-in-out infinite;
animation: move-three 9s ease-in-out infinite
}
@-webkit-keyframes move-three {
0% {
-webkit-transform: translateX(-45px) translateY(-225px);
transform: translateX(-45px) translateY(-225px)
}
50% {
-webkit-transform: translateX(-45px) translateY(-205px);
transform: translateX(-45px) translateY(-205px)
}
100% {
-webkit-transform: translateX(-45px) translateY(-225px);
transform: translateX(-45px) translateY(-225px)
}
}
@keyframes move-three {
0% {
-webkit-transform: translateX(-45px) translateY(-225px);
transform: translateX(-45px) translateY(-225px)
}
50% {
-webkit-transform: translateX(-45px) translateY(-205px);
transform: translateX(-45px) translateY(-205px)
}
100% {
-webkit-transform: translateX(-45px) translateY(-225px);
transform: translateX(-45px) translateY(-225px)
}
}
.animation-four {
position: absolute;
-webkit-animation: move-four 6s ease-in-out infinite;
animation: move-four 6s ease-in-out infinite
}
.animation-new{
position: absolute;
bottom: 10px;
}
@-webkit-keyframes move-four {
0% {
-webkit-transform: translateX(330px) translateY(-215px);
transform: translateX(330px) translateY(-215px)
}
50% {
-webkit-transform: translateX(330px) translateY(-240px);
transform: translateX(330px) translateY(-240px)
}
100% {
-webkit-transform: translateX(330px) translateY(-215px);
transform: translateX(330px) translateY(-215px)
}
}
@keyframes move-four {
0% {
-webkit-transform: translateX(330px) translateY(-215px);
transform: translateX(330px) translateY(-215px)
}
50% {
-webkit-transform: translateX(330px) translateY(-240px);
transform: translateX(330px) translateY(-240px)
}
100% {
-webkit-transform: translateX(330px) translateY(-215px);
transform: translateX(330px) translateY(-215px)
}
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.animation-four, .animation-new{
display: none !important;
}
}
.hero-content-left, .sign-up-form-wrap{
z-index: 2;
}
.bottom-img{
position: relative;
bottom: -10px;
width: 100%;
}
.bottom-img img, .bottom-img-absolute img{
width: 100%;
}
.bottom-img-absolute{
bottom: -40px;
width: 100%;
position: absolute;
}
.shape-bg{
bottom: -8px;
}
.section-shape{
position: absolute;
bottom: -20px;
left: 0;
right: 0;
}
.section-shape img{
width: 100%;
}
.hero-7{
width: 100%;
position: relative;
}
.hero-7:after {
content: ' ';
background-image: url("../img/hero-bg-2.html");
background-size: cover;
background-position: center center;
position: absolute;
width: 100%;
border-radius: 0;
transform: skewY(-5deg);
top: -180px;
right: 0;
bottom: 140px;
z-index: -1;
}
.hero-7:before{
position: absolute;
content: '';
background: rgba(0, 67, 139, 0.85);
width: 100%;
height: 100%;
left: 0;
transform: skewY(-5deg);
top: -140px;
right: 0;
bottom: -50px;
}
/*hero subscribe form*/
.subscribe-form{
position: relative;
display: block;
width: 65%;
}
.subscribe-form #email {
background: #FDFCFB;
font-family: inherit;
color: #737373;
letter-spacing: 1px;
text-indent: 5%;
border-radius: 30px;
}
.subscribe-form input.button{
position: absolute;
right: 4px;
border-radius:30px;
padding: initial;
top: 4px;
bottom: 4px;
width: 30%;
}
/*subscribe form footer*/
.subscribe-form-footer{
position: absolute;
top: 8px;
width: 100%;
}
.subscribe-form-footer input.form-control{
padding: 1.275rem 0.95rem;
border-radius: 30px;
}
.subscribe-form-footer input.button{
border-radius: 30px;
}
.shape-img{
position: relative;
z-index: 2;
width: 100%;
}
.shape-img img{
width: 100%;
position: absolute;
max-width: none;
height: auto;
top: -2px;
}
/*animation shape*/
@-webkit-keyframes p1 {
0% {
left: 0px;
top: 0px
}
50% {
left: 0;
top: 800px
}
100% {
left: 0px;
top: 0px
}
}
@keyframes p1 {
0% {
left: 800px;
top: 0px
}
50% {
left: 0px;
top: 800px
}
100% {
left: 800px;
top: 0px
}
}
@-webkit-keyframes p2 {
0% {
left: 0;
top: 100px
}
50% {
left: 0;
top: 800px
}
100% {
left: 0;
top: 100px
}
}
@keyframes p2 {
0% {
left: 0;
top: 100px
}
50% {
left: 0px;
top: 800px
}
100% {
left: 0;
top: 100px
}
}
@-webkit-keyframes p3 {
0% {
left: 300px;
top: 900px
}
50% {
left: 500px;
top: 0px
}
100% {
left: 300px;
top: 900px
}
}
@keyframes p3 {
0% {
left: 300px;
top: 900px
}
50% {
left: 500px;
top: 0px
}
100% {
left: 300px;
top: 900px
}
}
@-webkit-keyframes p4 {
0% {
left: 1000px;
top: 500px
}
50% {
left: 00px;
top: 500px
}
100% {
left: 1000px;
top: 500px
}
}
@keyframes p4 {
0% {
left: 1000px;
top: 500px
}
50% {
left: 0px;
top: 500px
}
100% {
left: 1000px;
top: 500px
}
}
@-webkit-keyframes p5 {
0% {
left: 500px;
top: 1000px
}
50% {
left: 50%;
top: 0px
}
100% {
left: 500px;
top: 1000px
}
}
@keyframes p5 {
0% {
left: 500px;
top: 1000px
}
50% {
left: 50%;
top: 0px
}
100% {
left: 500px;
top: 1000px
}
}
@-webkit-keyframes p6 {
0% {
left: 500px;
top: 200px
}
50% {
left: 50%;
top: 70%
}
100% {
left: 500px;
top: 200px
}
}
@keyframes p6 {
0% {
left: 500px;
top: 200px
}
50% {
left: 50%;
top: 70%
}
100% {
left: 500px;
top: 200px
}
}
@-webkit-keyframes p7 {
0% {
left: 50px;
top: 10%
}
50% {
left: 50%;
top: 10%
}
100% {
left: 50px;
top: 10%
}
}
@keyframes p7 {
0% {
left: 50px;
top: 10%
}
50% {
left: 50%;
top: 10%
}
100% {
left: 50px;
top: 10%
}
}
@-webkit-keyframes p8 {
0% {
left: 0;
top: 20%
}
50% {
left: 50%;
top: 20%
}
100% {
left: 0;
top: 20%
}
}
@keyframes p8 {
0% {
left: 0;
top: 20%
}
50% {
left: 50%;
top: 20%
}
100% {
left: 0;
top: 20%
}
}
@-webkit-keyframes p9 {
0% {
left: 1000px;
top: 100px
}
50% {
left: 500px;
top: 950px
}
100% {
left: 1000px;
top: 100px
}
}
@keyframes p9 {
0% {
left: 1000px;
top: 100px
}
50% {
left: 500px;
top: 950px
}
100% {
left: 1000px;
top: 100px
}
}
.circles {
overflow: hidden;
width: 100%;
position: absolute;
height: 1200px;
}
.point {
border-radius: 50%;
z-index: 999;
position: absolute;
}
.animated-point-1 {
background-color: red;
height: 12px;
width: 12px;
position: relative;
-webkit-animation-name: p1;
-webkit-animation-duration: 80s;
-webkit-animation-iteration-count: infinite;
animation-name: p1;
animation-duration: 80s;
animation-iteration-count: infinite;
}
.animated-point-2 {
background-color: green;
height: 15px;
width: 15px;
position: relative;
-webkit-animation-name: p2;
-webkit-animation-duration: 90s;
-webkit-animation-iteration-count: infinite;
animation-name: p2;
animation-duration: 90s;
animation-iteration-count: infinite
}
.animated-point-3 {
background-color: orange;
height: 8px;
width: 8px;
position: relative;
-webkit-animation-name: p3;
-webkit-animation-duration: 80s;
-webkit-animation-iteration-count: infinite;
animation-name: p3;
animation-duration: 80s;
animation-iteration-count: infinite
}
.animated-point-4 {
background-color: pink;
height: 10px;
width: 10px;
position: relative;
-webkit-animation-name: p4;
-webkit-animation-duration: 80s;
-webkit-animation-iteration-count: infinite;
animation-name: p4;
animation-duration: 80s;
animation-iteration-count: infinite
}
.animated-point-5 {
background-color: #ffc64c;
height: 12px;
width: 12px;
position: relative;
-webkit-animation-name: p5;
-webkit-animation-duration: 50s;
-webkit-animation-iteration-count: infinite;
animation-name: p5;
animation-duration: 50s;
animation-iteration-count: infinite
}
.animated-point-6 {
background-color: #ffc64c;
height: 10px;
width: 10px;
position: relative;
-webkit-animation-name: p6;
-webkit-animation-duration: 70s;
-webkit-animation-iteration-count: infinite;
animation-name: p6;
animation-duration: 70s;
animation-iteration-count: infinite
}
.animated-point-7 {
background-color: orange;
height: 14px;
width: 14px;
position: relative;
-webkit-animation-name: p7;
-webkit-animation-duration: 70s;
-webkit-animation-iteration-count: infinite;
animation-name: p7;
animation-duration: 70s;
animation-iteration-count: infinite
}
.animated-point-8 {
background-color: purple;
height: 8px;
width: 8px;
position: relative;
-webkit-animation-name: p8;
-webkit-animation-duration: 50s;
-webkit-animation-iteration-count: infinite;
animation-name: p8;
animation-duration: 50s;
animation-iteration-count: infinite
}
.animated-point-9 {
background-color: purple;
height: 12px;
width: 12px;
position: relative;
-webkit-animation-name: p9;
-webkit-animation-duration: 100s;
-webkit-animation-iteration-count: infinite;
animation-name: p9;
animation-duration: 100s;
animation-iteration-count: infinite
}
/*hero 2 css*/
.hero-section-2, .hero-section-3{
position: relative;
overflow: hidden;
}
.hero-section-2:before{
content: "";
position: absolute;
z-index: -1;
width: 100%;
height: 175%;
bottom: 0;
background-image: url(../img/hero-bg-shape-3.svg);
background-repeat: no-repeat;
background-size: cover;
}
.shape-image{
position: absolute;
width: 100%;
height: auto;
bottom: 76px;
z-index: 0;
left: 268px;
overflow: hidden;
background-size: cover;
right: 0;
}
@media (min-width: 320px) and (max-width: 767px){
ul#SearchProductShow {
position: relative;
left: -16px!important;
top: 35px;
}
.shape-image{
display: none;
}
#page1 {
padding: 20px 0px 0px!important;
}
.mr10 {
margin-right: 0px;
}
.screen-carousel {
position: relative;
top: -50px;
}
.header {
z-index: 999;
}
body {
overflow: unset!important;
}
}
/*hero background video css*/
.video-section-wrap{
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.video-section-wrap .background-video-overly {
display: flex;
flex-direction: column;
justify-content: center;
background-image: linear-gradient(to right, rgba(32, 40, 119, 0.64), rgba(55, 46, 149, 0.65), rgba(83, 49, 177, 0.72), rgba(114, 48, 205, 0.62), rgba(150, 41, 230, 0.6));
}
.background-video-overly{
background-image: linear-gradient(to right, rgba(32, 40, 119, 0.64), rgba(55, 46, 149, 0.65), rgba(83, 49, 177, 0.72), rgba(114, 48, 205, 0.62), rgba(150, 41, 230, 0.6));
}
/*=========================================
06. PROMO SECTION CSS
============================================*/
.single-promo span{
font-size: 70px;
line-height: inherit;
margin-bottom: 20px;
}
.single-promo-1, .single-promo-2, .single-promo-3, .single-promo-4, .single-promo-5, .single-promo-6{
box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.12);
border-radius: 1.5rem !important;
}
.brnifit.single-promo-1, .brnifit.single-promo-2, .brnifit.single-promo-3, .brnifit.single-promo-4, .brnifit.single-promo-5, .brnifit.single-promo-6{
box-shadow: none;
border-radius: 0px !important;
margin-bottom: 20px;
}
.brnifit.single-promo-1 span, .brnifit.single-promo-2 span, .brnifit.single-promo-3 span, .brnifit.single-promo-4 span, .brnifit.single-promo-5 span, .brnifit.single-promo-6 span{
font-size: 20px;
background-size: 100px;
padding: 22px 0px 12px 39px;
}
.brnifit.single-promo-1 span b, .brnifit.single-promo-2 span b, .brnifit.single-promo-3 span b,
.brnifit.single-promo-4 span b, .brnifit.single-promo-5 span b, .brnifit.single-promo-6 span b{
position: relative;
left: -15px;
}
.single-promo-1 span{
font-size: 35px;
background-image: url("../img/promo-icon-bg-1.svg");
background-size: 150px;
padding: 35px;
background-repeat: no-repeat;
background-position: 45% 20%;
}
.single-promo-2 span{
font-size: 35px;
background-image: url("../img/promo-icon-bg-2.svg");
background-size: 150px;
padding: 35px;
background-repeat: no-repeat;
background-position: 45% 20%;
}
.single-promo-3 span{
font-size: 35px;
background-image: url("../img/promo-icon-bg-3.svg");
background-size: 150px;
padding: 35px;
background-repeat: no-repeat;
background-position: 45% 20%;
}
.single-promo-4 span{
font-size: 35px;
background-image: url("../img/promo-icon-bg-4.svg");
background-size: 150px;
padding: 35px;
background-repeat: no-repeat;
background-position: 45% 20%;
}
.single-promo-5 span{
font-size: 35px;
background-image: url("../img/promo-icon-bg-5.svg");
background-size: 150px;
padding: 35px;
background-repeat: no-repeat;
background-position: 45% 20%;
}
.single-promo-6 span{
font-size: 35px;
background-image: url("../img/promo-icon-bg-6.svg");
background-size: 150px;
padding: 35px;
background-repeat: no-repeat;
background-position: 45% 20%;
}
.single-promo img{
width: 70px;
height: 70px;
margin-bottom: 20px;
}
.single-promo .img-full-box{
width: auto !important;
height: auto !important;
}
.single-promo-hover{
transition: all .2s ease-out;
will-change: transform;
}
.single-promo-hover:hover {
transform: translateY(-10px);
box-shadow: 0 1rem 3rem rgba(31,45,61,.125)!important;
}
/*promo section new style*/
.single-promo-card{
transition: all .2s ease;
box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.12);
}
.card.single-promo-card{
border: 1px solid #eff2f7;
border-radius: 1rem;
}
.card.single-promo-card:hover{
background: #6730e3;
color: #ffffff;
}
.card.single-promo-card:hover span, .card.single-promo-card:hover h5, .card.single-promo-card:hover p.text-muted{
color: #ffffff !important;
}
.single-promo-card .card-body{
padding: 1.5rem;
}
/*client section css*/
.client-section-wrap ul{
display: block;
}
.client-section-wrap ul li{
padding-right: 50px;
margin: 5px 0;
}
.client-section-wrap ul li img{
transition: all 0.3s ease-in;
}
.client-section-wrap ul li img:hover{
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
filter: none;
-webkit-filter: grayscale(0%);
}
.client-section-wrap ul li:last-child{
padding-right: 0;
}
.single-client {
display: -ms-grid;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-grid-column-align: center;
justify-items: center;
width: 60%;
height: auto;
-webkit-transition: -webkit-transform .5s ease-in;
transition: -webkit-transform .5s ease-in;
transition: transform .5s ease-in;
transition: transform .5s ease-in,-webkit-transform .5s ease-in;
margin: 8px auto;
}
.single-client img {
max-width: 100%;
max-height: 100%;
-webkit-filter: opacity(50%);
/* Safari 6.0 - 9.0 */
filter: opacity(90%);
width: 100%;
}
.single-client:hover {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.single-client:hover .client-img {
-webkit-filter: none;
filter: none;
opacity: 1;
}
.mt--80 {
margin-top: -80px;
}
.customer-slider-wrap {
border-radius: 30px;
position: relative;
overflow: hidden;
}
.customer-slider-wrap .shape-left:before {
position: absolute;
left: -80px;
width: 200px;
height: 200px;
background: #9629e6;
content: "";
top: -100px;
border-radius: 100%;
}
.customer-slider-wrap .shape-right:after {
position: absolute;
right: -108px;
width: 200px;
height: 200px;
background: #6730e3;
content: "";
bottom: -100px;
border-radius: 100%;
}
/*=========================================
07. ABOUT US CSS
============================================*/
.switchable {
position: relative;
}
.imageblock-section {
position: relative;
padding: 0;
}
.imageblock-section .imageblock-section-img {
position: absolute;
height: 100%;
top: 0;
z-index: 2;
padding: 0;
}
.switchable.switchable-content div[class*='col-']:first-child {
float: right;
right: 0;
left: auto;
}
.switchable > div[class*='col-'] {
padding: 0;
}
.background-image-holder {
position: absolute;
height: 100%;
top: 0;
left: 0;
background-size: cover !important;
background-position: 50% 50% !important;
z-index: 0;
transition: opacity .3s linear;
-webkit-transition: opacity .3s linear;
opacity: 0;
background: #252525;
}
.background-image-holder:not([class*='col-']) {
width: 100%;
}
.switchable div[class*='col-']:first-child {
float: left;
right: auto;
}
@media (max-width: 767px){
.switchable .imageblock-section-img[class*='col-'] {
float: none !important;
}
}
.switchable > div[class*='col-'] {
padding: 0;
}
@media (max-width: 767px){
.imageblock-section .imageblock-section-img {
position: relative;
min-height: 18.57142857em;
}
}
@media (min-width: 768px){
.switchable .container > .row {
flex-flow: row-reverse;
}
.switchable.switchable-content .container > .row {
flex-flow: row;
}
}
@media only screen and (max-width: 768px) and (min-width: 426px) {
form.search-form {
margin-top: 12px;
}
form.search-form .select-search-option .search-form input {
border: none;
width: 92%!important;
}
ul#SearchProductShow {
position: relative;
left: -14px!important;
top: 0px!important;
}
#SearchProductShow .mega-menu-container {
position: absolute;
left: 16px;
min-width: 100%!important;
}
#SearchProductShow .product-item .product-thumb {
position: relative;
max-height: 101px!important;
min-height: 101px!important;
}
.select-search-option .search-form input {
border: none;
background-color: #f8f8f8;
border: 1px solid #ededed;
padding: 13px 24px;
background-color: #fff;
/* width: 92%!important; */
margin-top: 10px;
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 25%!important;
}
.row.product_scroll {
overflow-y: scroll;
height: 210px!important;
padding: 10px 15px 0px 15px;
}
}
.row.product_scroll {
overflow-y: scroll;
height: 192px;
padding: 10px 15px 0px 15px;
}
.single-card {
width: calc(50% - 25px);
margin-left: 25px;
margin-bottom: 50px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: box-shadow .3s ease-in-out 0s;
box-sizing: border-box;
box-shadow: 0 8px 20px 0 rgba(16,66,97,.07);
padding: 35px 15px;
border-radius: 10px;
float: left;
text-align: center;
}
.single-card:nth-child(2n) {
position: relative;
top: 40px;
}
.single-card h3 {
font-size: 34px;
color: inherit!important;
margin: 0;
line-height: 34px;
font-weight: 700;
position: relative;
}
.single-card span{
font-size: 2.95714286em;
line-height: 1.75125468em;
}
.counter-card{
float: none;
display: block;
overflow: hidden;
width: auto;
margin: auto;
}
.box-animation-1{
animation: animation-1 5s ease-out infinite;
}
.box-animation-2{
animation: animation-2 4s ease-out infinite;
}
.box-animation-3{
animation: animation-3 5s ease-out infinite;
}
.box-animation-4{
animation: animation-4 4s ease-out infinite;
}
@keyframes animation-1 {
50% {
transform: translate(0, 20px);
}
}
@keyframes animation-2 {
50% {
transform: translate(0, 35px);
}
}
@keyframes animation-3 {
50% {
transform: translate(0, 25px);
}
}
@keyframes animation-4 {
50% {
transform: translate(0, 40px);
}
}
@keyframes shrink {
0% {
width: 90%;
margin: 0 5%;
}
50% {
width: 60%;
margin: 0 18%;
}
100% {
width: 90%;
margin: 0 5%;
}
}
/*about us app*/
.overflow-hidden{
overflow: hidden;
}
.background-shape-img{
position: relative;
}
.background-shape-img:before{
content: "";
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
background-image: url("../img/about-bg-shape.html");
background-repeat: no-repeat;
background-size: cover;
}
/*=========================================
08. FEATURE SECTION CSS
============================================*/
.icon-md{
font-size: 32px;
line-height: 35px;
}
.icon-lg{
font-size: 70px;
line-height: 75px;
}
.single-feature .icon{
font-size: 22px;
line-height: 22px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px;
}
.icon-box-wrap{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 40px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.icon-box{
height: 65px;
width: 65px;
color: #9629e6;
text-align: center;
-webkit-box-shadow: 0 4px 15px 0 rgba(52, 27, 159,0.1);
box-shadow: 0 4px 15px 0 rgba(52, 27, 159, 0.1);
border-radius: 4px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
margin-bottom: 0;
margin-right: 30px;
background: #fff;
padding: 15px;
}
.icon-box img{
vertical-align: middle;
border-style: none;
}
.icon-box.gray-light-bg{
background: #f4f7fa;
}
.icon-box-wrap p{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.single-feature-hover{
z-index: 0;
position: relative;
background: #ffffff;
box-shadow: 0 0 0 1px #ebebeb;
padding: 10px;
box-sizing: border-box;
-webkit-transition: box-shadow 0.3s ease,z-index 0s 0.3s ease,-webkit-transform 0.3s ease;
transition: box-shadow 0.3s ease,z-index 0s 0.3s ease,-webkit-transform 0.3s ease;
transition: box-shadow 0.3s ease,transform 0.3s ease,z-index 0s 0.3s ease;
transition: box-shadow 0.3s ease,transform 0.3s ease,z-index 0s 0.3s ease,-webkit-transform 0.3s ease;
}
.single-feature-hover:hover{
z-index: 1;
box-shadow: 0 8px 50px rgba(0,0,0,0.2);
-webkit-transform: scale(1.05);
transform: scale(1.05);
border-radius: 4px;
-webkit-transition: box-shadow 0.1s ease,z-index 0s 0.1s ease,-webkit-transform 0.1s ease;
transition: box-shadow 0.1s ease,z-index 0s 0.1s ease,-webkit-transform 0.1s ease;
transition: box-shadow 0.1s ease,transform 0.1s ease,z-index 0s 0.1s ease;
transition: box-shadow 0.1s ease,transform 0.1s ease,z-index 0s 0.1s ease,-webkit-transform 0.3s ease;
}
.border{
border-color: #ebebeb;
}
.single-services span{
margin-bottom: 15px;
display: block;
}
.feature-list li {
position: relative;
padding: 0 0 10px 22px;
margin: 0 0 10px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.feature-list li:before{
content: "\e6af";
position: absolute;
top: 1px;
left: 0;
font-family: 'themify';
font-weight: 400;
color: #9629e6;
}
/*feature new style*/
select.form-control{ width: 100%!important;}
.position-sticky li.nav-item {
background: #ffffff;
border-bottom: solid 1px #e9ecef;
}
.position-sticky li.nav-item a.nav-link {
display: flex;
padding: 0.5rem 0.1rem;
justify-content: flex-start;
align-content: center;
align-items: center;
}
.position-sticky li.nav-item a.nav-link img {
margin-right: 10px;
}
#tmmenue .main-menu ul li {
padding: 0;
}
.download-content h2{
font-weight: 500!important;
font-size: 1.8rem;
line-height: 1.3;
}
.download-content p{
line-height: 1.3;
font-size: 1rem;
}
.single-blog-card .closed {
background: rgba(11, 11, 11, 0.48);
z-index: 1;
padding-top: 30%;
font-weight: 600;
position: absolute;
left: 0;
top: 0;
color: #fff;
width: 100%;
height: 100%;
text-align: center;
}
.single-blog-card span.category {
z-index: 2;
bottom: 10px!important;
top: unset!important;
right: 10px;
padding: 6px 14px;
}
.col-md-4 .single-blog-card {
margin-bottom: 0px!important;
}
.card-body p span {
color: #ff0000;
font-weight: 600;
font-size: 1.2rem;
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
background: #fff;
}
.inline_block img {
height: 1rem;
margin-right: 0.5rem;
}
a.tm_info {
float: right;
color: #ff0000;
}
a.tm_info span.ti-info-alt {
font-weight: 500;
font-size: 1.7rem;
}
.tm_social{
float: right;
}
.tm_social ul li {
display: inline;
padding-right: 1.2rem;
font-size: 1.5rem;
}
.icon-shape {
display: inline-block;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
border-radius: 0.25rem;
}
.icon{
width: 50px;
height: 50px;
}
.icon span{
line-height: 50px;
font-size: 22px;
}
/*feature tab style*/
.feature-tab.nav-tabs{
border-bottom: 0;
}
.feature-tab li a.nav-link{
border: 1px solid #ebebeb;
-webkit-box-shadow: 0 2px 15px 0 rgba(52,27,159,.1);
box-shadow: 0 2px 15px 0 rgba(52,27,159,.1);
text-align: center;
padding: 15px;
border-radius: 6px;
min-width: 110px;
transition: all 0.3s ease-in;
}
.feature-tab li a.nav-link.active, .feature-tab li a.nav-link:hover{
border-color: #ebebeb;
background: #ff0000;
color: #ffffff;
}
.feature-tab li a.nav-link.active{
background: #ff0000;
color: #ffffff;
}
.feature-tab li a.nav-link.active span, .feature-tab li a.nav-link:hover span{
color: #ffffff;
}
.feature-tab li a.h6{
font-size: 14px;
line-height: 16px;
color: #757575;
}
.feature-tab li{
margin-right: 15px;
}
.feature-tab li:last-child{
margin-right: 0;
}
.feature-tab li a span{
display: block;
font-size: 25px;
margin-bottom: 10px;
color: #9629e6;
}
.feature-tab-content{
margin-top: 15px;
/* min-height: 260px; */
}
.delivery{
padding: 0px 20px 0 20px;
}
.order .card-header[aria-expanded=false]:after {
display: none;
}
.list-inline-item {
display: inline-block;
cursor: pointer;
}
/*=========================================
09. VIDEO PROMO CSS
============================================*/
.background-img, .abbackground-img{
position: relative;
width: 100%;
display: block;
background-image: linear-gradient(to right, #ff0000, #e62b2b, #f1394a, #fc5353, #ff5b5b);
}
#listt p, #listt ul li{
margin-bottom: 0.2em;
text-align: justify;
}
.background-img:before{
position: absolute;
content: '';
background-image: linear-gradient(to right, #ff0000, #e62b2b, #f1394a, #fc5353, #ff5b5b);
/* background-image: linear-gradient(to right, rgba(32, 40, 119, 0.95), rgba(55, 46, 149, 0.95), rgba(83, 49, 177, 0.90), rgba(114, 48, 205, 0.85), rgba(150, 41, 230, 0.95)); */
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.abbackground-img:before{
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: linear-gradient(to right, rgb(227 27 27 / 95%), #ff0000ab, #ff0e0ebd, #ff0000b0, #ff0000db);
}
.video-promo-content{
transition: all 800ms ease-in-out;
}
.video-promo-content a img{
transition: all 800ms ease-in-out;
}
.video-promo-content a img:hover{
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
transform: rotate(45deg);
}
.video-promo-content h5{
color: #ffffff;
}
.video-play-icon {
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50%;
position: relative;
z-index: 4;
display: inline-block;
border: 2px solid #ffffff;
cursor: pointer;
background: #ffffff;
}
.video-play-icon span{
position: absolute;
text-align: center;
width: 100%;
top: 25%;
font-size: 23px;
left: 2px;
}
.video-promo-content a.video-play-icon-without-bip:hover span{
color: #ffffff;
}
.video-promo-content a.video-play-icon{
border-radius: 50%;
display: block;
-webkit-animation: ripple-white 1s linear infinite;
animation: ripple-white 1s linear infinite;
-webkit-transition: .5s
}
.video-promo-content a.video-play-icon-without-bip{
animation: none;
}
.video-promo-content a.video-play-icon-without-bip:hover{
-webkit-animation: ripple-white 1s linear infinite;
animation: ripple-white 1s linear infinite;
-webkit-transition: .5s;
background-color: #9629e6;
}
@-webkit-keyframes ripple-white {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1)
}
100% {
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0)
}
}
@keyframes ripple-white {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1)
}
100% {
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0)
}
}
/*=========================================
10. COUNTER CSS
============================================*/
.counter-wrap{
background: #ffffff;
width: 100%;
display: block;
position: relative;
bottom: -60px;
padding: 30px 0;
border-radius: 6px;
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.12);
}
.counter-wrap{
-ms-flex-wrap: wrap;
flex-wrap: wrap;
grid-auto-flow: dense;
display: grid;
grid-template-columns: repeat(auto-fill,minmax(255px,1fr));
}
.counter-wrap li{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
text-align: center;
border-right: 1px solid #ebebeb;
margin: 10px 0 !important;
}
.counter-wrap li:last-child{
border-right: none;
margin-right: 0 !important;
}
.single-counter span{
font-weight: bold;
font-family: 'Montserrat', sans-serif;
color: #9629e6;
font-size: 25px;
line-height: 28px;
}
/*=========================================
11. PRICING CSS
============================================*/
.card.single-pricing-pack{
transition: all 0.2s ease 0s;
box-shadow: 0 0 0 1px #ebebeb;
border: none;
border-top: 4px solid transparent;
border-radius: 6rem !important;
}
.card.single-pricing-pack:hover {
z-index: 2;
border-radius: 6rem !important;
}
.single-pricing-pack:hover {
box-shadow: 0 .2em .5rem rgba(31,45,61,.125)!important;
border-top: 4px solid #ff0000;
}
.single-pricing-pack .card-body {
color: rgb(132, 146, 166);
flex: 1 1 auto;
padding: 1.5rem;
}
.pricing-header{
position: relative;
background: transparent;
}
.pricing-img{
width: 65px;
height: 65px;
border-radius: 50%;
display: inline-block;
position: relative;
line-height: 65px;
margin: 0 auto;
}
.font-weight-bolder{
font-weight: 700;
font-family: 'Montserrat', sans-serif;
}
.pricing-feature-list li{
font-size: 14px;
line-height: 28px;
}
/* section#category-img {
position: fixed;
z-index: 5;
} */
/*price new style*/
.popular-price{
box-shadow: 0 .2em .5rem rgba(31,45,61,.125)!important;
border-top: 4px solid #ff0000 !important;
}
/*pricing faq*/
.accordion-faq .card {
margin-bottom: 1.5rem;
border-radius: 0.375rem !important;
box-shadow: 0 0.65rem 1rem rgba(18, 38, 63, 0.03);
background: #ffffff;
}
.accordion-faq.accordion > .card {
overflow: hidden;
border-color: #ebebeb;;
border-width: 1px 1px 0 1px;
}
.accordion-faq.accordion > .card .collapse.show{
border-bottom: 1px solid #ebebeb;
}
.accordion-faq.accordion .card-header {
position: relative;
cursor: pointer;
background: #ffffff;
border-bottom: 1px solid #ebebeb;
margin-bottom: 0;
}
.accordion-faq.accordion .card-header:first-child {
border-radius: calc(0.375rem - 1px) calc(0.375rem - 1px) 0 0;
}
.accordion-faq.accordion > .card .card-header h6{
font-weight: 600;
font-family: 'Montserrat', sans-serif;
}
.accordion-faq.accordion .card-header[aria-expanded=false]:after {
content: "\e61a";
}
.accordion-faq.accordion .card-header[aria-expanded=true]:after {
content: "\e622";
}
.accordion-faq.accordion .card-header:after {
content: "\e61a";
position: absolute;
right: 1.5rem;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-family: themify;
color: #FF0000;
}
/*sccreenshot css*/
.screen-slider-content {
position: relative
}
.screenshot-frame {
background-image: url(../img/phone-frame2.html);
background-repeat: no-repeat;
background-size: 100% 100%;
display: block;
width: 285px;
height: 518px;
position: absolute;
top: -10px;
left: calc(50% + 0.5px);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 2;
border-radius: 40px;
}
@media (min-width: 320px) and (max-width: 1200px){
.screenshot-frame{
display: none;
}
}
.screen-carousel .owl-item img {
-webkit-transform: scale(.85);
transform: scale(.85);
-webkit-transition: 0.3s;
transition: 0.3s;
/* border: 1px solid #ebebeb; */
border-radius: 30px;
}
.owl-theme .owl-nav.disabled+.owl-dots {
position: relative;
top: -70px!important;
}
.screen-carouselhome .owl-item img {
-webkit-transform: scale(.85);
transform: scale(.85);
-webkit-transition: 0.3s;
transition: 0.3s;
/* border: 1px solid #ebebeb; */
border-radius: 30px;
}
.screen-carouseltmg .owl-item img {
-webkit-transform: scale(.85);
transform: scale(.85);
-webkit-transition: 0.3s;
transition: 0.3s;
/* border: 1px solid #ebebeb; */
border-radius: 30px;
}
.screen-carouselmultis .owl-item img, .screen-carouselmultis2 .owl-item img, .screen-carouselmultipal .owl-item img {
border-radius: 14px;
}
.screen-carouseltmr .owl-item img {
-webkit-transform: scale(.85);
transform: scale(.85);
-webkit-transition: 0.3s;
transition: 0.3s;
/* border: 1px solid #ebebeb; */
border-radius: 30px;
}
.screen-carousel .owl-item.active.center img {
-webkit-transform: scale(1);
transform: scale(1)
}
/*=========================================
12. TESTIMONIAL CSS
============================================*/
.testimonial-wrap{
padding: 30px;
}
.testimonial-wrap span.icon{
font-size: 35px;
color: #202877;
}
.testimonial-wrap blockquote{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
height: 127px;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
margin-bottom: 0;
}
.client-say{
position: relative;
display: inline-block;
}
.client-say p{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
height: 80px;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
margin-bottom: 0;
float: left;
}
.client-say img{
position: relative;
width: 4% !important;
display: initial !important;
top: 0px;
margin-right: 4px;
}
.author-info{
display: flex;
align-items: center;
}
.author-img{
width: 4.425rem;
height: 4.425rem;
line-height: 4.425rem;
}
.dot-indicator.owl-theme button.owl-dot span{
display: inline-block;
width: 12px;
height: 12px;
box-sizing: border-box;
background: #d8d8d8;
border-radius: 50%;
-webkit-transform: scale(0.8);
transform: scale(0.8);
transition: 0.3s;
}
.dot-indicator.owl-theme button.owl-dot:focus{
border: none;
outline: none;
}
.dot-indicator.owl-theme button.owl-dot.active span{
background: #ff0000;
border: 2px solid transparent;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.screen-carousel.dot-indicator.owl-theme .owl-nav.disabled+.owl-dots{
margin-top: 20px;
}
.arrow-indicator.owl-theme .owl-nav{
position: absolute;
left: 0;
margin-top: 4px;
}
.arrow-indicator.owl-theme .owl-nav [class*=owl-]{
width: 40px;
height: 40px;
margin: 2px;
box-shadow: 0 0 0 1px #ebebeb;
background: #ffffff;
border-radius: 50%;
}
.arrow-indicator.owl-theme .owl-nav [class*=owl-]:focus{
outline: none;
}
.arrow-indicator.owl-theme .owl-nav [class*=owl-] span{
font-size: 20px;
line-height: 20px;
color: #9629e6;
}
.arrow-indicator.owl-theme .owl-nav [class*=owl-]:hover{
background: #9629e6 !important;
}
.arrow-indicator.owl-theme .owl-nav [class*=owl-]:hover span{
color: #ffffff !important;
}
.background-shape-right{
position: relative;
}
.background-shape-right:before{
content: "";
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
left: 50%;
background-image: url(../img/shape-bg-right.svg);
background-repeat: no-repeat;
}
/*=========================================
13. CONTACT FORM CSS
============================================*/
.sign-up-form-wrap{
display: block;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);
}
.shadow-lg{
box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}
.list-creative>li+li {
border-top: 1px solid #ebebeb;
}
@media (min-width: 992px){
.list-creative>li {
padding: 30px 0;
}
}
.list-terms-medium {
position: relative;
padding-left: 30px;
}
.list-terms-medium::before {
content: '';
position: absolute;
top: 2px;
left: 0;
bottom: 2px;
width: 4px;
}
.list-terms-medium dt {
letter-spacing: .1em;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
color: #565656;
}
.list-creative .address::before {
background: #9629e6;
}
.list-creative .phone::before {
background: #202877;
}
.list-creative .email::before {
background: #007bff;
}
.list-terms-medium a,.list-terms-medium p, .list-terms-medium a:active, .list-terms-medium a:focus {
color: #9b9b9b;
text-decoration: none;
}
.list-terms-medium a:hover {
color: #9629e6;
}
.google-map{
height:100%;
margin-bottom: -8px;
}
.google-map iframe{
width:100%;
border:0;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */
-webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
-webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
/*our team css*/
.single-team-member .team-info {
background-image: linear-gradient(to right, rgba(32, 40, 119, 0.85), rgba(55, 46, 149, 0.9), rgba(83, 49, 177, 0.85), rgba(114, 48, 205, 0.8), rgba(150, 41, 230, 0.8));
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s, visibility 0.3s;
transition: opacity 0.3s, visibility 0.3s;
}
.team-image img{
display: block;
height: 100%;
width: 100%;
overflow: hidden;
}
.team-info {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.team-info h5 {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
color: inherit;
}
.team-info h6{
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.team-info h5, .team-info h6, .team-info .team-social {
-webkit-transform: translateY(25px);
transform: translateY(25px);
opacity: 0;
-webkit-transition: opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.45s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.45s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.45s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.45s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.45s cubic-bezier(0.19, 1, 0.22, 1);
}
.single-team-member:hover .team-info {
opacity: 1;
visibility: visible;
}
.single-team-member:hover .team-info h6 {
opacity: 1;
}
.single-team-member:hover .team-info h5, .single-team-member:hover .team-info h6, .single-team-member:hover .team-info .team-social {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.team-social li a{
text-decoration: none;
color: inherit;
opacity: 0.8;
}
.team-social li a:hover{
opacity: 1;
}
.team-social li a span{
padding: 6px;
}
.visible-info{
width: 100%;
}
/*team single*/
.team-social-list li a{
padding: 5px;
}
.team-social-list li a:hover{
text-decoration: none;
}
.team-social-list li span {
font-size: 18px;
line-height: inherit;
vertical-align: middle;
}
/*skill progressbar*/
.progress {
position: relative;
display: -ms-flexbox;
display: flex;
height: .875rem;
overflow: hidden;
font-size: .75rem;
background-color: #ebebeb;
border-radius: 30px;
}
.progress-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #007bff;
transition: width .6s ease;
}
.progress-item + .progress-item {
margin-top: 24px;
}
.progress-item {
margin-bottom: 20px;
}
.progress-title > h6 {
font-size: .95375rem;
margin-bottom: 8px;
font-weight: 500;
}
/*progressbar animation*/
.progress span {
display: block;
height: 100%;
}
.progress-line {
background-color: #007bff;
-webkit-animation: progressBar 3s ease-in-out;
-webkit-animation-fill-mode:both;
-moz-animation: progressBar 3s ease-in-out;
-moz-animation-fill-mode:both;
}
@-webkit-keyframes progressBar {
0% { width: 0; }
100% { width: 100%; }
}
@-moz-keyframes progressBar {
0% { width: 0; }
100% { width: 100%; }
}
/*=========================================
15. FOOTER CSS
============================================*/
.background-img-2{
position: relative;
display: block;
width: 100%;
}
.background-img-2:before{
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.table td, .table th {
padding: .3rem!important;
vertical-align: middle;
border-top: 1px solid #ffcbd0!important;
}
.pay-t{
position: relative;
cursor: pointer;
background: #ffffff;
border-bottom: 1px solid #ebebeb;
margin-bottom: 0;
padding: 14px 4px 14px 22px;
}
span.text-right1 {
float: right;
padding-right: 20px;
}
.page-footer {
background: #fff;
padding: 50px 0 20px;
}
.social-list-wrap ul li span{
font-size: 24px;
line-height: inherit;
vertical-align: middle;
}
ul.star.list-inline.list-unstyled {
font-size: 18px;
line-height: inherit;
vertical-align: middle;
margin-left: 8px;
}
ul.star li a{
color: #ffe607!important;
}
.footer-nav-wrap ul li strong{
font-size: 18px;
line-height: 19px;
font-weight: bold;
}
.footer-nav-wrap ul li a {
font-size: 14px;
line-height: 19px;
color: inherit;
opacity: 0.8;
}
.support-list li span{
font-size: 16px;
line-height: 28px;
}
.footer-nav-wrap ul li a:hover, .copyright-text a:hover, .social-list li a:hover{
opacity: 1;
text-decoration: none;
}
.copyright-text{
font-size: 14px;
}
.social-list li span{
padding: 6px;
}
.social-list li a, .copyright-text a{
color: #ffffff;
/* opacity: 0.8; */
}
.border-gray-light {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-bottom p, .footer-bottom ul li a{
font-size: 14px;
}
.footer-bottom ul li a{
color: #ffffff;
/* opacity: 0.7; */
}
.footer-bottom ul li a:hover{
opacity: 1;
color: #000!important;
}
footer.footer-section {
background: #bac3d1;
color: #e62e2f;
}
/*new css new update*/
.full-screen{
min-height: 100vh;
position: relative;
width: 100%;
z-index: 1;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.countdown-wrap h2, .countdown-wrap h5{
color: #fff !important;
}
/*404 page*/
.error-content .notfound-404 {
position: relative;
height: 280px;
z-index: 2;
margin-bottom: 30px;
}
.error-content .notfound-404 h1 {
font-size: 230px;
font-weight: 700;
margin: 0;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-size: cover;
background-position: center;
}
.card-img-top {
width: 100%;
height: 100%;
min-height: 18.2rem!important;
max-height: 18.2rem!important;
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px);
}
@media (min-width: 320px) and (max-width: 767px){
.error-content .notfound-404{
height: auto;
display: block;
position: relative;
}
.error-content .notfound-404 h1{
font-size: 80px;
position: relative;
}
.tm_logo{
display: none;
}
#tmmenue .main-menu ul li {
padding: 0.1rem 2rem;
}
}
/*login css*/
.login-signup-content{
height: 100%;
width: 100%;
z-index: 1;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.login-signup-wrap h1{
font-size: 35px;
}
.vh-100 {
height: 100vh!important;
}
.bg-cover {
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
}
.ml-n3, .mx-n3 {
margin-left: -.98rem!important;
}
.small, small{
font-size: 90%;
}
.input-group-text {
display: flex;
align-items: center;
padding: .5rem .75rem;
margin-bottom: 0;
font-size: .9375rem;
font-weight: 400;
line-height: 1.5;
color: #95aac9;
text-align: center;
white-space: nowrap;
background-color: #fff;
border: 1px solid #d2ddec;
border-radius: .375rem;
}
.form-control:focus{
border-color: #ff0000;
}
.btn.border-radius{
border-radius: 4px;
}
.login-signup-form .form-group{
position: relative;
}
.login-signup-form .form-group label{
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 88%;
}
.login-signup-form .form-group .input-group.input-group-merge>.form-control{
text-indent: 35px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
height: calc(2.65em + .75rem + 2px);
}
.login-signup-form .form-group .input-group.input-group-merge>.form-control:focus{
z-index: inherit;
}
.input-icon {
height: calc(3.4rem + 2px);
position: absolute;
z-index: 2;
display: block;
width: 40px;
top: 0;
bottom: 0;
left: 0;
}
.input-icon span{
padding: 18px 15px;
border-left: 2px solid #6730e3;
position: absolute;
font-size: 18px;
height: calc(3.4rem + 2px);
border-radius: 4px;
}
/*login signup new style*/
.login-signup-card{
position: relative;
z-index: 2;
}
.custom-control-label {
line-height: 1.5;
}
.custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top;
}
/*=========================================
24. SINGLE PAGE HEADER CSS
============================================*/
@media (min-width: 320px) and (max-width: 576px){
#productShow .tm .close-item {
position: absolute;
right: 15px!important;
top: -6px!important;
}
#productShow .mega-menu-container {
position: absolute;
left: 2px!important;
top: -18px!important;
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 25%!important;
}
.page-header-content{
padding-top: 3rem!important;
}
#SearchProductShow .mega-menu-container {
position: absolute;
min-width: 100%;
}
#SearchProductShow .swiper-slide.col-lg-4 {
padding-right: 0px;
width: 50%;
}
#SearchProductShow .product-item .product-thumb {
position: relative;
text-align: center;
padding-top: 10%;
max-height: 100px!important;
min-height: 100px!important;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
.select-search-option .search-form input {
border: none;
background-color: #f8f8f8;
border: 1px solid #ededed;
padding: 13px 24px;
background-color: #fff;
/* width: 85%!important;
max-width: 85%!important; */
margin: 0px;
}
}
.custom-breadcrumb ol{
margin-bottom: 0;
}
.custom-breadcrumb ol li a, .custom-breadcrumb ol li.breadcrumb-item.active{
color: #ffffff;
opacity: 0.7;
}
.custom-breadcrumb ol li a:hover{
opacity: 1;
}
.custom-breadcrumb ol li.breadcrumb-item{
padding-left: 0;
}
.custom-breadcrumb .breadcrumb-item+.breadcrumb-item::before{
font-family: themify;
content: "\e649";
font-size: 10px;
color: #ffffff;
opacity: 0.7;
}
/*=========================================
25. BLOG SECTION CSS
============================================*/
.single-blog-card{
margin-bottom: 25px;
}
.single-blog-card span.category {
z-index: 2;
top: 10px;
right: 10px;
}
.single-blog-card .card-body{
padding: 1.75rem;
}
.meta-list {
opacity: 0.8;
font-size: 95%;
}
.meta-list li.list-inline-item:not(:last-child) {
margin-right: 0.7rem;
}
.single-blog-card a{
font-family: 'Montserrat', sans-serif;
}
.single-blog-card a, .single-blog-card a:hover {
text-decoration: none;
color: inherit;
}
a.detail-link {
display: inline-block;
text-decoration: none;
color: #495057;
font-weight: 600;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
}
a.detail-link span {
font-size: 12px;
vertical-align: middle;
-webkit-transition-duration: .3s;
transition-duration: .3s;
color: #202877;
}
a.detail-link:hover {
color: #202877;
}
a.detail-link:hover span{
transform: translateX(3px);
margin-left: 8px;
}
/*blog single page css*/
.row-post-thumbnail .post {
border: 0;
padding-bottom: 25px;
margin-bottom: 25px;
}
.post {
border-bottom: 1px solid #f0f0f0;
padding: 0 0 35px;
margin: 0 0 45px;
}
article, aside, figcaption, figure, header, hgroup, main, nav, section {
display: block;
}
.post-preview {
padding-bottom: 5px;
border-radius: .1875rem;
transition: all .3s ease-in-out;
}
.post-preview img {
border-radius: .1875rem;
width: 100%;
display: block;
}
.post-header {
margin: 15px 0 20px;
}
.post-header .post-title {
font-size: 1.5625rem;
margin-bottom: 0;
color: #333333;
}
.post-header .post-title a{
color: #5d5d5d;
}
.post-header .post-title a:hover{
color: #202877;
}
.post-meta {
list-style: none;
font-size: .8125rem;
padding: 0;
margin: 0;
}
.post-meta a, .post-meta li{
color: #495057;
opacity: 0.8;
}
.post-meta a:hover{
color: #202877;
opacity: 1;
}
.post-meta > li {
position: relative;
display: inline-block;
padding: 0 14px 0 0;
margin: 0 14px 0 0;
}
.post-meta > li:not(:last-child):after {
position: absolute;
content: '/';
right: -5px;
top: 0;
}
.post-content p{
margin-bottom: 5px;
}
.post-more a span{
vertical-align: middle;
}
.post-footer{
margin-top: 15px;
}
/*blog single css*/
.post-content blockquote {
border-left: 2px solid #eaeaea;
padding: 10px 0 10px 40px;
margin: 40px 0;
transition: all .3s ease-in-out;
}
.post-content blockquote:hover {
border-color: #202877;
}
.blockquote {
font-weight: 500;
color: #222;
}
/* .post-content ol {
list-style-type: decimal;
} */
.post-content ul, .post-content ol {
margin: 15px 0 15px 40px;
}
/*comments css*/
.comment, .comment-shop {
border-bottom: 1px solid #f0f0f0;
padding: 30px 0 0;
}
.comment-author, .comment-author-shop {
margin: 5px 0 0;
height: 64px;
width: 64px;
float: left;
}
.comment-body, .comment-body-shop {
position: relative;
padding: 0 0 30px;
margin: 0 0 0 85px;
}
.comment-meta, .comment-meta-shop {
margin: 0 0 15px;
}
.comment-meta-date{
font-size: 13px;
}
.children > .comment, .children > .comment-shop {
border: 0;
border-top: 1px solid #f0f0f0;
margin-left: 85px;
}
.comment-meta-author a, .comment-meta-author-shop a {
font-weight: 500;
color: #222;
}
.comment-meta-date a, .comment-meta-date-shop a {
color: #788487;
opacity: .6;
}
.comment-meta-date a:hover, .comment-meta-date a:focus, .comment-meta-date-shop a:hover, .comment-meta-date-shop a:focus {
color: #202877;
opacity: 1;
}
.comment-reply, .comment-reply-shop {
position: absolute;
right: 0;
top: 0;
font-size: 13px;
}
.comment-reply > a, .comment-reply-shop > a {
background: #f4f4f4;
border-radius: .1875rem;
padding: 5px 15px;
display: block;
color: #222;
}
.comment-reply > a:hover, .comment-reply > a:focus, .comment-reply-shop > a:hover, .comment-reply-shop > a:focus {
background: #202877;
color: #fff;
}
.comment-list + .comment-respond, .comment-list-shop + .comment-respond {
margin-top: 30px;
}
/*pagination*/
.custom-pagination-nav ul li{
text-align: center;
margin-right: 10px;
}
.custom-pagination-nav ul li:focus, .custom-pagination-nav ul li a:focus{
border: none;
outline: none;
box-shadow: none;
}
.custom-pagination-nav ul li a.page-link{
width: 35px;
height: 35px;
line-height: 33px;
border-radius: 100%;
padding: inherit;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
.custom-pagination-nav ul li.page-item:first-child .page-link,
.custom-pagination-nav ul li.page-item:last-child .page-link{
border: none;
background: transparent;
}
/*blog sidebar*/
.widget-search {
padding: 0;
border: 0;
}
.widget {
margin-bottom:50px;
}
.widget-search form {
position: relative;
}
.widget-search .search-button {
background-color: transparent;
border: none;
position: absolute;
top: 50%;
height: 100%;
right: .875rem;
transform: translateY(-50%);
transition: all .3s ease-out;
color: #ddd;
}
.widget-search .search-button span{
font-size: 20px;
line-height: 32px;
}
button, [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button;
}
.widget .widget-title {
margin-bottom: 24px;
}
.widget .widget-title > h6 {
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
letter-spacing: 1px;
font-weight: 600;
font-size: 12px;
margin: 0;
color: #788487;
}
.widget ul {
margin-bottom: 0;
}
.widget-categories ul li:first-child, .widget-recent-entries ul li:first-child, .widget-recent-entries-custom ul li:first-child {
padding-top: 0;
}
.widget-categories ul li, .widget-recent-entries ul li, .widget-recent-entries-custom ul li {
border-bottom: 1px solid #f0f0f0;
padding: 10px 0;
margin: 0;
}
.widget a {
color: #788487;
display: block;
font-size: 14px;
}
.widget a:hover{
color: #202877;
}
.widget-recent-entries-custom .wi {
float: left;
width: 80px;
}
.widget-recent-entries-custom .wb {
padding-left: 16px;
width: 100%;
}
.widget-recent-entries-custom .wi, .widget-recent-entries-custom .wb {
vertical-align: middle;
display: table-cell;
}
.post-date {
font-size: 13px;
color: #a3a6a8;
display: block;
margin: 0;
}
.tag-cloud > a, .post-tags > a {
background: #f4f4f4;
border-radius: .1875rem;
position: relative;
display: inline-block;
padding: 6px 15px;
margin: 5px 8px 5px 0;
text-transform: uppercase;
font-size: 9px !important;
color: #757575;
font-weight: 500;
font-family: 'Montserrat', sans-serif;
}
.tag-cloud > a:hover, .post-tags > a:hover {
background: #202877;
color: #fff;
opacity: 1;
}
/*new demo css*/
.big-text {
position: relative;
font-size: 100px;
line-height: 120px;
font-weight: 700;
}
.big-text span {
position: absolute;
font-size: 16px;
top: -50px;
}
@media (min-width: 320px) and (max-width: 575px) {
.big-text {
font-size: 60px !important;
line-height: 80px !important;
}
.big-text span {
top: -35px;
}
}
.offer-tag-wrap img{
position: relative;
display: block;
width: 100%;
}
.offer-tag{
background: #6730e3;
padding: 30px;
border-radius: 10px 60px;
position: absolute;
left: 0;
top: 35%;
box-shadow: 0 4px 20px 0 rgba(0,0,0,.15);
color: #ffffff;
}
.offer-price{
margin-top: 35px;
font-size: 70px;
line-height: 70px;
font-weight: 700;
font-family: 'Montserrat', sans-serif;
}
.offer-price small, .offer-price span{
font-size: 25px;
line-height: initial;
}
.offer-price span{
position: relative;
top: -40px;
}
.ribbon-2 {
position: absolute;
width: 180px;
height: 35px;
background: #ff5919;
left: -8px;
top: 20px;
}
.ribbon-2 span{
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding: 0 0 0 40px;
}
[class^="ribbon-"]:before, [class^="ribbon-"]:after {
content: "";
position: absolute;
}
.ribbon-2:after{
height: 0;
width: 0;
border-top: 15px solid transparent;
border-bottom: 20px solid transparent;
border-left: 15px solid #ff5919;
right: -15px;
}
.ribbon-2:before{
height: 0;
width: 0;
border-bottom: 8px solid #ff5919;
border-left: 8px solid transparent;
top: -8px;
}
/*new demo css*/
.custom-header .custom-nav ul li a{
color: #353535;
}
.rounded-custom{
border-radius: 15px;
}
.animation-item {
perspective: 950px;
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
}
.hero-animated-card-1 {
position: absolute;
top: 20%;
left: -70px;
transform: scale(0.9);
box-shadow: 0 22px 45px rgba(0, 0, 0, 0.09);
animation: move-up-down 4s ease-in-out 1s infinite;
}
.hero-animated-card-2 {
position: absolute;
right: -60px;
bottom: 20%;
transform: scale(0.9);
box-shadow: 0 22px 45px rgba(0, 0, 0, 0.2);
animation: move-up-down 3s ease-in-out 2s infinite;
}
@keyframes move-up-down {
0% {
-webkit-transform: translateX(0) translateY(5px);
transform: translateX(0) translateY(5px)
}
50% {
-webkit-transform: translateX(0) translateY(-15px);
transform: translateX(0) translateY(-15px)
}
100% {
-webkit-transform: translateX(0) translateY(5px);
transform: translateX(0) translateY(5px)
}
}
/*-- Google Font --*/
@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap");
/*-- Common Style --*/
*, *::after, *::before {
box-sizing: border-box;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 38px!important;
line-height: 34px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding: 4px 10px!important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 6px!important;
right: 6px!important;
width: 20px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #dc3545!important;
color: white;
}
.select2-container--default .select2-selection--single {
/* background-color: #dc3545!important;
border: 1px solid #dc3545!important; */
border-radius: 6px!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
/* color: #ffffff!important; */
line-height: 34px!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #000 transparent transparent transparent!important;
border-style: solid;
border-width: 6px 5px 0 5px!important;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.wish-list {
position: relative;right: 25px;
}
.wish-list a {
width: 35px;
height: 35px;
line-height: 38px;
border-radius: 28%;
padding: 8px 15px;
background-color: #dc3545;
position: relative;
text-align: center;
box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
}
.wish-list a i {
color: white;
}
.ul#tm_like li a:hover{
color: white!important;
}
.menu-img {
text-align: center;
}
img.w-100 {
width: 100%;
max-width: 160px;
min-width: 160px;
max-height: 160px;
min-height: 160px;
height: 100%;
}
ul#tm_like {
position: absolute;
left: 0.9rem;
top: 6rem;
}
.tm .close-item {
position: absolute;
right: 0px;
top: 8px;
cursor: pointer;
border: solid 2px #ff0000;
border-radius: 100%;
padding: 0px 7px;
z-index: 22;
}
a.tm_product-info {
/* position: absolute; */
font-size: 1.64rem;
color: #ff0000!important;
cursor: pointer;
left: 46%;
z-index: 3;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
}
.tmsearch .close-item {
position: absolute;
top: -10px;
right: -8px;
cursor: pointer;
border: solid 2px #ff0000;
border-radius: 100%;
padding: 0px 7px;
z-index: 22;
}
#SearchProductShow .mega-menu-container {
position: absolute;
left: 16px;
top: 0px;
border: solid 1px #ff0000;
max-width: 1200px;
width: 63.5%!important;
max-height: 300px!important;
padding: 20px 20px 0px 0px;
overflow-y: auto;
background-color: #fff;
/* transform: scaleY(0); */
transform-origin: top;
transition: all 0.3s ease;
z-index: 9;
box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 6%);
}
.categoryshow {
position:relative;
width: 100%;
top: 0;
}
.searchshort {
position:relative;
top: 0;
width: 100%;
}
.btn-primary.tmview {
position: relative;
top: -10px;
left: -4px;
}
.btn-primary.tmview:hover{
background-color: #dc3545;
border: solid 1px #dc3545;
}
#SearchProductShow .product-item .product-content {
padding:5px;
text-align: center;
}
#SearchProductShow .product-item .product-content .product-title {
font-size: 12px;
line-height: 8px;
font-weight: 600;
color: #dc3545;
}
#SearchProductShow .product-item .product-content .product-title span {
font-size: 10px;
font-weight: 600;
display: block;
color: #110f0f;
}
#SearchProductShow .product-item .product-content .cart-btn {
font-size: 10px;
padding: 4px 8px;
}
#SearchProductShow .price-increase-decrese-group button {
padding: 2px 1px;
}
#SearchProductShow .product-item .product-content .quantity {
margin-bottom: 0;
font-size: 12px;
}
#SearchProductShow .product-item .product-content .price {
color: #dc3545;
font-size: 12px;
}
#SearchProductShow .price-increase-decrese-group {
background-color: #dc3545;
padding: 0px 4px;
border-radius: 5px;
width: 46px;
}
#SearchProductShow .product-item .product-thumb {
position: relative;
text-align: center;
padding-top: 10%;
max-height: 72px;
min-height: 72px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
#SearchProductShow .product-item .product-thumb img {
max-width: 38%;
z-index: 1;
}
ul#SearchProductShow {
position: relative;
left: 67%;
top: 0px;
}
.wish-list a .count {
position: absolute;
right: -4px;
top: -8px;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #f55050;
font-size: 10px;
line-height: 19px;
color: white;
}
.my-account {
position: relative;
box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
}
.my-account a {
padding: 9px 25px;
background-color: #e8eaee;
border-radius: 3px;
}
.my-account .submenu {
position: absolute;
left: 0;
top: 100%;
min-width: 180px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
background-color: white;
z-index: 2;
transform: scaleY(0);
transform-origin: top;
transition: all 0.3s ease;
border-top: 3px solid #dc3545;
}
.my-account .submenu li a {
padding: 5px 15px;
display: block;
background-color: white;
font-size: 90%;
}
.my-account .submenu li a:hover {
background-color: #dc3545;
color: white;
}
.my-account:hover .submenu {
transform: scaleY(1);
}
.signin-option a {
padding: 9px 25px;
background-color: #e8eaee;
border-radius: 3px;
}
.all-catagory-option {
position: relative;
padding: 20px 0px;
}
.all-catagory-option > a {
font-weight: 700;
color: #dc3545;
font-size: 16px;
}
.all-catagory-option > a i {
margin-right: 10px;
background-color: #dc3545;
color: white;
padding: 10px 11px;
border-radius: 3px;
width: 45px;
height: 40px;
text-align: center;
/* line-height: 20px; */
font-size: 20px;
transition: all 0.3s ease;
}
@media only screen and (max-width: 1200px) {
.all-catagory-option > a i {
width: 35px;
height: 35px;
line-height: 16px;
font-size: 16px;
}
}
.all-catagory-option > a:hover i {
background-color: #438e1c;
}
.all-catagory-option > a.bar-btn {
display: block;
}
.all-catagory-option > a.close-btn {
display: none;
}
.all-catagory-option.mobile-device a {
padding: 0;
width: auto;
}
.all-catagory-option.mobile-device a i {
margin-right: 0;
}
.all-catagory-option .submenu-iconic {
position: absolute;
left: 0;
top: 100%;
width: 102%;
height: 630px;
background-color: white;
border: 1px solid #ebebeb;
z-index: 99;
}
.menu-item-iconic {
list-style-type: none;
width: 100%;
}
.menu-item-iconic li {
position: initial;
}
.menu-item-iconic li a {
width: 100%;
padding: 12px 30px;
font-size: 14px;
position: relative;
}
.menu-item-iconic li a img {
width: 30px;
margin-right: 10px;
}
.menu-item-iconic li a i {
position: absolute;
right: 20px;
top: 50%;
margin-top: -9px;
transform: rotate(-90deg);
}
.menu-item-iconic li .side-mega-menu {
position: absolute;
left: 100%;
top: 0px;
height: 630px;
overflow-y: auto;
width: 220px;
background-color: white;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
display: none;
}
.menu-item-iconic li .side-mega-menu h6 {
font-size: 14px;
}
.menu-item-iconic li .side-mega-menu ul li a {
font-size: 13px;
padding: 5px 0px;
}
@media only screen and (min-width: 1200px) {
.menu-item-iconic li .side-mega-menu {
height: 500px;
}
}
.menu-item-iconic li .side-mega-menu.lg {
width: 700px;
}
.menu-item-iconic li .side-mega-menu.md {
width: 450px;
}
.menu-item-iconic li .side-mega-menu .side-mega-menu-container {
padding: 30px;
}
.menu-item-iconic li .side-mega-menu .side-mega-menu-container ul {
margin-bottom: 30px;
}
.menu-item-iconic li .side-mega-menu .side-mega-menu-container ul li {
line-height: 2.5;
}
.menu-item-iconic li:hover .side-mega-menu {
display: block;
}
.fixed-totop .all-catagory-option .submenu-iconic {
display: none;
}
.fixed-totop .all-catagory-option:hover .submenu-iconic {
display: block;
}
.open-side-menu .all-catagory-option .bar-btn {
display: none;
}
.open-side-menu .all-catagory-option .close-btn {
display: block;
}
.catagory-sidebar.all-catagory-option {
position: relative;
padding-bottom: 50px;
}
.catagory-sidebar.all-catagory-option > a {
background-color: #dc3545;
color: white;
padding: 10px 30px;
border-radius: 3px;
width: 210px;
}
.catagory-sidebar.all-catagory-option > a i {
margin-right: 5px;
}
.catagory-sidebar.all-catagory-option > .catagory-submenu {
padding-top: 20px;
position: static;
top: 0%;
width: 100%;
min-width: 250px;
z-index: 2;
}
@media only screen and (min-width: 1500px) {
.catagory-sidebar.all-catagory-option > .catagory-submenu {
min-width: 300px;
}
}
.catagory-sidebar.all-catagory-option .catagory-submenu {
text-align: left;
background-color: #fff;
overflow: hidden;
}
.catagory-sidebar.all-catagory-option .catagory-submenu li a {
padding: 10px 30px;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
@media only screen and (min-width: 1500px) {
.catagory-sidebar.all-catagory-option .catagory-submenu li a {
padding: 15px 50px;
}
}
.catagory-sidebar.all-catagory-option .catagory-submenu li a i {
transform: rotate(-90deg);
transition: all 0.3s ease;
}
.catagory-sidebar.all-catagory-option .catagory-submenu li a:after {
content: "";
position: absolute;
right: 0;
top: 50%;
margin-top: 0px;
width: 2px;
height: 0px;
background-color: #2c3e50;
transition: all 0.3s ease;
}
.catagory-sidebar.all-catagory-option .catagory-submenu li a[aria-expanded=true] {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.catagory-sidebar.all-catagory-option .catagory-submenu li a[aria-expanded=true] i {
transform: rotate(0deg);
}
.catagory-sidebar.all-catagory-option .catagory-submenu li a[aria-expanded=true]:after {
height: 36px;
margin-top: -18px;
}
.catagory-sidebar.all-catagory-option .catagory-submenu li .icon {
width: 20px;
margin-right: 10px;
}
.catagory-sidebar.all-catagory-option .catagory-submenu li .icon img {
width: 100%;
}
.catagory-sidebar.all-catagory-option .catagory-submenu .catagory-submenu {
position: relative;
padding-left: 50px;
margin-top: 20px;
margin-bottom: 20px;
}
@media only screen and (min-width: 1500px) {
.catagory-sidebar.all-catagory-option .catagory-submenu .catagory-submenu {
margin-top: 35px;
margin-bottom: 35px;
}
}
.catagory-sidebar.all-catagory-option .catagory-submenu .catagory-submenu li a {
padding: 10px 25px;
}
.catagory-sidebar.all-catagory-option .catagory-submenu .catagory-submenu li:first-child a {
padding-top: 0;
}
.catagory-sidebar.all-catagory-option .catagory-submenu .catagory-submenu li:last-child a {
padding-bottom: 0;
}
.catagory-sidebar.all-catagory-option .catagory-submenu .catagory-submenu:after {
content: "";
position: absolute;
left: 50px;
top: 0;
width: 1px;
height: 100%;
background-color: #c6c6c6;
}
.catagory-sidebar.all-catagory-option.iconic-catagory-submenu .catagory-submenu .catagory-submenu {
padding-left: 20px;
}
.catagory-sidebar.all-catagory-option.iconic-catagory-submenu .catagory-submenu .catagory-submenu:after {
left: 25px;
display: none;
}
.menu-area .cart-icon {
width: 45px;
height: 45px;
display: inline-block;
background-color: #e8eaee;
text-align: center;
line-height: 45px;
border-radius: 50%;
position: relative;
}
.menu-area .cart-icon .count {
width: 18px;
height: 18px;
border-radius: 50%;
background-color: #dc3545;
color: white;
font-size: 10px;
line-height: 18px;
position: absolute;
right: -2px;
top: -3px;
}
.menu li.item-has-children {
position: relative;
}
.menu li.item-has-children.active > a {
color: #dc3545;
}
.menu li.item-has-children > a i {
font-size: 12px;
}
.menu li.item-has-children .submenu {
position: absolute;
left: 0;
top: 100%;
min-width: 220px;
background-color: #fff;
transform: scaleY(0);
transform-origin: top;
transition: all 0.3s ease;
border-top: 3px solid #dc3545;
z-index: 2;
}
.menu li.item-has-children .submenu li a {
display: block;
padding: 8px 15px;
font-size: 13px;
font-weight: 400;
border-bottom: 1px solid rgba(89, 184, 40, 0.1);
}
.menu li.item-has-children .submenu li a:hover {
background-color: #dc3545;
color: white;
}
.menu li.item-has-children .submenu li.active > a {
background-color: #dc3545;
color: white;
}
.menu li.item-has-children .submenu .submenu {
left: 100%;
top: 0;
}
.menu li.item-has-children:hover > .submenu {
transform: scaleY(1);
}
@media only screen and (max-width: 1200px) {
.menu li.item-has-children .submenu {
position: static;
transform: scaleY(1);
}
.menu li.item-has-children .submenu li a {
border-bottom: none;
}
.menu li.item-has-children .submenu li a:hover {
background-color: transparent;
color: #dc3545;
}
}
.menu li.item-has-children .item-has-children > a {
display: flex !important;
justify-content: space-between;
align-items: center;
}
.menu li.item-has-mega-menu > a i {
font-size: 12px;
}
.menu li.item-has-mega-menu .mega-menu-container {
position: absolute;
left: 16px;
top: 0px;
border: solid 1px #ff0000;
max-width: 1200px;
width: 100%;
max-height: 480px;
padding: 20px 20px 0px 0px;
overflow-y: auto;
background-color: #fff;
/* transform: scaleY(0); */
transform-origin: top;
transition: all 0.3s ease;
z-index: 9;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.06);
}
.menu li.item-has-mega-menu .mega-menu-container .ctagory-item .title {
font-size: 16px;
font-weight: bold;
border-bottom: 2px solid #ff0000;
color: #2c3e50;
margin-top: 0;
margin-bottom: 10px;
}
.menu li.item-has-mega-menu .mega-menu-container .ctagory-item .active {
color: #dc3545;
}
.menu li.item-has-mega-menu .mega-menu-container .ctagory-item ul {
margin-bottom: 35px;
}
.menu li.item-has-mega-menu .mega-menu-container .ctagory-item ul li a {
padding: 5px 0;
color: #4b566b;
font-size: 13px;
font-weight: 400;
}
.menu li.item-has-mega-menu .mega-menu-container .ctagory-item ul li a:hover {
color: #dc3545;
}
.menu li.item-has-mega-menu:hover > a {
color: #dc3545;
}
.menu li.item-has-mega-menu:hover .mega-menu-container {
transform: scaleY(1);
}
#productShow{
transition: all 0.3s ease;
}
.mobile-header button {
background-color: transparent;
border: none;
outline: none;
}
.mobile-header .menu-bar {
font-size: 14px;
font-weight: 500;
color: #dc3545;
background-color: #fcfcfc;
padding: 3px 25px 3px 15px;
border: 1px solid #eeee;
position: relative;
text-transform: capitalize;
}
.mobile-header .menu-bar i {
font-size: 15px;
margin-left: 5px;
position: absolute;
right: 12px;
top: 10px;
}
.mobile-search button {
width: 40px;
height: 35px;
border-radius: 3px;
background-color: #fcfcfc;
border: 1px solid #eee;
line-height: 34px;
text-align: center;
}
.catagory-sidebar-area-inner::-webkit-scrollbar {
width: 3px;
}
.catagory-sidebar-area-inner::-webkit-scrollbar-track {
box-shadow: inset 0 0 3px #c2c2c2;
}
.catagory-sidebar-area-inner::-webkit-scrollbar-thumb {
background-color: rgba(169, 169, 169, 0.4);
outline: 1px solid #fff;
}
.bg-color-white {
background-color: #fff;
}
.theme-color {
color: #dc3545 !important;
}
.bg-theme-color {
background-color: #dc3545 !important;
color: white;
}
.box-shadow {
border: 1px solid #f3f3f3;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1) !important;
}
.border-radius5 {
border-radius: 5px;
}
.section-wrapper {
position: relative;
}
.mlr-20 {
margin-left: -20px;
margin-right: -20px;
}
.height-100vh {
height: 100vh;
}
.thumb a img {
max-width: 35%;
height: auto;
}
.thumb {
text-align: center;
}
/* .slider-btn-group {
position: absolute;
right: 0;
top: -45px;
width: 100px;
display: flex;
justify-content: flex-end;
background-color: #f9f9f9;
} */
.slider-btn-group {
position: absolute;
right: 32px;
top: 12px;
/* width: 100px; */
display: flex;
justify-content: flex-end;
}
.slider-btn-group .slider-btn-next, .slider-btn-group .slider-btn-prev {
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center;
line-height: 30px;
background-color: white;
margin-left: 5px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
cursor: pointer;
}
.slider-btn-group .slider-btn-next svg, .slider-btn-group .slider-btn-prev svg {
width: 12px;
height: 12px;
}
.slider-btn-group .slider-btn-next:hover, .slider-btn-group .slider-btn-prev:hover {
background-color: #dc3545;
}
.slider-btn-group .slider-btn-next:hover svg, .slider-btn-group .slider-btn-prev:hover svg {
fill: white;
}
@media only screen and (max-width: 1200px) {
.slider-btn-group {
width: 100%;
top: 50%;
justify-content: space-between;
height: 0px;
z-index: 2;
}
.slider-btn-group .slider-btn-next {
position: relative;
right: -15px;
top: -15px;
}
.slider-btn-group .slider-btn-prev {
position: relative;
left: 36px;
top: -15px;
}
}
.section-heading {
position: relative;
margin-top: 18px;
}
.section-heading:after {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 1px;
background-color: #ccc;
}
.section-heading .heading-title {
display: inline-block;
font-size: 24px;
color: #222533;
position: relative;
z-index: 1;
background-color: #ffffff;
padding-right: 25px;
}
.section-heading .heading-circle {
width: 17px;
height: 17px;
border-radius: 50%;
border: 4px solid #f68501;
display: inline-block;
margin-right: 4px;
}
.section-heading .heading-circle.green {
border-color: #dc3545;
}
@media only screen and (max-width: 1200px) {
.section-heading {
text-align: center;
margin-left: 20px;
margin-right: 20px;
}
.section-heading .heading-title {
padding: 0 10px;
font-size: 20px;
}
}
.advertisement-section img {
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
border-radius: 5px;
}
.social-media-list li {
width: 35px;
height: 35px;
border-radius: 50%;
text-align: center;
background-color: #f3f3f3;
color: #8a8e9b;
margin-bottom: 10px;
line-height: 35px;
}
.social-media-list li:hover {
color: white;
background-color: #dc3545;
}
.product-details-popup {
position: fixed;
top: 50%;
left: 0;
width: 100%;
height: 100%;
z-index: -999;
opacity: 0;
visibility: hidden;
transform: translateY(-50%);
display: flex;
align-items: center;
}
.product-details-popup .modal-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
opacity: 0;
}
.product-details-popup .product-zoom-info-container {
transform: scale(0);
transition: all 0.3s ease;
}
.product-details-popup .product-zoom-info-container .slick-slide img {
display: none !important;
}
.product-details-popup.open-side {
z-index: 999;
opacity: 1;
visibility: visible;
}
.product-details-popup.open-side .modal-overlay {
opacity: 1;
cursor: zoom-out;
}
.product-details-popup.open-side .product-zoom-info-container {
transform: scale(1);
}
.product-details-popup.open-side .product-zoom-info-container .slick-slide img {
display: block !important;
}
.product-details-popup .product-zoom-info-container {
position: relative;
}
.product-details-popup .product-zoom-info-container .closed-modal {
position: absolute;
right: -10px;
top: -10px;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
background-color: #dc3545;
color: white;
border-radius: 50%;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
z-index: 2;
cursor: pointer;
}
@media only screen and (max-width: 991px) {
.product-details-popup .product-details-content {
display: none;
}
.similar-product-popup .product-details-content {
display: none;
}
}
/* similar product */
.similar-product-popup {
position: fixed;
top: 55%;
left: 0;
width: 100%;
height: 100%;
z-index: -999;
opacity: 0;
visibility: hidden;
transform: translateY(-50%);
display: flex;
align-items: center;
}
.similar-product-popup .modal-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
opacity: 0;
}
.similar-product-popup .product-zoom-info-container {
transform: scale(0);
transition: all 0.3s ease;
}
.similar-product-popup.open-side {
z-index: 888;
opacity: 1;
visibility: visible;
}
.similar-product-popup.open-side .modal-overlay {
opacity: 1;
cursor: zoom-out;
}
.similar-product-popup.open-side .product-zoom-info-container {
transform: scale(1);
}
.similar-product-popup.open-side .product-zoom-info-container .slick-slide img {
display: block !important;
}
.similar-product-popup .product-zoom-info-container .closed-modal {
position: absolute;
right: -10px;
top: -10px;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
background-color: #dc3545;
color: white;
border-radius: 50%;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
z-index: 2;
cursor: pointer;
}
#similar-product-popup .product-zoom-area{
padding: 10px 20px 0px 20px;
border-right: none;
position: relative;
}
.similar_title {
position: relative;
width: 100%;
}
.similar_title h2 {
text-align: left;
font-size: 1.3rem;
line-height: 24px;
}
#similar-product-popup .product-zoom-area .cart-btn-toggle {
position: relative;
left: 16px;
top: 0px;
background-color: transparent;
color: white;
border-radius: 3px;
z-index: 2;
}
i.fa.fa-star {
cursor: pointer;
}
ul#tm_product_lable li a i.fa:hover, ul#tm_like i.fa:hover {
color: #ffffff;
}
div#sim_product {
padding-bottom: 20px;
}
#sim_product .price-increase-decrese-group {
background-color: #dc3545;
padding: 0px 5px;
border-radius: 5px;
width: 60px;
}
#sim_product .price-increase-decrese-group input {
width: 18px;
background-color: #dc3545;
color: white;
outline: none;
border: none;
padding: 0px 5px;
text-align: center;
}
#sim_product .product-item .product-content .price {
color: #dc3545;
font-size: 16px;
line-height: 20px;
}
#sim_product .product-item .product-content .price del {
color: #7b7777;
margin-left: 3px;
display: block;
}
#sim_product ul#tm_product_lable {
position: absolute;
top: 10px;
right: 10px;
z-index: 2;
}
#sim_product .product-item .product-thumb .wish-link {
position: absolute;
left: 15px;
top: 10px;
cursor: pointer;
}
#sim_product .d-flex.justify-content-between.align-items-center {
border-top: solid 1px;
line-height: 40px;
}
#sim_product .product-thumb img:hover {
transform: none;
transition: none 2.2s ease-out;
will-change: transform;
}
#sim_product .product-thumb img {
max-width: 30%;
display: inline;
}
.similar-quantity { position: absolute; transition: all 0.3s ease; width: 89%; height: 203px; bottom: 45px; background: #ffffff; z-index: 5; border: solid 1px #ff0000; overflow-y: scroll;}
.similar-quantity h6 { padding: 5px; font-size: 0.9rem; font-weight: bold; text-align: center; line-height: 1.3rem; border-bottom: solid 1px; background-color: #ff2343; color: #ffffff;}
.similar-quantity h6 span{ display: block;}
.more-quantity { width: 100%; position: relative; padding: 4px 0px 4px 20px; z-index: 99999; border-bottom: solid 1px #ff0000; display: flex; align-content: center; align-items: center;}
.more-quantity img{ width: 15%!important; float: left;}
.more-quantity p.quantity{ width: 50%; float: left;}
#sim_product .product-thumb { position: relative; text-align: center; padding-top: 3%; max-height: 120px; min-height: 120px; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;}
/* close similar product popup */
.price-increase-decrese-group {
background-color: #dc3545;
padding: 0px 5px;
border-radius: 5px;
width: 75px;
}
.price-increase-decrese-group button {
color: white;
padding: 5px 5px;
cursor: pointer;
outline: none;
border: none;
}
.price-increase-decrese-group button:focus {
outline: none;
box-shadow: none;
}
.price-increase-decrese-group input {
width: 25px;
background-color: #dc3545;
color: white;
outline: none;
border: none;
padding: 0px 5px;
text-align: center;
}
/* popup box css */
.popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
z-index: 99999;
}
.popup-overlay {
background-color: rgba(0, 0, 0, 0.7);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 99999;
cursor: crosshair;
}
.popup .popup-wrapper {
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
padding: 30px;
width: 100%;
height: 100%;
}
.popup .popupbox {
max-width: 700px;
width: 100%;
position: relative;
z-index: 999999;
}
.popup .popupbox button img {
width: 70%;
margin: auto;
}
.popupbox .popup-close {
position: absolute;
right: -15px;
top: -15px;
z-index: 2;
border: none;
background: none;
outline: none;
width: 30px;
height: 30px;
border-radius: 50%;
line-height: 28px;
text-align: center;
background-color: #fff;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
}
@media (max-width: 1200px) {
.popup {
padding: 50px;
}
}
@media (max-width: 500px) {
.popup {
padding: 10px;
}
.popup .popup-wrapper {
padding: 40px;
}
}
@media only screen and (max-width: 767px) {
section {
padding-left: 10px;
padding-right: 10px;
}
}
.to-top {
width: 40px;
height: 40px;
display: block;
background-color: #dc3545;
color: white;
border-radius: 3px;
position: fixed;
bottom: 56px;
right: 30px;
z-index: 99;
text-align: center;
line-height: 40px;
font-size: 20px;
cursor: pointer;
transform: translateY(100px);
opacity: 0;
transition: all 0.4s ease;
}
.to-top:focus, .to-top:active {
color: white;
background-color: #dc3545;
}
.to-top:hover {
color: white;
background-color: #232424;
}
.to-top.fixed-totopmbb {
transform: translateY(0px);
opacity: 1;
}
.mega-menu-relative {
position: relative;
}
.mega-menu-relative .col-md-7, .mega-menu-relative .col-md-10 {
position: initial;
}
.mega-menu-relative .mega-menu-container {
z-index: 99999 !important;
}
#menu-id.modal {
width: 100vw;
height: 100vh;
overflow: hidden;
}
.banner-section {
height: 520px;
background-image: url(../images/banner/banner-bg.jpg);
}
.banner-section .banner-content-area {
width: 100%;
}
@media only screen and (max-width: 1200px) {
.banner-section {
height: 350px;
background-image: url(../images/banner/banner-bg2.jpg);
}
}
@media only screen and (max-width: 479px) {
.banner-section {
height: 250px;
background-position: 48% 38%;
}
}
.banner-section.bg-img2 {
background-image: url(../images/banner/banner-bg3.jpg);
background-position: top center;
}
.banner-section.bg-img3 {
background-image: url(../images/banner-slider/3-3.jpg);
background-position: top center;
}
.banner-section.bg-img4 {
background-image: url(../images/banner/banner-bg-5.jpg);
background-position: top center;
}
@media only screen and (max-width: 1200px) {
.banner-section.bg-img4 {
background-position: top left;
}
}
.banner-content h6 {
font-weight: normal;
font-size: 18px;
}
.banner-content h2 {
font-size: 42px;
font-weight: 700;
color: #222533;
line-height: 1.1;
margin-bottom: 25px;
}
.banner-content .banner-btn {
font-size: 13px;
font-weight: 700;
color: white;
background-color: #dc3545;
padding: 10px 25px;
border-radius: 3px;
text-transform: uppercase;
}
.banner-content .banner-btn:hover {
background-color: #438e1c;
}
@media only screen and (max-width: 1200px) {
.banner-content {
text-align: center;
}
.banner-content h2 {
font-size: 30px;
}
}
@media only screen and (max-width: 479px) {
.banner-content h2 {
font-size: 26px;
}
.banner-content .banner-btn {
padding: 6px 17px;
font-size: 12px;
}
}
/*the container must be positioned relative:*/
.flux-custom-select {
position: relative;
font-family: Arial;
padding: 0;
}
.flux-custom-select select {
display: none; /*hide original SELECT element:*/
}
.select-selected {
background-color: #ffffff;
border-radius: 6px;
}
/*style the arrow inside the select element:*/
.select-selected:after {
position: absolute;
content: "";
top: 18px;
right: 10px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #363636 transparent transparent transparent;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
border-color: transparent transparent #363636 transparent;
top: 6px;
}
/*style the items (options), including the selected item:*/
.select-selected {
color: #363636;
padding: 6px 12px;
border: 1px solid #aaa!important;
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
cursor: pointer;
user-select: none;
}
.select-items div {
color: #363636;
padding: 4px 16px;
border: 1px solid transparent;
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
cursor: pointer;
user-select: none;
}
/*style items (options):*/
.select-items {
position: absolute;
background-color: #ffffff;
top: 100%;
left: 0;
right: 0;
z-index: 99;
}
/*hide the items when the select box is closed:*/
.select-hide {
display: none;
}
.select-items div:hover, .same-as-selected {
background-color: rgb(220 53 69);
color: #ffffff;
}
.select-selected:after {
right: 18px;
}
.select-search-option .flux-custom-select .select-selected {
background-color: #dc3545;
/* border: none; */
color: white;
padding: 13px 16px;
font-weight: 600;
border-radius: 5px 0px 0px 5px;
width: 200px;
}
@media only screen and (max-width: 767px) {
.select-search-option .flux-custom-select .select-selected {
border-radius: 5px 5px 5px 5px;
}
}
/* .select-search-option .flux-custom-select .select-selected:after {
border-color: white transparent transparent transparent;
top: 20px;
} */
.swiper-button-next,
.swiper-button-prev,
.swiper-container-rtl .swiper-button-prev,
.swiper-container-rtl .swiper-button-next{
fill: #FF0000!important;
}
.select-search-option .search-form input {
border: none;
background-color: #f8f8f8;
border: 1px solid #aaa;
padding: 6px 14px;
background-color: #fff;
width: 100%;
margin: 0px;
border-radius: 5px;
box-shadow: 0 3px 20px 0px rgb(0 0 0 / 8%);
}
.select-search-option .search-form input::placeholder {
color: #60696f;
}
.select-search-option .search-form .submit-btn {
position: absolute;
border: none;
background-color: #dc3545;
color: white;
border-radius: 0px 5px 5px 0px;
width: 44px;
height: 100%;
right: 15px;
border: 1px solid #ededed;
color: #ffffff;
line-height: 30px;
}
.select-search-option {
border-radius: 5px;
}
@media only screen and (max-width: 767px) {
.select-search-option {
display: block;
}
.select-search-option .flux-custom-select {
width: 100%;
margin-bottom: 20px;
border: none;
}
.select-search-option .search-form {
width: calc(100% - 0px);
}
.select-search-option .search-form input {
border: 1px solid #ebebeb;
border-radius: 5px;
}
}
@media only screen and (max-width: 479px) {
.search-banner {
height: 350px;
}
}
.banner-slider-container {
overflow: hidden;
height: 100%;
position: relative;
}
.banner-slider-container .swiper-slide .banner-content-area {
display: flex;
align-items: center;
position: relative;
height: 100%;
width: 100%;
}
.banner-slider-container .swiper-slide .banner-content-area .slider-image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url(../images/banner-slider/01.jpg);
}
.banner-slider-container .swiper-slide .banner-content-area .slider-image.slider-image2 {
background-image: url(../images/banner-slider/2-2.jpg);
background-size: 100%;
background-position: 100% 36%;
}
.banner-slider-container .swiper-slide .banner-content-area .slider-image.slider-image3 {
background-image: url(../images/banner-slider/3-3.jpg);
background-size: 130%;
background-position: 4% 62%;
}
@media only screen and (max-width: 991px) {
.banner-slider-container .swiper-slide .banner-content-area .slider-image.slider-image1 {
background-image: url(../images/banner-slider/01-1.jpg);
}
}
@media only screen and (max-width: 479px) {
.banner-slider-container .swiper-slide .banner-content-area .slider-image.slider-image1 {
background-size: 150%;
}
.banner-slider-container .swiper-slide .banner-content-area .slider-image.slider-image3 {
background-size: 200%;
background-position: 0% 84%;
}
.banner-slider-container .swiper-slide .banner-content-area .slider-image.slider-image2 {
background-size: 150%;
background-position: 48% 38%;
}
}
.banner-slider-container .swiper-slide .banner-content-area .container {
position: relative;
z-index: 2;
}
.banner-slider-container .swiper-pagination {
display: flex;
width: auto;
left: 50%;
bottom: 35px;
transform: translateX(-50%);
background-color: #f9f9f9;
padding: 15px 5px;
border-radius: 20px;
padding: 12px 15px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 991px) {
.banner-slider-container .swiper-pagination {
bottom: 10px;
}
}
.banner-slider-container .swiper-pagination .swiper-pagination-bullet {
display: block;
width: 10px;
height: 10px;
opacity: 1;
background-color: #e9e9e9;
}
.banner-slider-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #dc3545;
}
.slider-banner {
padding-left: 0;
padding-right: 0;
}
@media only screen and (max-width: 991px) {
.slider-banner {
height: 400px;
}
}
@media only screen and (max-width: 767px) {
.slider-banner {
height: 350px;
}
}
@media only screen and (max-width: 479px) {
.slider-banner {
height: 300px;
}
}
@media only screen and (min-width: 992px) {
.slider-banner {
height: 500px;
}
}
@media only screen and (min-width: 1200px) {
.slider-banner {
height: 500px;
}
.slider-banner .banner-slider-container .slider-image {
background-size: 118%;
}
}
@media only screen and (min-width: 1500px) {
.slider-banner {
height: 630px;
}
}
.info-box-section {
padding-top: 60px;
padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.info-box-section {
padding-bottom: 20px;
padding-top: 50px;
}
}
.info-box-item {
background-color: rgba(255, 255, 255, 0.9);
padding: 35px 30px;
border-radius: 5px;
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.info-box-item:after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 10px;
margin-left: -5px;
height: 3px;
background-color: #dc3545;
opacity: 0;
transition: all 0.3s;
}
.info-box-item .info-icon {
width: 70px;
display: inline-block;
margin-bottom: 10px;
}
.info-box-item .info-icon img {
width: 50px;
height: 40px;
}
.info-box-item .info-content {
padding-left: 20px;
}
.info-box-item .info-content h6 {
font-size: 18px;
font-weight: 500;
color: #222533;
margin-bottom: 6px;
margin-top: 0;
}
.info-box-item .info-content p {
font-size: 14px;
color: #4b566b;
margin-bottom: 0;
line-height: 2;
}
@media only screen and (max-width: 991px) {
.info-box-item {
padding: 20px 30px;
}
}
.info-box-container {
overflow: hidden;
}
.info-box-container .swiper-slide-active .info-box-item {
background-color: white;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.info-box-container .swiper-slide-active .info-box-item:after {
left: 0;
width: 100%;
margin-left: 0px;
opacity: 1;
}
.catagory-section {
padding-bottom: 60px;
padding-top: 30px;
}
@media only screen and (max-width: 767px) {
.catagory-section {
padding-bottom: 30px;
}
}
.category-section {
padding-left: 20px;
padding-right: 20px;
}
@media only screen and (min-width: 992px) {
.category-section {
padding-left: 40px;
padding-right: 40px;
}
}
.catagory-container {
overflow: hidden;
}
.catagory-item {
background-color: rgba(255, 255, 255, 0.9);
padding: 15px 10px;
border-radius: 5px;
transition: all 0.3s ease;
text-align: center;
display: block;
}
.catagory-item .catagory-icon {
margin-top: 5px;
margin-bottom: 5px;
}
.catagory-item .catagory-icon svg {
width: 60px;
height: 60px;
}
.catagory-item .catagory-name {
font-size: 13px;
color: #222533;
margin-bottom: 0;
letter-spacing: -0.5px;
}
.catagory-item:hover {
background-color: white;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.catagory-item:hover .catagory-icon svg {
fill: #dc3545;
}
.category-section {
padding-top: 30px;
padding-bottom: 30px;
}
.category-container2 {
overflow: hidden;
padding: 15px;
}
.category-container2 .category-item p{
margin-bottom: -2px;
background: #ffffff;
width: 100%;
color: #000000;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.category-container2 .category-item {
border: 1px solid #dc3545!important;
background-color: transparent;
width: 100%;
text-align: center;
transform: scaleY(1);
padding: 2px 0;
display: block;
border-radius: 6px;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.03);
border: 1px solid #fff;
cursor:pointer;
}
.category-container2 .category-item:hover {
border: 1px solid #dc3545;
}
.category-container2 .category-item:hover p {
color: #000;
}
.category-container2 .category-item p {
font-size: 12px;
}
@media only screen and (min-width: 1200px) {
.category-container2 .category-item p {
font-size: 14px;
}
}
.about-content h3 {
font-size: 30px;
font-weight: 400;
}
.about-content p {
font-size: 13px;
}
.about-image {
border-radius: 5px;
overflow: hidden;
}
.about-image img {
width: 100%;
}
.more-product-btn {
font-size: 14px;
padding: 10px 32px;
border-radius: 5px;
background-color: white;
color: #dc3545;
}
.more-product-btn:hover {
background-color: #dc3545;
color: white;
}
.post-item {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
border-radius: 5px;
background-color: white;
overflow: hidden;
}
.post-item .post-thumb {
overflow: hidden;
}
.post-item .post-thumb a {
display: block;
}
.post-item .post-thumb img {
width: 100%;
transition: all 0.3s ease;
}
.post-item .post-content {
padding: 30px 25px;
}
.post-item .post-content .meta-post {
margin-bottom: 10px;
}
.post-item .post-content .title a {
font-size: 18px;
font-weight: 400;
line-height: 1.6;
transition: all 0.3s ease;
}
.post-item .post-content .title a:hover {
color: #dc3545;
}
.post-item:hover .post-thumb img {
transform: scale(1.1);
}
.meta-post li {
font-size: 14px;
font-weight: 400;
margin-right: 30px;
}
.meta-post li:last-child {
margin-right: 0;
}
.meta-post li .icon {
color: #dc3545;
margin-right: 4px;
font-weight: 700;
}
.meta-post li .meta-content, .meta-post li .meta-link {
color: #777b92;
}
.blog-btn {
font-size: 14px;
color: #273167;
font-weight: 400;
}
.blog-btn span {
margin-left: -2px;
font-size: 12px;
transition: all 0.3s ease;
}
.blog-btn:hover span {
margin-left: 3px;
}
.post-item:hover .post-thumb img {
transform: scale(1.1);
}
.post-item:hover .post-content .title a, .post-item:hover .border-effect .title a {
color: #dc3545;
}
.post-item:hover .post-content:after, .post-item:hover .border-effect:after {
width: calc(100% - 50px);
background-color: #dc3545;
}
.post-item:hover .post-content .blog-btn, .post-item:hover .border-effect .blog-btn {
color: #dc3545;
}
.border-effect {
position: relative;
}
.border-effect:after {
content: "";
position: absolute;
left: 25px;
bottom: 0;
width: 70px;
height: 2px;
background-color: #323232;
transition: all 0.3s ease;
}
.blog-sidebar .searh-widget {
border-radius: 40px;
}
.blog-sidebar .widget {
padding: 0 !important;
box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
margin-bottom: 60px;
}
.blog-sidebar .widget .widget-wrapper, .blog-sidebar .widget .widget-wrapper1 {
padding: 0 20px;
}
.blog-sidebar .search-form {
width: 100%;
position: relative;
border-radius: 5px;
overflow: hidden;
}
.blog-sidebar .search-form input {
width: 100%;
padding: 12px 25px;
border: none;
border-radius: 5px;
background-color: white;
}
.blog-sidebar .search-form input:active, .blog-sidebar .search-form inputfocus, .blog-sidebar .search-form input:hover {
border-color: #dc3545;
}
.blog-sidebar .search-form i {
position: absolute;
right: 20px;
top: 50%;
margin-top: -9px;
}
.blog-sidebar .widget-title {
background-color: #f8f8f8;
padding: 15px 20px;
color: #222d39;
}
.blog-sidebar .widget-title:after {
background-color: #f2f2f2 !important;
bottom: 0px !important;
}
.blog-sidebar .catagory-list {
padding-left: 0;
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.blog-sidebar .catagory-list li:first-child a {
padding-top: 0px;
}
.blog-sidebar .catagory-list li:last-child a {
padding-bottom: 0px;
}
.blog-sidebar .catagory-list li a {
background-color: #fff;
padding: 10px 0px;
border-bottom: 1px solid #f2f2f2;
transition: all 0.3s ease;
}
.blog-sidebar .catagory-list li a .count {
background-color: #f5f5f5;
padding: 3px 5px;
color: #222d39;
border-radius: 1px;
font-size: 11px;
transition: all 0.3s ease;
}
.blog-sidebar .catagory-list li a:hover {
color: #dc3545;
}
.blog-sidebar .catagory-list li a:hover .count {
background-color: #dc3545;
color: white;
}
.blog-sidebar .catagory-list li:last-child a {
border-bottom: none;
}
.blog-sidebar .small-post-list .post-item {
box-shadow: none;
padding: 10px 0;
border-bottom: 1px solid #f2f2f2;
}
.blog-sidebar .small-post-list .post-item .post-thumb {
width: 65px;
overflow: hidden;
position: relative;
}
.blog-sidebar .small-post-list .post-item .post-thumb img {
width: 100%;
}
.blog-sidebar .small-post-list .post-item .post-content {
width: calc(100% - 65px);
padding: 0 0 0 10px;
}
.blog-sidebar .small-post-list .post-item .post-content .title {
font-size: 14px;
color: #222d39;
line-height: 15px;
margin-bottom: 0px;
display: block;
transition: all 0.3s ease;
}
.blog-sidebar .small-post-list .post-item .post-content .meta-post {
margin-bottom: 0;
}
.blog-sidebar .small-post-list .post-item .post-content .meta-post li {
font-size: 12px;
}
.blog-sidebar .small-post-list .post-item:hover .post-thumb:after {
opacity: 1;
}
.blog-sidebar .small-post-list .post-item:hover .title {
color: #dc3545;
}
.blog-sidebar .tag-list {
padding: 25px 0;
}
.blog-sidebar .tag-list li {
display: inline-block;
}
.blog-sidebar .tag-list li a {
display: block;
padding: 6px 15px !important;
font-size: 12px;
border: 1px solid #ebebeb;
color: #222d39;
border-radius: 3px;
margin-right: 8px;
margin-bottom: 8px;
line-height: 1.5;
font-weight: 400;
}
.blog-sidebar .tag-list li a:hover {
background-color: #dc3545;
color: white;
border-color: #dc3545;
}
.tag-list li:first-child, .share-list li:first-child {
font-size: 20px;
font-weight: 700;
color: #222d39;
}
.entry-wrapper {
box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
padding: 30px;
background-color: white;
}
.entry-single .tag-list li:first-child, .entry-single .share-list li:first-child {
font-size: 20px;
font-weight: 700;
color: #222d39;
}
.entry-single .entry-header {
margin-bottom: 20px;
}
.entry-single .entry-header img {
width: 100%;
}
.entry-single .title {
font-size: 24px;
}
.entry-single p span {
color: #dc3545;
}
blockquote {
padding: 30px;
position: relative;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
border-radius: 5px;
overflow: hidden;
}
blockquote:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 5px;
height: 100%;
background-color: #dc3545;
}
blockquote:before {
content: "";
position: absolute;
right: 0px;
top: 0%;
width: 72px;
height: 60px;
z-index: 2;
background-repeat: no-repeat;
}
blockquote p {
font-size: 20px;
color: #363636;
margin-bottom: 15px;
line-height: 30px;
}
blockquote span {
font-size: 14px;
color: #dc3545;
}
blockquote span span {
color: #4b566b;
}
.share-list li {
display: inline-block;
}
.share-list li a {
width: 18px;
height: 18px;
border-radius: 3px;
font-size: 10px;
color: rgba(255, 255, 255, 0.8);
background-color: #e1e1e1;
transition: all 0.3s ease;
display: block;
margin: 2px;
text-align: center;
line-height: 19px;
}
.share-list li a:hover {
background-color: #dc3545;
color: white;
}
.comment-title {
color: #222d39;
font-weight: 400;
}
.comment-title i {
color: #dc3545;
margin-right: 7px;
}
.comment-item .comment-author {
background-color: #f8f8fb;
padding: 20px 25px;
}
.comment-item .comment-author .author-image {
width: 60px;
height: 60px;
overflow: hidden;
border-radius: 50%;
}
.comment-item .comment-author .author-image img {
width: 100%;
}
.comment-item .comment-author .author-name-info {
width: calc(100% - 60px);
padding-right: 10px;
padding-left: 15px;
position: relative;
}
.comment-item .comment-author .author-name-info .name {
font-size: 16px;
font-weight: 700;
}
.comment-item .comment-author .author-name-info .publish-date {
font-size: 14px;
margin-bottom: 0;
}
.comment-item .comment-author .author-name-info .reply-btn {
font-size: 12px;
padding: 1px 15px;
background-color: #777b92;
color: white;
border-radius: 3px;
transition: all 0.3s ease;
margin-top: 10px;
display: inline-block;
}
.comment-item .comment-author .author-name-info .reply-btn:hover {
background-color: #dc3545;
color: white;
}
@media only screen and (min-width: 768px) {
.comment-item .comment-author .author-name-info {
padding-right: 100px;
}
.comment-item .comment-author .author-name-info .reply-btn {
position: absolute;
right: 20px;
top: 50%;
margin-top: -13px;
}
}
.comment-item .comment-content {
padding: 20px 25px;
margin-bottom: 25px;
}
.comment-item .comment-content p {
margin-bottom: 0;
}
.comment-item .comment-item {
margin-left: 30px;
position: relative;
}
.comment-item .comment-item:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 3px;
height: 100%;
background-color: #dc3545;
z-index: 1;
}
.respons-contact-form .form-item {
position: relative;
}
.respons-contact-form .form-item i {
position: absolute;
right: 20px;
top: 15px;
color: #dddfec;
}
.respons-contact-form .form-item input, .respons-contact-form .form-item textarea {
width: 100%;
padding: 15px 30px;
border: 1px solid #e2e7f3;
outline: none;
margin-bottom: 10px;
color: #dddfec;
border-radius: 3px;
}
.respons-contact-form .form-item input:hover, .respons-contact-form .form-item input:active, .respons-contact-form .form-item input:focus, .respons-contact-form .form-item textarea:hover, .respons-contact-form .form-item textarea:active, .respons-contact-form .form-item textarea:focus {
border-color: #dc3545;
}
.respons-contact-form .form-item textarea {
min-height: 120px;
}
.respons-contact-form .submit {
padding: 15px 30px;
border: none;
background-color: #777b92;
color: white;
border-radius: 5px;
transition: all 0.3s ease;
line-height: 1.5;
}
.respons-contact-form .submit:hover {
background-color: #dc3545;
color: white;
}
.newsletter-heading h5 {
text-transform: uppercase;
color: #dc3545;
font-size: 16px;
font-weight: 700;
}
.newsletter-form {
max-width: 320px;
position: relative;
}
.newsletter-form input {
width: 100%;
padding: 14px 60px 13px 20px;
border: 1px solid #e1e1e1;
border-radius: 5px;
}
.newsletter-form .submit-btn {
position: absolute;
right: 10px;
top: 50%;
margin-top: -21px;
width: 42px;
height: 42px;
border-radius: 3px;
background-color: #dc3545;
border: none;
outline: none;
text-align: center;
line-height: 40px;
transition: all 0.3s ease;
}
.newsletter-form .submit-btn svg {
fill: white;
width: 60%;
}
.newsletter-form .submit-btn:hover {
background-color: #438e1c;
}
.apps-store {
margin-bottom: 40px;
padding-top: 10px;
}
.apps-store a {
display: block;
margin-bottom: 15px;
}
.apps-store a img {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
border-radius: 3px;
}
.apps-store a:hover {
opacity: 0.7;
}
.payment-method a {
display: inline-block;
margin-right: 10px;
}
.mobile-footer {
position: fixed;
bottom: 0px;
left: 50%;
width: 100%;
height: 55px;
background-color: white;
z-index: 9;
border-radius: 0px;
transform: translateX(-50%);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
.mobile-footer .info {
padding-left: 30px;
font-size: 24px;
color: #4b566b;
background-color: transparent;
border: none;
outline: none;
}
.mobile-footer .info:hover {
color: #dc3545;
}
.mobile-footer .footer-cart .cart-amount {
color: #4b566b;
font-weight: 500;
}
.mobile-footer .footer-cart .cart-icon {
width: 35px;
height: 35px;
display: inline-block;
text-align: center;
line-height: 35px;
border-radius: 50%;
position: relative;
font-size: 18px;
color: #4b566b;
}
.mobile-footer .footer-cart .cart-icon:hover {
color: #dc3545;
}
.mobile-footer .footer-cart .cart-icon .count {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #f47b7b;
color: white;
font-size: 11px;
line-height: 19px;
position: absolute;
right: -8px;
top: -5px;
}
.mobile-footer .footer-admin-area {
padding-right: 30px;
}
.mobile-footer .footer-admin-area .user-admin {
color: #4b566b;
font-size: 20px;
background-color: transparent;
border: none;
outline: none;
}
.mobile-footer .footer-admin-area .user-admin:hover {
color: #dc3545;
}
.contact-info {
padding: 40px 35px;
background-color: #fff;
border-radius: 10px;
}
.contact-info h4 {
font-size: 26px;
}
.contact-info p {
font-size: 13px;
line-height: 24px;
color: #4b566b;
}
.contact-info .contact-details li {
display: flex;
padding: 10px 0;
}
.contact-info .contact-details li .title {
width: 90px;
font-size: 14px;
color: #363636;
font-weight: 500;
display: inline-block;
}
.contact-info .contact-details li .desc {
width: calc(100% - 90px);
font-size: 13px;
line-height: 20px;
color: #4b566b;
display: inline-block;
}
.contact-form-area {
background-color: #fff;
border-radius: 10px;
padding: 40px 35px;
}
.contact-form .input-item {
position: relative;
background-color: #fafafa;
margin-bottom: 30px;
border-radius: 5px;
overflow: hidden;
}
.contact-form .input-item input {
padding: 10px 40px 10px 20px;
width: 100%;
border: none;
background-color: transparent;
font-size: 13px;
}
.contact-form .input-item textarea {
width: 100%;
min-height: 150px;
padding: 10px 40px 10px 20px;
background-color: transparent;
border: none;
font-size: 13px;
}
.contact-form .input-item i {
position: absolute;
right: 20px;
top: 15px;
color: #d2d8e2;
}
.contact-form .submit {
border: none;
background-color: #dc3545;
padding: 11px 30px;
text-transform: uppercase;
color: white;
font-weight: 600;
border-radius: 5px;
}
.trending-product-section {
padding-top: 60px;
padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.trending-product-section {
padding-top: 30px;
padding-bottom: 40px;
}
}
.recommend-product-container,
.trending-product-container {
overflow: hidden;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
padding-top: 0px;
}
.product-list {
padding-top: 30px;
}
@media only screen and (min-width: 992px) {
.product-list {
padding-top: 0px;
}
}
ul#tm_product_lable {
position: absolute;
top: 48px;
right: 12px;
}
.product-item {
background-color: #fff;
border-radius: 5px;
overflow: hidden;
border: 1px solid #dc3545;
box-shadow: 0 3px 20px 0px rgb(0 0 0 / 12%);
}
#SearchProductShow .product-item {
background-color: #fff;
border-radius: 5px;
overflow: hidden;
border: solid 1px #ff5919;
margin-bottom: 15px;
}
#SearchProductShow .swiper-slide.col-lg-4 {
padding-right: 0px;
}
#SearchProductShow .product-item .product-thumb img:hover {
transform: none;
will-change: unset;
}
.product-item .product-thumb {
position: relative;
text-align: center;
padding-top: 5%;
max-height: 300px;
min-height: 300px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
.product-item .product-thumb img {
max-width: 60%;
z-index: 1;
}
.product-item .product-thumb img:hover {
transform: scale(1.2);
transition: all 2.2s ease-out;
will-change: transform;
}
/* .product-item .product-thumb .batch {
position: absolute;
left: 15px;
top: 0px;
}
.product-item .product-thumb .batch:before {
clip-path: polygon(47% 100%, 0 0, 100% 0);
} */
.product-item .product-thumb .wish-link {
position: absolute;
left: 15px;
top: 48px;
cursor: pointer;
}
.product-item .product-content {
position: relative;
padding: 5px 20px;
text-align: center;
background: #fff;
/* z-index: 2; */
}
/* .product-item .product-content {
position: absolute;
width: 92%;
padding: 5px 20px;
text-align: center;
z-index: 2;
bottom: 0;
} */
.tm-product .d-flex.justify-content-between.align-items-center {
border-top: solid 1px;
line-height: 40px;
}
.product-item .product-content .cata {
font-size: 12px;
color: #7b7777;
margin-bottom: 6px;
line-height: 1;
}
.product-item .product-content .cata:hover {
color: #dc3545;
}
.product-item .product-content h6 {
margin: 0;
}
.product-item .product-content .product-title {
font-size: 15px;
font-weight: 600;
color: #dc3545;
}
.product-item .product-content .product-title span {
font-size: 13px;
font-weight: 600;
display: block;
color: #110f0f;
}
.product-item .product-content .product-title:hover {
color: #dc3545;
}
.product-item .product-content .quantity {
margin-bottom: 0;
}
.product-item .product-content .price {
color: #dc3545;
font-size: 14px;
}
.product-item .product-content .price del {
color: #7b7777;
margin-left: 3px;
}
.swiper-slide {
margin-bottom: 0px;
/* box-shadow: 0 3px 20px 0px rgb(0 0 0 / 12%); */
}
.tm-product {
margin-bottom: 30px;
}
.product-item .product-content .cart-btn {
font-size: 12px;
border: 1px solid #dc3545;
padding: 7px 10px;
border-radius: 3px;
line-height: 1;
color: #dc3545;
transition: all 0.3s ease;
cursor: pointer;
}
.product-item .product-content .cart-btn:hover {
border-color: #dc3545;
background-color: #dc3545;
color: white;
}
@media only screen and (min-width: 992px) {
.product-item:hover {
box-shadow: 0 7px 17px 0 rgba(0, 0, 0, 0.08);
/* transform: scale(1.1); */
}
}
.product-item.stock-out {
position: relative;
}
.product-item.stock-out:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgb(185 108 108 / 10%);
}
.product-item.stock-out:before {
content: "Out of Stock";
position: absolute;
left: 50%;
top: 50%;
z-index: 2;
border: 1px solid #e62e2f;
background: rgb(255 19 19 / 65%);
color: #ffffff;
padding: 3px 8px;
transform: translate(-50%, -50%);
border-radius: 3px;
font-weight: bold;
width: 120px;
text-align: center;
}
.product-item:hover.stock-out {
transform: scale(1);
}
.wish-link {
width: 35px;
height: 35px;
background-color: #f6f8fa;
border-radius: 50%;
text-align: center;
line-height: 35px;
}
.wish-link svg {
width: 16px;
height: 16px;
}
.wish-link svg path {
fill: transparent;
stroke: #7e7e7f;
stroke-width: 15px;
}
.wish-link:hover svg path, .wish-link.focus svg path {
fill: #f55050;
stroke: #f55050;
}
.batch {
padding: 10px 20px;
font-size: 12px;
text-transform: uppercase;
color: white;
background-color: #dc3545;
font-weight: 500;
line-height: 1;
min-width: 45px;
text-align: center;
border-radius: 1px;
}
.product-item .product-thumb .batch {
position: absolute;
top: 0px;
left: 15px;
}
/* .product-item .product-thumb .batch:before {
content: "\A";
width: 0;
height: 0;
border-top: 18px solid #dc3545;
border-left: 32px solid transparent;
border-right: 32px solid transparent;
position: absolute;
left: 0px;
top: 24px;
} */
.page-content .product-item {
margin-bottom: 30px;
}
.loadMore {
padding: 17px 40px;
display: inline-block;
font-size: 14px;
background-color: #dc3545;
color: white;
border: none;
outline: none;
line-height: 1;
border-radius: 5px;
transition: all 0.3s ease;
}
.loadMore:hover {
background-color: #ff0000;
border:solid 1px #ff4c3b;
color: #ffffff;
}
.order-details-container-mobile .cart-product-item {
padding: 7px 20px;
border-bottom: 1px solid #e8eaee;
}
.order-details-container-mobile .cart-product-item .product-content a.product-title {
font-weight: 600;
font-size: 15px;
}
.order-details-container-mobile .cart-product-item .product-content .product-price {
font-weight: 500;
}
.testimonial-section {
padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
.testimonial-section {
padding-bottom: 60px;
}
}
.testimonial-section .section-heading {
margin-bottom: 30px;
}
.testimonial-container {
width: 100%;
margin: auto;
overflow: hidden;
}
.testimonial-container .testimonial-body {
background-color: white;
border-radius: 5px;
text-align: center;
padding: 60px 13%;
}
.testimonial-container .testimonial-body .testi-author-pic {
width: 70px;
height: 70px;
border-radius: 50%;
overflow: hidden;
display: inline-block;
margin-bottom: 20px;
}
.testimonial-container .testimonial-body .desc {
font-size: 14px;
line-height: 28px;
color: #4b566b;
margin-bottom: 25px;
}
.testimonial-container .testimonial-body .author-info .name {
font-size: 16px;
font-weight: 600;
}
.testimonial-container .testimonial-body .author-info .rating i {
color: #f9d300;
font-size: 12px;
}
.testimonial-slider-btn-group .testimonial-slider-prev,
.testimonial-slider-btn-group .testimonial-slider-next {
position: absolute;
top: 50%;
width: 45px;
height: 45px;
margin-top: -22px;
background-color: #fff;
border-radius: 50%;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
text-align: center;
line-height: 44px;
z-index: 2;
cursor: pointer;
}
.testimonial-slider-btn-group .testimonial-slider-prev svg,
.testimonial-slider-btn-group .testimonial-slider-next svg {
width: 40%;
display: inline-block;
}
.testimonial-slider-btn-group .testimonial-slider-prev:hover,
.testimonial-slider-btn-group .testimonial-slider-next:hover {
background-color: #dc3545;
}
.testimonial-slider-btn-group .testimonial-slider-prev:hover svg,
.testimonial-slider-btn-group .testimonial-slider-next:hover svg {
fill: white;
}
.testimonial-slider-btn-group .testimonial-slider-prev {
left: 30px;
}
@media only screen and (max-width: 1200px) {
.testimonial-slider-btn-group .testimonial-slider-prev {
left: -10px;
}
}
.testimonial-slider-btn-group .testimonial-slider-next {
right: 30px;
}
@media only screen and (max-width: 1200px) {
.testimonial-slider-btn-group .testimonial-slider-next {
right: -10px;
}
}
section#category-img {
position: relative;
z-index: 9999;
}
.sitebar-drawar {
position: fixed;
top: 75%;
right: 0px;
margin-top: -45px;
width: 100px;
/* height: 70px; */
background-color: #dc3545;
padding: 10px;
cursor: pointer;
border-radius: 5px 0px 0px 5px;
transition: all 0.3s ease;
z-index: 9;
}
.sitebar-drawar .cart-count {
color: white;
font-weight: 500;
font-size: 13px;
line-height: 1;
margin-bottom: 6px;
}
.sitebar-drawar .cart-count span {
margin-left: 10px;
}
.sitebar-drawar .total-price {
padding: 7px 15px;
background-color: #fff;
color: #000000;
line-height: 1;
text-align: center;
border-radius: 5px;
font-weight: 500;
display: block;
margin-top: 5px;
}
@media only screen and (min-width: 1500px) {
.sitebar-drawar {
margin-top: -73px;
width: 110px;
/* height: 96px; */
padding: 13px 13px 0px;
}
.sitebar-drawar .cart-count {
color: white;
font-weight: 500;
font-size: 16px;
line-height: 1;
margin-bottom: 12px;
}
.sitebar-drawar .cart-count span {
margin-left: 10px;
}
.sitebar-drawar .total-price {
padding: 13px 20px;
}
}
.sitebar-drawar.hide-drawer {
right: -145px;
}
@media only screen and (max-width: 1200px) {
.sitebar-drawar {
margin-top: -24px;
width: 50px;
height: 45px;
padding: 5px;
display: none;
}
.sitebar-drawar .cart-count {
margin-bottom: 0;
}
.sitebar-drawar .cart-count span {
display: none;
}
.sitebar-drawar .total-price {
display: none;
}
}
/* swiper color */
.swiper-bg-color1 {background:#e62e2f;}
.swiper-bg-color2 {background:#d8c124;}
.swiper-bg-color3 {background:#2bced0;}
.swiper-bg-color4 {background:#4ed02b;}
.swiper-bg-color5 {background:#e64f7e;}
.swiper-bg-color6 {background:#9624d8;}
.swiper-bg-color7 {background:#d82493;}
.swiper-bg-color8 {background:#1dac0f;}
.swiper-bg-color9 {background:#d82424;}
.swiper-bg-color10 {background:#24d8ac;}
.swiper-bg-color11 {background:#2496d8;}
.swiper-bg-color12 {background:#2446d8;}
.swiper-bg-color1, .swiper-bg-color2, .swiper-bg-color3, .swiper-bg-color4, .swiper-bg-color5, .swiper-bg-color6, .swiper-bg-color7, .swiper-bg-color8, .swiper-bg-color9, .swiper-bg-color10, .swiper-bg-color11, .swiper-bg-color12, .swiper-bg-color13, .swiper-bg-color14, .swiper-bg-color15 {
border-radius: 6px;
}
/* section#category {
position: fixed;
z-index: 999999;
} */
.sitebar-cart {
width: 300px;
position: fixed;
top: 0;
right: -350px;
z-index: 9999;
background-color: white;
height: 100vh;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
transition: all 0.3s ease;
}
.sitebar-cart.open-cart {
right: 0;
}
.sitebar-cart .sc-head {
background-color: #3d3d3d;
padding: 15px 20px;
}
li.site-phone {
position: relative;
border: solid 1px #ffffff;
right: 50px;
padding: 5px 15px;
background-color: #e62e2f;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
color: #ffffff!important;
}
li.site-phone a{
color: #ffffff!important;
}
li.site-phone a img{
height: 1.5rem;
position: relative;
padding-right: 10px;
float: left;
}
li.site-help {
border: solid 1px #ffffff;
position: relative;
right: 40px;
padding: 5px 15px;
background: #f5ed11;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.sitebar-cart .sc-head .cart-count {
color: #ffffff;
font-size: 16px;
font-weight: 700;
display: flex;
align-items: center;
}
.sitebar-cart .sc-head .cart-count svg {
fill: #ffffff;
}
.sitebar-cart .sc-head .cart-count span {
margin-left: 6px;
margin-top: 6px;
width: 100px;
}
.sitebar-cart .sc-head .close-icon {
color: #ffffff;
cursor: pointer;
}
.sitebar-cart .sc-head .close-icon:hover {
color: #ff2343;
}
.sitebar-cart .cart-product-container {
height: calc(100vh - 212px);
overflow-y: auto;
}
.sitebar-cart .cart-product-item {
padding: 5px 20px;
border-bottom: 1px solid #dbdbdb;
position: relative;
}
.sitebar-cart .cart-product-item .close-item {
position: absolute;
right: 10px;
top: 5px;
color: #ff7b8f;
cursor: pointer;
z-index: 1;
}
.sitebar-cart .cart-product-item .product-content .product-title {
font-size: 15px;
color: #363636;
}
.sitebar-cart .cart-product-item .product-content .product-cart-info {
font-size: 13px;
color: #bebebe;
}
.sitebar-cart .product-price {
font-size: 15px;
}
.sitebar-cart .product-price del {
color: #bebebe;
font-weight: 400;
}
.sitebar-cart .product-price span {
color: #363636;
}
.sitebar-cart .cart-footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
.sitebar-cart .price-increase-decrese-group {
background-color: #dc3545;
padding: 0px 10px;
border-radius: 5px;
width: 100px;
}
.sitebar-cart .price-increase-decrese-group button {
color: white;
padding: 3px 5px;
cursor: pointer;
outline: none;
border: none;
}
.sitebar-cart .price-increase-decrese-group button:focus {
outline: none;
box-shadow: none;
}
.sitebar-cart .price-increase-decrese-group input {
width: 40px;
background-color: #dc3545;
color: white;
outline: none;
border: none;
padding: 0px 5px;
text-align: center;
}
.product-other-charge {
padding: 15px 20px;
display: none;
}
.product-other-charge p {
font-weight: 700;
margin-bottom: 5px;
}
.product-other-charge a {
color: #dc3545;
font-weight: 500;
}
.cart-total {
padding: 15px 20px;
background-color: #f5f5f5;
position: relative;
z-index: 2;
}
.cart-total .saving {
font-size: 14px;
font-weight: 700;
margin-bottom: 5px;
}
.cart-total .total-price {
font-weight: 700;
font-size: 20px;
color: #dc3545;
margin-bottom: 5px;
}
.cart-total .procced-checkout {
background-color: #dc3545;
color: white;
display: block;
text-align: center;
padding: 10px 30px;
border-radius: 5px;
margin-top: 10px;
}
.cart-total .procced-checkout:hover {
background-color: #438e1c;
}
.page-header-section {
background-color: #f6f6f6;
padding: 10px 0;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.06);
position: relative;
}
.breadcrumb {
background-color: transparent;
margin-bottom: 0;
}
.breadcrumb li {
color: #52545d;
font-weight: 500;
margin-left: 10px;
}
.breadcrumb li:first-child {
margin-left: 0;
}
.breadcrumb li span {
margin: 0 10px;
color: #bebebe;
}
.breadcrumb li a {
font-size: 13px;
color: #bebebe;
font-weight: 400;
}
.breadcrumb li a:hover {
color: #dc3545;
}
.widget.widget-head {
padding-bottom: 6px !important;
}
.widget.widget-head h6 {
font-size: 14px;
}
.widget.widget-head a {
font-size: 14px;
font-weight: 600;
}
@media only screen and (min-width: 992px) {
.widget.widget-head {
padding-bottom: 15px !important;
}
}
.sidebar .widget {
background-color: #fff;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
padding: 10px 20px 0px 20px;
border-radius: 3px;
}
@media only screen and (min-width: 992px) {
.sidebar .widget {
padding: 20px 20px 20px 20px;
margin-bottom: 30px;
}
}
.sidebar .widget-wrapper {
padding-bottom: 20px;
}
@media only screen and (min-width: 992px) {
.sidebar .widget-wrapper {
padding-bottom: 0px;
}
}
.sidebar .widget-title {
position: relative;
padding-bottom: 10px;
font-size: 14px;
font-weight: 600;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.sidebar .widget-title:after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 1px;
background-color: #b8b8b8;
display: none;
}
@media only screen and (min-width: 992px) {
.sidebar .widget-title {
padding-bottom: 8px;
font-size: 18px;
}
.sidebar .widget-title:after {
display: block;
}
}
.sidebar .catagory-menu > li > a {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #f2f2f2;
padding: 6px 0px;
}
.sidebar .catagory-menu > li:last-child > a {
border-bottom: none;
}
.sidebar .catagory-submenu {
padding-top: 10px;
padding-left: 20px;
}
.sidebar .checkbox-item {
position: relative;
}
.sidebar .checkbox-item input {
opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
cursor: pointer;
}
.sidebar .checkbox-item .checkbox {
width: 12px;
height: 12px;
border: 1px solid #ccc;
display: inline-block;
position: relative;
}
.sidebar .checkbox-item .checkbox:after {
content: "";
position: absolute;
left: 2px;
top: 0px;
width: 60%;
height: 85%;
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
transform: rotate(30deg);
opacity: 0;
}
.sidebar .checkbox-item input[type=checkbox]:checked ~ .checkbox {
border-color: #878aa0;
}
.sidebar .checkbox-item input[type=checkbox]:checked ~ .checkbox:after {
opacity: 1;
border-color: #878aa0;
}
.sidebar .checkbox-item .label {
font-size: 13px;
color: #464646;
text-transform: uppercase;
margin-left: 3px;
}
.sidebar .catagory-menu li > a .plus-minus:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 9px;
height: 1px;
background-color: #fff;
margin-left: -4.5px;
margin-top: -0.5px;
}
.sidebar .catagory-menu li > a .plus-minus:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 9px;
height: 1px;
background-color: #fff;
margin-left: -4.5px;
margin-top: -0.5px;
transform-origin: middle;
}
.sidebar .catagory-menu > li > a > .plus-minus {
background-color: #dc3545;
width: 21px;
height: 21px;
border-radius: 3px;
position: relative;
}
.sidebar .catagory-menu > li > a.collapsed > .plus-minus:after {
background-color: white;
}
.sidebar .catagory-menu > li > a.collapsed > .plus-minus:before {
transform: rotate(90deg);
background-color: white;
}
.sidebar .catagory-menu li > a.collapsed .plus-minus {
width: 21px;
height: 21px;
background-image: linear-gradient(to bottom right, #f2f2f2, #f2f2f2);
border-radius: 3px;
position: relative;
}
.sidebar .irs {
position: relative;
display: block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 55px;
}
.sidebar .irs-line {
position: relative;
display: block;
overflow: hidden;
outline: none !important;
height: 10px;
top: 12px;
background: #ececec;
border-radius: 16px;
-moz-border-radius: 16px;
}
.sidebar .irs-line-left,
.sidebar .irs-line-mid,
.sidebar .irs-line-right {
position: absolute;
display: block;
top: 0;
}
.sidebar .irs-line-left {
left: 0;
width: 11%;
height: 8px;
}
.sidebar .irs-line-mid {
left: 9%;
width: 82%;
height: 8px;
}
.sidebar .irs-line-right {
right: 0;
width: 11%;
height: 8px;
}
.sidebar .irs-bar {
position: absolute;
display: block;
left: 0;
width: 0;
height: 4px;
top: 15px;
background: #dc3545;
}
.sidebar .irs-bar-edge {
position: absolute;
display: block;
top: 0;
left: 0;
height: 10px;
top: 15px;
width: 14px;
border: 1px solid #428bca;
border-right: 0;
background: #428bca;
background: -webkit-gradient(linear, left bottom, left top, from(#428bca), to(#7fc3e8));
background: linear-gradient(to top, #428bca 0%, #7fc3e8 100%);
border-radius: 16px 0 0 16px;
-moz-border-radius: 16px 0 0 16px;
}
.sidebar .irs-shadow {
position: absolute;
display: none;
left: 0;
width: 0;
height: 2px;
top: 38px;
background: #000;
opacity: 0.3;
border-radius: 5px;
-moz-border-radius: 5px;
}
.sidebar .irs-slider {
position: absolute;
display: block;
cursor: default;
z-index: 1;
top: 11px;
width: 8px;
height: 12px;
background: #dc3545;
border-radius: 27px;
cursor: pointer;
}
.sidebar .irs-slider.type_last {
z-index: 2;
}
.sidebar .irs-min {
position: absolute;
display: block;
left: 0;
cursor: default;
}
.sidebar .irs-max {
position: absolute;
display: block;
right: 0;
cursor: default;
}
.sidebar .irs-from,
.sidebar .irs-to,
.sidebar .irs-single {
position: absolute;
display: block;
top: 35px;
left: 0;
cursor: default;
white-space: nowrap;
color: black;
font-size: 12px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background: transparent;
border-radius: 3px;
-moz-border-radius: 3px;
font-weight: 700;
}
.sidebar .irs-grid {
position: absolute;
display: none;
bottom: 0;
left: 0;
width: 100%;
height: 20px;
height: 27px;
}
.sidebar .irs-with-grid {
height: 75px;
}
.sidebar .irs-with-grid .irs-grid {
display: block;
}
.sidebar .irs-grid-pol {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 8px;
background: #000;
opacity: 0.5;
background: #428bca;
}
.sidebar .irs-grid-pol.small {
height: 4px;
background: #999;
}
.sidebar .irs-grid-text {
position: absolute;
bottom: 0;
left: 0;
white-space: nowrap;
text-align: center;
font-size: 9px;
line-height: 9px;
padding: 0 3px;
color: #000;
bottom: 5px;
color: #99a4ac;
}
.sidebar .irs-disable-mask {
position: absolute;
display: block;
top: 0;
left: -1%;
width: 102%;
height: 100%;
cursor: default;
background: rgba(0, 0, 0, 0);
z-index: 2;
}
.sidebar .lt-ie9 .irs-disable-mask {
background: #000;
filter: alpha(opacity=0);
cursor: not-allowed;
}
.sidebar .lt-ie9 .irs-shadow {
filter: alpha(opacity=30);
}
.sidebar .irs-disabled {
opacity: 0.4;
}
.sidebar .irs-hidden-input {
position: absolute !important;
display: block !important;
top: 0 !important;
left: 0 !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
outline: none !important;
z-index: -9999 !important;
background: none !important;
border-style: solid !important;
border-color: transparent !important;
}
.sidebar .irs-min,
.sidebar .irs-max {
display: none;
color: #333;
font-size: 12px;
line-height: 1.333;
text-shadow: none;
top: 0;
padding: 1px 5px;
background: rgba(0, 0, 0, 0.1);
border-radius: 3px;
-moz-border-radius: 3px;
}
.sidebar .lt-ie9 .irs-min,
.sidebar .lt-ie9 .irs-max {
background: #ccc;
}
.sidebar .lt-ie9 .irs-from,
.sidebar .lt-ie9 .irs-to,
.sidebar .lt-ie9 .irs-single {
background: #999;
}
.sidebar .irs-to {
background-color: #dc3545;
color: white;
padding: 3px;
}
.sidebar .range-slider {
position: relative;
padding-bottom: 30px;
}
.sidebar .range-slider .submit {
border: none;
background-color: #333;
color: white;
padding: 6px 15px;
font-size: 13px;
line-height: 1;
border-radius: 3px;
position: absolute;
right: 50%;
bottom: 13px;
margin-right: -27px;
}
.sidebar .widget-wrapper ul li a {
padding: 9px 0;
border-bottom: 1px solid #f2f2f2;
}
.sidebar .widget-wrapper ul li a .amount {
width: 30px;
height: 20px;
background-color: #f5f5f5;
color: #d7d7d7;
line-height: 1.7;
font-size: 13px;
text-align: center;
border-radius: 2px;
}
.sidebar .widget-wrapper ul li a:hover .amount {
background-color: #dc3545;
color: white;
}
.sidebar .widget-wrapper ul li:last-child a {
border-bottom: none;
}
.sidebar .widget-wrapper .flux-custom-select {
margin-top: 20px;
width: 100%;
background-color: #f8f8f8;
border: none;
}
@media only screen and (min-width: 768px) {
.sidebar .widget-wrapper .flux-custom-select {
width: 100%;
}
}
.sidebar .widget-wrapper .flux-custom-select .select-selected {
background-color: #f8f8f8;
border: 1px solid #ededed;
color: #4b566b;
}
.sidebar .widget-wrapper .flux-custom-select .select-selected:after {
border-color: #4b566b transparent transparent transparent;
top: 20px;
}
.sidebar .widget-wrapper .flux-custom-select .select-selected.select-arrow-active:after {
border-color: transparent transparent #4b566b transparent;
top: 14px;
}
.sidebar .widget-wrapper .flux-custom-select .select-items {
background-color: #fff;
}
.sidebar .widget-wrapper .flux-custom-select .select-items div {
color: #4b566b;
display: block;
padding: 5px 15px;
font-size: 13px;
border: none;
border-bottom: 1px solid rgba(89, 184, 40, 0.1);
}
.sidebar .widget-wrapper .flux-custom-select .select-items div:hover, .sidebar .widget-wrapper .flux-custom-select .select-items div.same-as-selected {
background-color: #dc3545;
color: white;
}
.product-zoom-info-container {
background-color: #fff;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
border-radius: 10px;
}
.product-zoom-area {
padding: 30px 20px;
border-right: 1px solid #eaeaea;
position: relative;
}
.product-zoom-area .batch {
position: absolute;
right: 25px;
top: 30px;
z-index: 1;
}
.product-zoom-area .cart-btn-toggle {
position: absolute;
left: 25px;
top: 25px;
padding: 1px 15px;
background-color: #dc3545;
color: white;
border-radius: 3px;
z-index: 2;
}
.product-zoom-area .cart-btn-toggle i {
margin-right: 6px;
}
.product-zoom-area .product-slick {
margin-bottom: 20px;
border-radius: 5px;
overflow: hidden;
}
.product-zoom-area .product-slick .slick-slide div {
display: block !important;
}
.product-zoom-area .slider-nav {
border-radius: 5px;
overflow: hidden;
}
.product-zoom-area .slider-nav .slick-slide {
cursor: pointer;
}
.product-zoom-area .slider-nav .slick-slide > div {
margin-left: 5px;
margin-right: 5px;
border: 1px solid #eaeaea;
}
.product-zoom-area .slider-nav .slick-slide div {
display: block !important;
}
.product-zoom-area .slider-nav .slick-slide.slick-current > div {
border: 1px solid #dc3545;
}
.product-zoom-area .slider-nav .slick-next {
right: 8px;
z-index: 2;
opacity: 1;
}
.product-zoom-area .slider-nav .slick-prev {
left: 8px;
z-index: 2;
opacity: 1;
}
.product-zoom-area .slider-nav .slick-prev:before, .product-zoom-area .slider-nav .slick-next:before {
opacity: 1;
font-size: 25px;
}
.product-details-content {
position: relative;
padding: 40px;
}
.product-details-content .wish-link {
position: absolute;
right: 15px;
top: 12px;
}
.product-details-content .cata {
font-size: 14px;
color: #cccccc;
margin-bottom: 0px;
}
.product-details-content h2 {
font-size: 25px;
color: #363636;
font-weight: 500;
margin-bottom: 0px;
}
.product-details-content .quantity {
font-size: 16px;
color: #ccc;
margin-bottom: 10px;
}
.product-details-content .price {
font-size: 25px;
color: #dc3545;
font-weight: 500;
margin-bottom: 20px;
}
.product-details-content .price del {
color: #d7d7d7;
margin-left: 15px;
}
.product-details-content .price-increase-decrese-group {
margin-bottom: 20px;
}
.product-details-content p {
font-size: 14px;
color: #4b566b;
margin-bottom: 30px;
}
.product-details-content .buy-now {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: white;
background-color: #dc3545;
border-radius: 5px;
padding: 9px 30px;
display: inline-block;
}
.description-review-area {
background-color: #fff;
}
.description-review-topbar {
position: relative;
}
.description-review-topbar:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background-color: #fafafa;
}
.description-review-topbar a {
font-size: 16px;
font-weight: 500;
line-height: 1;
margin: 0 90px 0px 0px;
padding: 18px 0px;
position: relative;
}
.description-review-topbar a:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background-color: #fafafa;
z-index: 2;
}
.description-review-topbar a:last-child {
margin: 0 0px 0px 0px;
}
@media only screen and (max-width: 767px) {
.description-review-topbar a {
margin: 0 5px 0px 0;
padding: 18px 5px;
font-size: 14px;
}
}
.description-review-topbar a.active {
background-color: transparent;
color: #dc3545;
}
.description-review-topbar a.active:after {
background-color: #dc3545;
}
.description-review-bottom {
padding: 33px 0 0;
}
.description-review-bottom .product-description-wrapper p {
margin: 0 0 25px;
}
.description-review-bottom .product-description-wrapper p:last-child {
margin: 0 0 0px;
}
.description-review-bottom .product-anotherinfo-wrapper ul li {
color: #333;
font-size: 14px;
list-style: outside none none;
margin: 0 0 13px;
}
.description-review-bottom .product-anotherinfo-wrapper ul li span {
color: #15273e;
display: inline-block;
font-weight: 500;
margin: 0 26px 0 0;
min-width: 85px;
}
.description-review-area p {
margin-bottom: 30px;
}
.description-review-area p:last-child {
margin-bottom: 0;
}
.description-review-area ul {
padding-left: 40px;
margin-bottom: 30px;
}
.description-review-area ul li {
position: relative;
}
.description-review-area ul li:after {
content: "";
position: absolute;
left: -30px;
top: 50%;
width: 15px;
height: 2px;
margin-top: -1px;
background-color: #dc3545;
}
.review-comments-section h3 {
font-size: 20px;
font-weight: 700;
margin-bottom: 20px;
}
.review-comment-list {
padding: 30px;
border: 1px solid #eaeaea;
margin-bottom: 40px;
border-radius: 10px;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.03);
}
.review-comment-item {
border-bottom: 1px solid #f2ecec;
padding: 20px 0;
text-align: center;
}
@media only screen and (min-width: 768px) {
.review-comment-item {
text-align: left;
}
}
.review-comment-item:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.review-comment-item:first-child {
padding-top: 0px;
}
.review-comment-item .thumb {
width: 100px;
display: inline-block;
margin-bottom: 20px;
}
.review-comment-item .thumb img {
width: 100%;
}
@media only screen and (min-width: 768px) {
.review-comment-item .thumb {
display: block;
margin-bottom: 0;
}
}
.review-comment-item .content {
text-align: center;
}
@media only screen and (min-width: 768px) {
.review-comment-item .content {
padding-left: 20px;
width: calc(100% - 100px);
text-align: left;
}
}
.review-comment-item .content .head {
margin-bottom: 6px;
}
.review-comment-item .content .head .rating i {
color: #F5A623;
}
.review-comment-item .content .name {
font-size: 16px;
font-weight: 600;
margin-top: 0;
margin-bottom: 0;
}
.review-comment-item .content .post-time {
font-size: 13px;
line-height: 22px;
color: #a6a3a3;
}
.review-comment-item .content .review-body p {
font-size: 14px;
line-height: 23px;
}
.review-comment-item .content .review-body p:last-child {
margin-bottom: 0;
}
.review-form {
padding: 30px;
border: 1px solid #eaeaea;
border-radius: 10px;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.03);
}
.review-form .input-item {
margin-bottom: 15px;
}
.review-form .input-item label {
font-size: 13px;
font-weight: 500;
}
.review-form .input-item input {
width: 100%;
padding: 6px 15px;
border: 1px solid #eaeaea;
border-radius: 3px;
}
.review-form .input-item textarea {
width: 100%;
padding: 6px 15px;
border: 1px solid #eaeaea;
min-height: 150px;
border-radius: 3px;
}
.review-form .input-item .rating i {
color: #F5A623;
}
.review-form .review-submit {
font-size: 15px;
font-weight: 600;
padding: 8px 30px;
background-color: #dc3545;
color: white;
border: none;
border-radius: 3px;
outline: none;
transition: all 0.3s ease;
}
.review-form .review-submit:hover {
background-color: rgba(89, 184, 40, 0.8);
}
.review-form .card-body {
padding: 0;
}
.review-form .rating {
border: none;
margin-right: 0px;
margin-top: 35px;
}
.review-form .myratings {
font-size: 48px;
color: green;
}
.review-form .rating > [id^=star] {
display: none;
}
.review-form .rating > label:before {
margin: 5px;
font-size: 2.25em;
font-family: "Font Awesome 5 Free";
display: inline-block;
content: "";
}
.review-form .rating > .half:before {
content: "";
position: absolute;
}
.review-form .rating > label {
color: #ddd;
float: right;
}
.review-form .rating > [id^=star]:checked ~ label,
.review-form .rating:not(:checked) > label:hover,
.review-form .rating:not(:checked) > label:hover ~ label {
color: #FFD700;
}
.review-form .rating > [id^=star]:checked + label:hover,
.review-form .rating > [id^=star]:checked ~ label:hover,
.review-form .rating > label:hover ~ [id^=star]:checked ~ label,
.review-form .rating > [id^=star]:checked ~ label:hover ~ label {
color: #FFED85;
}
.review-form input.reset-option {
display: none;
}
.login-area {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: -999;
opacity: 0;
visibility: hidden;
}
.login-area .overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.65);
z-index: 1;
opacity: 0;
}
.login-area .login-body-wrapper {
max-width: 545px;
width: 90%;
position: relative;
z-index: 2;
background-color: white;
border-radius: 10px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
overflow: hidden;
transform: scale(0);
transition: all 0.5s ease;
max-height: 90vh;
overflow-y: auto;
}
.login-area .login-body-wrapper .forgot-password {
background-color: #f8f8f8;
padding: 20px 15px;
}
.login-area .login-body-wrapper .forgot-password a {
color: #dc3545;
}
.login-area .login-body {
width: 100%;
padding: 40px 40px 0px 40px;
position: relative;
}
.login-area .login-body .close-icon {
width: 25px;
height: 25px;
border-radius: 50%;
text-align: center;
line-height: 26px;
font-size: 12px;
background-color: #dc3545;
color: white;
position: absolute;
right: 6px;
top: 6px;
}
@media only screen and (max-width: 479px) {
.login-area .login-body {
padding: 20px 20px 0px 20px;
}
}
.login-area .login-body .login-header {
margin-bottom: 20px;
text-align: center;
}
.login-area .login-body .login-header h4 {
font-size: 26px;
color: #dc3545;
}
@media only screen and (max-width: 479px) {
.login-area .login-body .login-header h4 {
font-size: 22px;
}
}
.login-area .login-body .login-header p {
font-size: 14px;
color: #363636;
margin-bottom: 0;
}
.login-area .login-body .login-form input {
width: 100%;
border: 1px solid #e4e4e4;
background-color: #e7e7e7;
padding: 15px 35px;
margin-bottom: 25px;
border-radius: 3px;
}
.login-area .login-body .login-form .submit {
width: 100%;
border: 1px solid #dc3545;
background-color: #dc3545;
padding: 12px 35px;
margin-bottom: 5px;
color: white;
outline: none;
border-radius: 3px;
}
@media only screen and (max-width: 479px) {
.login-area .login-body .login-form input {
padding: 10px 25px;
}
.login-area .login-body .login-form .submit {
padding: 9px 25px;
}
}
.login-area .login-body .seperator {
margin: 20px 0;
}
.login-area .login-body .othersignup-option a {
width: 100%;
border: 1px solid #dc3545;
background-color: #dc3545;
padding: 12px 35px;
margin-bottom: 25px;
color: white;
outline: none;
border-radius: 3px;
text-align: center;
}
.login-area .login-body .othersignup-option a i {
margin-right: 10px;
}
.login-area .login-body .othersignup-option a.facebook {
border: 1px solid #4267b2;
background-color: #4267b2;
}
.login-area .login-body .othersignup-option a.google {
border: 1px solid #4285f4;
background-color: #4285f4;
}
.login-area .login-body .othersignup-option a:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 479px) {
.login-area .login-body .othersignup-option a {
padding: 9px 15px;
}
}
.login-area .login-body .dont-account p {
font-weight: 300;
}
.login-area .login-body .dont-account p a {
color: #dc3545;
}
.login-area.open-form {
z-index: 999;
opacity: 1;
visibility: visible;
}
.login-area.open-form .overlay {
opacity: 1;
cursor: zoom-out;
}
.login-area.open-form .login-body-wrapper {
transform: scale(1);
}
.eflux-login-form-area {
background-color: #fff;
border-radius: 10px;
padding: 45px 35px;
border: 1px solid #e4e4e4;
box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.06);
}
.eflux-login-form .input-item {
position: relative;
margin-bottom: 35px;
}
@media only screen and (max-width: 991px) {
.eflux-login-form .input-item {
margin-bottom: 10px;
}
}
.eflux-login-form .input-item label {
margin-bottom: 0;
font-size: 16px;
text-transform: uppercase;
}
.eflux-login-form .input-item input {
padding: 15px 40px 15px 20px;
width: 100%;
border: 1px solid #e4e4e4;
background-color: #fafafa;
font-size: 13px;
border-radius: 5px;
outline: none;
}
.eflux-login-form .input-item input::placeholder {
color: #9ca3b9;
}
.eflux-login-form .input-item input:focus {
border: 1px solid #dc3545;
}
.eflux-login-form .input-item i {
position: absolute;
right: 20px;
top: 15px;
color: #d2d8e2;
}
.eflux-login-form .submit {
border: none;
background-color: #dc3545;
padding: 15px 40px;
text-transform: uppercase;
color: #fff;
font-weight: 500;
border-radius: 5px;
transition: all 0.3s ease;
outline: none;
}
.eflux-login-form .submit:hover {
background-color: #438e1c;
}
.new-customer-container > h6 {
font-size: 16px;
font-weight: 300;
text-transform: uppercase;
margin-bottom: 10px;
}
.new-customer-container .new-customer-box {
background-color: #fff;
box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.06);
padding: 30px 25px;
border-radius: 10px;
}
.new-customer-container .new-customer-box h6 {
font-size: 16px;
font-weight: normal;
}
.new-customer-container .new-customer-box p {
font-size: 15px;
margin-bottom: 25px;
}
.new-customer-container .new-customer-box .signup-btn {
width: 200px;
border: none;
background-color: #dc3545;
padding: 15px 40px;
text-transform: uppercase;
color: #fff;
font-weight: 500;
border-radius: 5px;
transition: all 0.3s ease;
outline: none;
text-align: center;
}
.new-customer-container .new-customer-box .signup-btn:hover {
background-color: #438e1c;
color: white;
}
@media only screen and (min-width: 1500px) {
.eflux-login-form-area {
padding: 35px 25px;
}
.eflux-login-form input {
padding: 10px 35px 10px 15px !important;
width: 100%;
font-size: 14px;
border-radius: 5px;
}
.eflux-login-form .submit {
padding: 10px 30px;
}
.new-customer-container .new-customer-box {
padding: 25px 25px;
}
.new-customer-container .new-customer-box p {
margin-bottom: 20px;
}
.new-customer-container .new-customer-box .signup-btn {
width: 130px;
border: none;
background-color: #dc3545;
padding: 10px 30px;
}
}
@media only screen and (max-width: 991px) {
.eflux-login-form-area {
padding: 25px 25px;
}
.eflux-login-form input {
padding: 10px 35px 10px 15px !important;
width: 100%;
font-size: 13px;
border-radius: 5px;
}
.eflux-login-form .submit {
padding: 10px 20px;
font-size: 13px;
}
.new-customer-container .new-customer-box {
padding: 20px 15px;
}
.new-customer-container .new-customer-box p {
margin-bottom: 20px;
}
.new-customer-container .new-customer-box .signup-btn {
width: 130px;
border: none;
background-color: #dc3545;
padding: 10px 30px;
}
}
.admin-page-section {
background-color: #f1f1f1;
height: 310px;
background-image: url(../images/page-header.jpg);
}
@media only screen and (max-width: 767px) {
.admin-page-section {
height: 200px;
}
}
@media only screen and (max-width: 767px) {
.admin-content-area {
text-align: center;
}
}
.admin-content-area .admin-thumb {
width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
border: 5px solid #fff;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
position: relative;
margin-bottom: 7px;
display: inline-block;
}
.admin-content-area .admin-thumb img {
width: 100%;
}
.admin-content-area .admin-thumb .image-change-option {
position: absolute;
right: -10px;
top: -10px;
}
.admin-content-area .admin-content .name {
font-size: 22px;
font-weight: 700;
margin-bottom: 0px;
color: #363636;
}
.admin-content-area .admin-content .desc {
color: #5f5f5f;
font-size: 14px;
margin-bottom: 0;
}
.dashboard-section {
padding-top: 100px;
padding-bottom: 100px;
}
@media only screen and (max-width: 1200px) {
.dashboard-section {
padding-top: 60px;
padding-bottom: 60px;
}
}
.dashbord-nav {
background-color: #fff;
margin-bottom: 60px;
border-radius: 10px;
overflow: hidden;
}
.dashbord-nav li {
text-align: center;
}
.dashbord-nav li a {
padding: 10px 25px;
display: block;
background-color: #fff;
font-size: 13px;
font-weight: 700;
text-align: left;
border: 1px solid #f3f3f3;
}
.dashbord-nav li a.active {
background-color: #dc3545;
color: white;
}
.dashbord-nav li a i {
margin-right: 10px;
}
@media only screen and (min-width: 992px) {
.dashbord-nav {
padding: 10px 30px;
border-radius: 10px;
border: 1px solid #f3f3f3;
}
.dashbord-nav li a {
border-radius: 5px;
border: none;
}
.dashbord-nav li a i {
display: none;
}
}
.dashboard-body {
border: 1px solid #f3f3f3;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}
.dashboard-body .profile {
position: relative;
}
.dashboard-body .profile > .title {
font-size: 16px;
font-weight: 700;
margin-top: 0;
display: block;
padding: 25px 30px;
border: 1px solid #f3f3f3;
background-color: #fff;
position: relative;
}
.dashboard-body .profile > .title .edit {
position: absolute;
right: 25px;
top: 50%;
margin-top: -10px;
cursor: pointer;
color: #dc3545;
}
.dashboard-body .profile .list-profile-info {
padding: 10px 30px;
background: #fafafa;
}
.dashboard-body .profile .list-profile-info li {
display: flex;
padding: 15px 0;
}
.dashboard-body .profile .list-profile-info li .title {
width: 100px;
display: block;
font-size: 15px;
font-weight: 600;
}
.dashboard-body .profile .list-profile-info li .desc {
padding-left: 50px;
font-size: 13px;
margin-bottom: 0;
}
.dashboard-body .profile-address-book > .title {
font-size: 16px;
font-weight: 700;
margin-top: 0;
display: block;
padding: 25px 30px;
border: 1px solid #f3f3f3;
background-color: #fff;
margin-bottom: 0;
}
.dashboard-body .profile-address-book .address-list li {
display: flex;
padding: 20px 25px;
position: relative;
border-bottom: 1px solid #f3f3f3;
}
.dashboard-body .profile-address-book .address-list li .edit-delete-btn {
position: absolute;
right: 15px;
top: 20px;
}
.dashboard-body .profile-address-book .address-list li .edit-delete-btn button {
border: none;
outline: none;
background-color: transparent;
}
.dashboard-body .profile-address-book .address-list li .edit-delete-btn button.edit {
color: #dc3545;
}
.dashboard-body .profile-address-book .address-list li .edit-delete-btn button.delete {
color: red;
}
.dashboard-body .profile-address-book .address-list li .icon {
width: 40px;
font-size: 18px;
color: #efefef;
}
.dashboard-body .profile-address-book .address-list li .address-text {
width: calc(100% - 40px);
}
.dashboard-body .profile-address-book .address-list li .address-text h6 {
margin-bottom: 7px;
font-weight: 700;
font-size: 14px;
}
.dashboard-body .profile-address-book .address-list li .address-text p {
margin-bottom: 0;
font-size: 13px;
line-height: 24px;
}
.dashboard-body .profile-address-book .address-list li.active {
background-color: #fff;
border: 1px solid #c0e0b0;
}
.dashboard-body .profile-address-book .address-list li.active .icon {
background-color: transparent;
color: #dc3545;
}
.dashboard-body .profile-address-book .address-list li:hover {
background-color: #fff;
}
.dashboard-body .profile-address-book .address-list li:hover .icon {
background-color: transparent;
color: #dc3545;
}
.dashboard-body .profile-address-book .address-list li.addnew {
background-color: #fff;
padding: 25px 50px;
}
.dashboard-body .profile-address-book .address-list li.addnew .add-new-btn {
padding: 10px 35px;
background-color: #dc3545;
color: white;
border-radius: 30px;
border: none;
outline: none;
}
.dashboard-body .profile-address-book .address-list li.addnew .add-new-btn:hover {
background-color: #438e1c;
}
.profile-edit .modal-dialog {
max-width: 600px;
}
.profile-edit-container {
max-width: 100%;
background-color: #fff;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 40px 40px;
position: relative;
z-index: 9;
}
.profile-edit-container .head {
margin-bottom: 30px;
}
.profile-edit-container .head p {
margin-bottom: 0;
}
.profile-edit-container .title {
font-size: 24px;
display: block;
text-align: center;
margin-top: 0;
}
.profile-form .input-item {
margin-bottom: 15px;
}
.profile-form .input-item label {
display: block;
margin-bottom: 0px;
}
.profile-form .input-item input {
width: 100%;
padding: 6px 15px;
border: 1px solid #f3f3f3;
}
.profile-form .input-item input::placeholder {
color: #bbbbc1;
font-weight: 300;
font-size: 12px;
}
.profile-form .input-item textarea {
width: 100%;
padding: 6px 25px;
border: 1px solid #f3f3f3;
min-height: 100px;
}
.profile-form .input-item .select-selected {
background-color: white;
border: 1px solid #f3f3f3;
color: #bbbbc1;
border-radius: 3px;
font-size: 12px;
}
.profile-form .input-item .select-selected:after {
top: 21px;
position: absolute;
border: 6px solid transparent;
border-color: #dad5d5 transparent transparent transparent;
}
.profile-form .input-item .select-selected.select-arrow-active:after {
border-color: transparent transparent #dad5d5 transparent;
top: 13px;
}
.profile-form .input-item .select-items {
background-color: #fff;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.profile-form .input-item .select-items div {
color: #bbbbc1;
border-color: transparent transparent rgba(0, 0, 0, 0.02) transparent;
font-size: 12px;
}
.profile-form .input-item .select-items div:hover {
background-color: #dc3545;
color: white;
}
.profile-form .submit {
border: none;
outline: none;
padding: 10px 35px;
border-radius: 5px;
background-color: #dc3545;
color: white;
cursor: pointer;
}
.profile-form .cencel {
border: none;
outline: none;
padding: 10px 35px;
border-radius: 5px;
background-color: black;
color: white;
cursor: pointer;
}
.address-edit-box .modal-body {
padding: 30px;
}
.address-edit-box h4 {
font-size: 24px;
text-align: center;
margin-bottom: 25px;
}
.address-edit-box .address-form .input-item {
margin-bottom: 15px;
}
.address-edit-box .address-form .input-item label {
font-size: 13px;
font-weight: 500;
margin-bottom: 6px;
}
.address-edit-box .address-form .input-item input {
width: 100%;
padding: 6px 25px;
border: 1px solid #f3f3f3;
border-radius: 3px;
}
.address-edit-box .address-form .input-item input::placeholder {
color: #bbbbc1;
font-weight: 300;
font-size: 12px;
}
.address-edit-box .address-form .input-item textarea {
width: 100%;
padding: 6px 25px;
border: 1px solid #f3f3f3;
border-radius: 3px;
min-height: 150px;
}
.address-edit-box .address-form .input-item textarea::placeholder {
color: #bbbbc1;
font-weight: 300;
font-size: 12px;
}
.address-edit-box .address-form .input-item .select-selected {
background-color: white;
border: 1px solid #f3f3f3;
color: #dad5d5;
border-radius: 3px;
color: #bbbbc1;
font-size: 12px;
}
.address-edit-box .address-form .input-item .select-selected:after {
top: 21px;
position: absolute;
border: 6px solid transparent;
border-color: #dad5d5 transparent transparent transparent;
}
.address-edit-box .address-form .input-item .select-selected.select-arrow-active:after {
border-color: transparent transparent #dad5d5 transparent;
top: 13px;
}
.address-edit-box .address-form .input-item .select-items {
background-color: #fff;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.address-edit-box .address-form .input-item .select-items div {
color: #bbbbc1;
border-color: transparent transparent rgba(0, 0, 0, 0.02) transparent;
font-size: 12px;
}
.address-edit-box .address-form .input-item .select-items div:hover {
background-color: #dc3545;
color: white;
}
.address-edit-box .address-form .submit {
background-color: #dc3545;
color: white;
padding: 12px 25px;
border-radius: 3px;
border: none;
outline: none;
line-height: 1;
}
.address-edit-box .address-form .cancel {
background-color: #222222;
color: white;
padding: 12px 25px;
border-radius: 3px;
border: none;
outline: none;
line-height: 1;
}
.order-head h5 {
font-size: 18px;
font-weight: 700;
margin-bottom: 25px;
}
.order-item {
margin-bottom: 30px;
}
.order-item:last-child {
margin-bottom: 0;
}
.order-item .table tr {
border-top: 1px solid #f3f3f3;
border-right: 1px solid #f3f3f3;
}
.order-item .table th {
background-color: #fbfbfb;
border: none !important;
width: 33.33%;
font-size: 13px;
font-weight: 700;
}
.order-item .table td {
border: none !important;
width: 33.33%;
font-size: 13px;
font-weight: 500;
}
.order-item .table td .order-number {
font-size: 13px;
font-weight: 500;
margin-bottom: 6px;
}
.order-item .table td .date {
font-size: 11px;
color: #656565;
font-weight: 400;
}
.order-item .table td p {
margin-bottom: 0;
line-height: 1.8;
}
.order-item .table td .price {
font-size: 11px;
color: #656565;
font-weight: 400;
}
.order-item .table td .pending {
color: #fa5454;
font-size: 13px;
}
.order-item .table td .done {
color: #dc3545;
}
.order-item .table td .my-balance {
font-size: 11px;
font-weight: 700;
}
.order-item .table td .credits {
font-size: 14px;
font-weight: 700;
}
.order-item .table td .view-details {
font-size: 13px;
font-weight: 400;
}
.order-item .table td .offer-active {
font-size: 14px;
font-weight: 700;
color: 363636;
}
.order-item .table thead, .order-item .table tbody {
padding: 0;
border-bottom: 1px solid #f3f3f3;
border-left: 1px solid #f3f3f3;
}
@media only screen and (max-width: 767px) {
.order-item .table {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
.offre-item {
text-align: center;
display: block;
}
.offre-item .icon {
width: 45px;
height: 45px;
border-radius: 50%;
line-height: 45px;
text-align: center;
margin-bottom: 10px;
transition: all 0.3s ease;
border: 1px solid #dc3545;
display: inline-block;
}
.offre-item .icon svg {
width: 22px;
fill: #dc3545;
}
.offre-item .offer-name {
font-size: 12px;
color: #363636;
margin-bottom: 0;
}
.offre-item.active .icon, .offre-item:hover .icon {
background-color: #dc3545;
}
.offre-item.active .icon svg, .offre-item:hover .icon svg {
fill: white;
}
.wallet-item {
margin-bottom: 30px;
}
.rewards table tbody tr:last-child {
border-top: none;
}
.price-btn {
display: none;
}
.track-order-item {
margin-bottom: 30px;
border: 1px solid #f3f3f3;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
overflow: hidden;
border-radius: 5px;
}
.track-order-item .track-order-head {
padding: 14px 35px;
}
.track-order-item .track-order-head h6 {
font-size: 16px;
font-weight: 700;
color: #363636;
margin: 0;
}
.track-order-item .track-number-link {
background-color: #f9f9f9;
padding: 14px 35px;
}
.track-order-item .track-number-link .order-number {
font-size: 13px;
font-weight: 500;
margin-bottom: 6px;
}
.track-order-item .track-number-link .date {
font-size: 11px;
color: #656565;
font-weight: 400;
}
.track-order-item .track-number-link p {
margin-bottom: 0;
line-height: 1.8;
}
.track-order-item .track-number-link .price {
font-size: 11px;
color: #656565;
font-weight: 400;
}
.track-order-item .track-number-link .order-btn {
padding: 9px 39px;
background-color: #dc3545;
border-radius: 3px;
color: white;
}
@media only screen and (max-width: 479px) {
.track-order-item .track-number-link .order-btn {
padding: 4px 10px;
}
}
.track-order-item .track-number-link .order-btn:hover {
background-color: #438e1c;
}
.track-order-item .track-order-info {
padding: 30px 35px;
border-bottom: 1px solid #f3f3f3;
}
@media only screen and (min-width: 992px) {
.track-order-item .track-order-info {
padding-right: 50px;
}
}
.track-order-item .track-order-info .to-list li .t-title {
min-width: 100px;
display: inline-block;
}
.track-order-item .track-order-info .to-list li.inc-vat {
font-size: 13px;
font-weight: 700;
color: #363636;
}
.track-order-item .track-order-footer {
padding: 15px 35px;
background-color: #f9f9f9;
}
.track-order-item .track-order-footer p {
margin-bottom: 0;
}
.track-order-item .track-order-footer p a {
color: #dc3545;
font-size: 13px;
}
.delevary-time {
font-size: 14px;
font-weight: normal;
color: #656565;
padding: 40px 45px;
}
@media only screen and (max-width: 767px) {
.delevary-time {
padding-left: 25px;
padding-right: 25px;
padding-bottom: 10px;
}
}
.order-details-head {
padding: 28px 30px;
border-bottom: 1px solid #f3f3f3;
}
.order-details-head h6 {
font-size: 15px;
font-weight: 700;
color: #dc3545;
margin: 0;
}
.order-details-item {
border-bottom: 1px solid #f3f3f3;
padding: 10px 25px;
position: relative;
}
.order-details-item .close-item {
position: absolute;
top: 20px;
right: 30px;
color: #e7e7e7;
cursor: pointer;
}
.order-details-item .product-content {
padding-left: 25px;
}
.order-details-item .product-content .product-title {
font-size: 16px;
color: #363636;
font-weight: 500;
}
.order-details-item .product-content .product-cart-info {
font-size: 13px;
color: #d0d0d0;
}
@media only screen and (min-width: 992px) {
.order-details-item .product-content .product-cart-info {
padding-right: 60px;
}
}
.order-details-item .product-content .product-price {
font-size: 16px;
font-weight: 500;
color: #363636;
}
@media only screen and (min-width: 992px) {
.order-details-item .product-content .product-price {
padding-right: 30px;
}
}
.order-details-item .product-content .product-price del {
color: #bebebe;
}
.to-list li {
padding: 6px 10px;
}
.product-delevary-process {
padding-top: 80px;
padding-bottom: 110px;
max-width: 900px;
margin: auto;
}
@media only screen and (max-width: 767px) {
.product-delevary-process {
padding-top: 40px;
padding-bottom: 60px;
padding-left: 20px;
padding-right: 20px;
}
}
.product-delevary-process .process-bar {
width: 100%;
height: 60px;
background-color: #eeeeee;
position: relative;
border-radius: 5px;
}
@media only screen and (max-width: 767px) {
.product-delevary-process .process-bar {
height: 30px;
}
}
.product-delevary-process .process-bar .process-bar-active {
background-color: #dc3545;
width: 65%;
height: 100%;
border-radius: 5px;
}
.product-delevary-process .process-bar .process-bar-item-container {
width: 95%;
position: absolute;
left: 50%;
top: 50%;
transform: translateY(-33%) translateX(-50%);
}
.product-delevary-process .process-bar .process-bar-item-container .process-bar-item {
text-align: center;
}
@media only screen and (max-width: 767px) {
.product-delevary-process .process-bar .process-bar-item-container .process-bar-item {
width: 70px;
height: 90px;
}
.product-delevary-process .process-bar .process-bar-item-container .process-bar-item .name {
font-size: 12px;
line-height: 1.2;
}
}
.product-delevary-process .process-bar .process-bar-item-container .process-bar-item-inner {
width: 100px;
height: 80px;
background-color: #eeeeee;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
text-align: center;
margin-bottom: 15px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
@media only screen and (max-width: 767px) {
.product-delevary-process .process-bar .process-bar-item-container .process-bar-item-inner {
width: 60px;
height: 50px;
margin-bottom: 3px;
}
}
.product-delevary-process .process-bar .process-bar-item-container .process-bar-item-inner .check-icon {
position: absolute;
right: 5px;
top: 5px;
line-height: 1;
opacity: 0.95;
}
.product-delevary-process .process-bar .process-bar-item-container .process-bar-item-inner .check-icon i {
color: white;
}
@media only screen and (max-width: 767px) {
.product-delevary-process .process-bar .process-bar-item-container .process-bar-item-inner .check-icon i {
font-size: 8px;
}
}
.product-delevary-process .process-bar .process-bar-item-container .process-bar-item-inner .icon-outer {
width: 50px;
height: 50px;
padding: 4px;
background-image: linear-gradient(#fff, #d7d7d7);
border-radius: 50%;
display: inline-block;
}
.product-delevary-process .process-bar .process-bar-item-container .process-bar-item-inner .icon-outer .icon {
background-color: #ededed;
width: 100%;
height: 100%;
border-radius: 50%;
text-align: center;
line-height: 45px;
}
.product-delevary-process .process-bar .process-bar-item-container .process-bar-item-inner .icon-outer svg {
width: 25px;
}
@media only screen and (max-width: 767px) {
.product-delevary-process .process-bar .process-bar-item-container .process-bar-item-inner .icon-outer {
width: 30px;
height: 30px;
}
.product-delevary-process .process-bar .process-bar-item-container .process-bar-item-inner .icon-outer .icon {
line-height: 22px;
}
.product-delevary-process .process-bar .process-bar-item-container .process-bar-item-inner .icon-outer .icon svg {
width: 100%;
}
}
.product-delevary-process .process-bar .process-bar-item-container .process-bar-item-inner.active {
background-color: #dc3545;
}
.product-delevary-process .process-bar .process-bar-item-container .process-bar-item-inner.active .icon-outer .icon svg {
fill: #dc3545;
}
.contact-number-item > h6 {
font-size: 18px;
font-weight: 500;
margin-bottom: 10px;
}
.contact-number-item div h6 {
font-size: 14px;
}
.contact-number-item p {
font-size: 14px;
}
.contact-number-item .send-code-form input {
max-width: 250px;
width: 100%;
padding: 4px 15px;
border: 1px solid #dadada;
background-color: #fdfdfd;
border-radius: 3px;
margin-bottom: 10px;
margin-right: 10px;
}
.contact-number-item .send-code-form .submit {
padding: 4px 15px;
border: none;
background-color: #dc3545;
color: white;
outline: none;
border-radius: 3px;
margin-left: 10px;
}
.contact-number-item .send-code-form .submit:hover {
background-color: #438e1c;
}
.contact-number-item .varify-code-form input {
width: 38px;
height: 38px;
display: inline-block;
border: 1px solid #dadada;
background-color: #fdfdfd;
text-align: center;
line-height: 38px;
border-radius: 3px;
margin-right: 10px;
margin-bottom: 10px;
}
.contact-number-item .varify-code-form .submit {
padding: 4px 15px;
border: none;
background-color: #dc3545;
color: white;
outline: none;
border-radius: 3px;
margin-left: 10px;
}
.contact-number-item .varify-code-form .submit:hover {
background-color: #438e1c;
}
.contact-number-item .varify-code-form .resend-code {
font-size: 13px;
margin-top: 0;
}
.billing-item > h6 {
font-size: 18px;
font-weight: 500;
margin-bottom: 10px;
}
.form-item {
margin-bottom: 30px;
}
.form-item h6 {
margin-top: 0px;
}
.billing-form .input-item {
margin-bottom: 20px;
}
.billing-form .input-item label {
display: block;
}
.billing-form .input-item input {
width: 100%;
padding: 6px 25px;
border: 1px solid #dadada;
background-color: #fdfdfd;
border-radius: 3px;
margin-bottom: 20px;
}
.billing-form .input-item input:last-child {
margin-bottom: 0;
}
.billing-form .input-item .select-selected {
background-color: #fdfdfd;
border: 1px solid #dadada;
color: #dad5d5;
border-radius: 3px;
min-height: 46px;
}
.billing-form .input-item .select-selected:after {
top: 21px;
position: absolute;
border: 6px solid transparent;
border-color: #dad5d5 transparent transparent transparent;
}
.billing-form .input-item .select-selected.select-arrow-active:after {
border-color: transparent transparent #dad5d5 transparent;
top: 13px;
}
.billing-form .input-item .select-items {
background-color: #fff;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.billing-form .input-item .select-items div {
color: #bbbbc1;
border-color: transparent transparent rgba(0, 0, 0, 0.02) transparent;
font-size: 12px;
}
.billing-form .input-item .select-items div:hover {
background-color: #dc3545;
color: white;
}
.time-schedule-container p {
margin-bottom: 10px;
}
.time-schedule-container .time-schedule-box {
background-color: #f9f9f9;
border: 1px solid #dadada;
padding: 20px;
max-width: 214px;
width: 100%;
border-radius: 5px;
}
.payment-form {
padding-top: 15px;
padding-bottom: 10px;
}
.input-item.radio {
position: relative;
}
.input-item.radio input {
opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
cursor: pointer;
}
.input-item.radio label {
position: relative;
padding-left: 20px;
}
.input-item.radio label:after {
content: "";
left: 0px;
top: 6px;
position: absolute;
width: 14px;
height: 14px;
border: 1px solid #3c444d;
border-radius: 50%;
}
.input-item.radio label:before {
content: "";
left: 0px;
top: 6px;
position: absolute;
width: 14px;
height: 14px;
border: 1px solid #222d39;
background-color: #222d39;
border-radius: 50%;
transform: scale(0);
transition: all 0.3s ease;
}
.input-item.radio input[type=radio]:checked ~ label:before {
transform: scale(0.6);
}
.place-order-btn {
padding: 19px 35px;
color: white;
background-color: #ff4c3b;
display: inline-block;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
line-height: 1;
border-radius: 2px;
}
.place-order-btn:hover {
background-color: rgba(255, 76, 59, 0.8);
color: white;
}
.cart-item.sitebar-cart {
position: static;
width: 100%;
padding: 0px !important;
height: auto;
}
.cart-item.sitebar-cart .cart-product-container {
height: auto;
overflow-y: auto;
}
.cart-item.sitebar-cart .cart-product-container .cart-product-item {
padding: 30px 35px;
border-bottom: 1px solid #dbdbdb;
}
.cart-item.sitebar-cart .cart-product-container .cart-product-item > .row:first-child {
margin-bottom: 10px;
}
.cart-item.sitebar-cart .cart-footer {
position: static;
}
.cart-item.sitebar-cart .cart-footer .product-other-charge {
padding: 30px 35px;
}
.cart-item.sitebar-cart .cart-footer .cart-total {
padding: 30px 35px;
background-color: #f5f5f5;
}
.page-layout {
transition: all 0.3s ease;
position: relative;
}
.page-layout .catagory-sidebar-area {
width: 250px;
position: absolute;
top: 0px;
transition: all 0.3s ease;
z-index: 99;
left: -350px;
padding-bottom: 30px;
}
@media only screen and (min-width: 1500px) {
.page-layout .catagory-sidebar-area {
width: 350px;
left: -350px;
}
}
@media only screen and (max-width: 479px) {
.page-layout .catagory-sidebar-area {
max-width: 300px;
width: 100%;
}
}
.page-layout .catagory-sidebar-area.fixed-totop {
position: fixed;
left: -350px;
top: 80px !important;
right: auto;
}
.page-layout .catagory-sidebar-area .catagory-sidebar-area-inner {
width: 100%;
height: calc(100vh - 80px);
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
overflow-y: auto;
background-color: #fff;
}
.page-layout .main-content-area {
transition: all 0.3s ease;
}
@media only screen and (min-width: 1200px) {
.page-layout.open-side-menu {
padding-left: 250px;
}
.page-layout.open-side-menu .container {
max-width: 925px;
}
}
@media only screen and (min-width: 1300px) {
.page-layout.open-side-menu {
padding-left: 250px;
}
.page-layout.open-side-menu .container {
max-width: 925px;
}
}
.page-layout.open-side-menu .catagory-sidebar-area {
left: 0;
}
.page-layout.open-side-menu .catagory-sidebar-area.fixed-totop {
left: 0px;
}
@media only screen and (min-width: 1500px) {
.page-layout.open-side-menu {
padding-left: 350px;
}
.page-layout.open-side-menu .container {
margin-left: 80px;
max-width: 1140px;
}
}
@media only screen and (min-width: 1200px) {
.page-layout.open-side-menu.no-side-animation {
padding-left: 0px;
}
.page-layout.open-side-menu.no-side-animation .container {
max-width: 1140px;
}
}
@media only screen and (min-width: 1300px) {
.page-layout.open-side-menu.no-side-animation {
padding-left: 0px;
}
.page-layout.open-side-menu.no-side-animation .container {
max-width: 1140px;
}
}
.page-layout.open-side-menu.no-side-animation .catagory-sidebar-area {
left: 0;
}
.page-layout.open-side-menu.no-side-animation .catagory-sidebar-area.fixed-totop {
left: 0px;
}
@media only screen and (min-width: 1500px) {
.page-layout.open-side-menu.no-side-animation {
padding-left: 0px;
}
.page-layout.open-side-menu.no-side-animation .container {
margin-left: 0px;
max-width: 1140px;
}
}
.advertisement-section {
text-align: center;
}
@media only screen and (max-width: 1200px) {
.advertisement-section .col-lg-4 {
margin-bottom: 30px;
}
.advertisement-section .col-lg-4:last-child {
margin-bottom: 0;
}
.advertisement-section .col-lg-6 {
margin-bottom: 30px;
}
.advertisement-section .col-lg-6:last-child {
margin-bottom: 0;
}
}
.modal-content .modal-body {
border-top: 4px solid #dc3545;
}
.modal-content .menu {
max-height: 400px;
overflow-y: auto;
}
.modal-content ul li a {
padding: 10px 20px;
display: flex;
font-size: 14px;
font-weight: 500;
border-bottom: 1px solid rgba(89, 184, 40, 0.1);
justify-content: space-between;
align-items: center;
}
.modal-content .select-search-option {
display: block;
padding: 40px 35px;
}
@media only screen and (max-width: 479px) {
.modal-content .select-search-option {
padding: 15px 5px;
}
}
.modal-content .select-search-option .flux-custom-select {
width: 100%;
margin-bottom: 15px;
}
.modal-content .select-search-option .search-form {
width: 100%;
}
.modal-content .select-search-option .select-items {
background-color: #fff;
max-height: 250px;
overflow-y: auto;
}
.countdown-section {
background-image: url(../images/countdown-bg.png);
background-size: 100% 100%;
margin-top: 60px;
margin-bottom: 80px;
}
.countdown-section .shop-btn {
font-size: 15px;
padding: 6px 20px;
background-color: #faa824;
color: white;
border-radius: 3px;
transition: all 0.3s ease;
}
.countdown-section .shop-btn:hover {
background-color: #dc3545;
}
.countdown-section .section-header h3 {
font-weight: 700;
color: #dc3545;
margin-bottom: 30px;
}
.countdown-section .countdown .count-item {
width: 126px;
background-color: white;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
border-radius: 5px;
margin: 7px;
text-align: center;
padding: 20px 0;
}
.countdown-section .countdown .count-item .count-number {
font-size: 28px;
font-weight: 700;
color: #222533;
}
.countdown-section .countdown .count-item .count-text {
font-size: 11px;
color: #fc7550;
font-weight: 500;
line-height: 1;
margin-top: 8px;
}
.feature-brand-container {
overflow: hidden;
padding: 15px 0;
}
.feature-brand-container .swiper-slide a {
display: block;
background-color: white;
text-align: center;
padding: 20px 15px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.03);
border-radius: 5px;
overflow: hidden;
}
.brand-page-header-section {
padding: 60px 0px 0px 0px;
}
.brand-page-header-section .brand-content-item {
background-color: white;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.03);
padding: 40px;
border-radius: 5px;
}
.brand-page-header-section .brand-content-item .thumb {
width: 200px;
background-color: white;
height: 120px;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.03);
border-radius: 5px;
display: inline-block;
}
.brand-page-header-section .brand-content-item .content {
width: calc(100% - 200px);
padding-left: 30px;
}
@media only screen and (max-width: 767px) {
.brand-page-header-section .brand-content-item .content {
width: calc(100% - 0px);
}
}
.brand-page-header-section .brand-content-item .content p {
margin-bottom: 0;
}
.wishlist {
background-color: #fff;
}
.wishlist-header {
padding: 28px 30px;
border-bottom: 1px solid #f3f3f3;
}
.wishlist-header h6 {
font-size: 15px;
font-weight: 700;
color: #dc3545;
margin: 0;
}
.wishlist-item {
border-bottom: 1px solid #f3f3f3;
padding: 10px 25px;
position: relative;
}
.wishlist-item .close-item {
position: absolute;
top: 20px;
right: 30px;
color: #e7e7e7;
cursor: pointer;
}
.wishlist-item .close-item:hover {
color: #ff7b8f;
}
@media only screen and (max-width: 767px) {
.wishlist-item .close-item {
top: 5px;
right: 15px;
}
}
.wishlist-item:last-child {
border-bottom: none;
}
.wishlist-item .thumb {
min-width: 120px;
}
.wishlist-item .product-content {
padding-left: 25px;
}
@media only screen and (min-width: 992px) {
.wishlist-item .product-content {
padding-left: 70px;
}
}
.wishlist-item .product-content .product-title {
font-size: 16px;
color: #363636;
font-weight: 500;
}
.wishlist-item .product-content .product-cart-info {
font-size: 13px;
color: #d0d0d0;
}
.wishlist-item .product-content .product-price {
font-size: 16px;
font-weight: 500;
color: #363636;
margin-bottom: 20px;
}
.wishlist-item .product-content .product-price del {
color: #bebebe;
}
.wishlist-item .product-content .cart-btn {
padding: 9px 13px;
}
.wishlist-item:hover {
transform: scale(1);
box-shadow: none;
}
.pagination li {
margin-right: 10px;
}
.pagination li a {
width: 35px;
height: 35px;
border-radius: 3px;
background-color: #f3f3f3;
color: #222d39;
text-align: center;
line-height: 35px;
display: block;
font-size: 13px;
overflow: hidden;
transition: all 0.3s ease;
}
.pagination li a.active, .pagination li a:hover {
background-color: #dc3545;
color: white;
}
.pagination li:last-child {
margin-right: 0;
}
.pagination li:last-child a {
width: auto;
height: auto;
}
.pagination li:last-child a .icon {
width: 35px;
height: 35px;
background-color: #3da20a;
line-height: 35px;
text-align: center;
color: white;
}
.pagination li:last-child a .text {
padding: 0px 20px;
background-color: #dc3545;
color: white;
}
.pagination li:first-child a {
width: auto;
height: auto;
}
.pagination li:first-child a .icon {
width: 35px;
height: 35px;
background-color: #3da20a;
line-height: 35px;
text-align: center;
color: white;
}
.pagination li:first-child a .text {
padding: 0px 20px;
background-color: #dc3545;
color: white;
}
.faq {
margin-bottom: 10px;
background-color: #fff;
box-shadow: 0 0px 10px 0 rgba(34, 34, 34, 0.06);
border-radius: 5px;
}
.faq:last-child {
margin-bottom: 0;
}
.faq .faq-header {
box-shadow: 0 0px 10px 0 rgba(34, 34, 34, 0.06);
border-radius: 5px;
}
.faq .faq-header .btn-link {
width: 100%;
padding: 20px 50px 22px 80px;
text-align: left;
background-color: white;
text-decoration: none;
font-size: 16px;
font-weight: 600;
color: #273167;
border: none;
position: relative;
cursor: pointer;
}
.faq .faq-header .btn-link .icon {
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
text-align: center;
background-color: #dc3545;
position: absolute;
left: 30px;
top: 50%;
margin-top: -15px;
}
.faq .faq-header .btn-link .icon i {
line-height: 30px;
color: #fff;
}
.faq .faq-header .btn-link .fa-minus {
display: block;
}
.faq .faq-header .btn-link .fa-plus {
display: none;
}
.faq .faq-header .btn-link.collapsed {
color: #273167;
}
.faq .faq-header .btn-link.collapsed .icon {
background-color: #ebebeb;
}
.faq .faq-header .btn-link.collapsed .icon .fa-minus {
display: none;
}
.faq .faq-header .btn-link.collapsed .icon .fa-plus {
display: block;
}
.faq .faq-body {
padding: 20px 30px 20px 40px;
}
.faq .faq-body p {
font-size: 14px;
line-height: 2.2;
}
.faq .faq-body p:last-child {
margin-bottom: 0;
}
.error-page {
padding-top: calc(60px + 5.20vw);
padding-bottom: calc(60px + 5.20vw);
}
.error-page h1 {
font-size: calc(100px + 5.20vw);
color: #dc3545;
line-height: calc(90px + 5.20vw);
}
.error-page h3 {
font-size: calc(22px + 0.52vw);
color: #222533;
}
.error-page p {
font-size: calc(15px + 0.20vw);
color: #222533;
margin-bottom: 30px;
}
.error-page .backhome {
font-size: 14px;
width: 180px;
height: 48px;
line-height: 48px;
font-size: 16px;
font-weight: 600;
background-color: #dc3545;
color: white;
display: inline-block;
border-radius: 4px;
text-align: center;
transition: all 0.3s ease;
}
@media only screen and (min-width: 1200px) {
.error-page .backhome {
font-size: 16px;
width: 240px;
height: 60px;
line-height: 60px;
}
}
.error-page .backhome:hover {
background-color: #222533;
}
.comming-soon-page {
width: 100%;
min-height: 100vh;
position: relative;
background-image: url(../images/comming-soon-bg.png);
background-color: #eff3f6;
background-position: top;
background-repeat: no-repeat;
background-size: 100%;
padding: 120px 0px;
}
@media only screen and (min-width: 1500px) {
.comming-soon-page {
padding-top: 200px;
}
}
@media only screen and (max-width: 767px) {
.comming-soon-page {
padding-left: 20px;
padding-right: 20px;
padding-top: 80px;
padding-bottom: 80px;
}
}
.comming-soon-page .comming-soon-content h1 {
font-size: 36px;
color: #dc3545;
}
@media only screen and (min-width: 1500px) {
.comming-soon-page .comming-soon-content h1 {
font-size: 46px;
margin-top: 20px;
}
}
@media only screen and (max-width: 767px) {
.comming-soon-page .comming-soon-content h1 {
font-size: 26px;
margin-top: 30px;
}
}
.comming-soon-page .comming-soon-content p {
font-size: 18px;
line-height: 30px;
}
@media only screen and (min-width: 1500px) {
.comming-soon-page .comming-soon-content p {
font-size: 22px;
line-height: 36px;
}
}
@media only screen and (max-width: 767px) {
.comming-soon-page .comming-soon-content p {
font-size: 14px;
line-height: 25px;
}
}
.comming-soon-page .countdown-container {
margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
.comming-soon-page .countdown-container {
margin-bottom: 30px;
}
}
.comming-soon-page .countdown-container .count-item {
width: 160px;
height: 90px;
border-radius: 10px;
background-color: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 5px;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
}
@media only screen and (min-width: 1500px) {
.comming-soon-page .countdown-container .count-item {
height: 100px;
margin: 15px;
}
}
@media only screen and (max-width: 767px) {
.comming-soon-page .countdown-container .count-item {
width: 100px;
height: 70px;
}
}
.comming-soon-page .countdown-container .count-item .count-number {
font-size: 30px;
font-weight: 600;
color: #222533;
line-height: 1.1;
}
@media only screen and (min-width: 1500px) {
.comming-soon-page .countdown-container .count-item .count-number {
font-size: 45px;
}
}
@media only screen and (max-width: 767px) {
.comming-soon-page .countdown-container .count-item .count-number {
font-size: 22px;
}
}
.comming-soon-page .countdown-container .count-item .count-text {
font-size: 12px;
color: #dc3545;
font-weight: 600;
text-transform: uppercase;
}
@media only screen and (min-width: 1500px) {
.comming-soon-page .countdown-container .count-item .count-text {
font-size: 14px;
}
}
.notify-area {
margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
.notify-area {
margin-bottom: 30px;
}
}
.notify-area h4 {
font-size: 16px;
line-height: 30px;
color: #a0a0a0;
text-transform: uppercase;
text-align: center;
margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
.notify-area h4 {
font-size: 14px;
}
}
.notify-form {
max-width: 720px;
width: 100%;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
}
.notify-form input {
border: 1px solid #cbcccd;
color: #aeaeae;
font-size: 15px;
padding: 12px 25px;
width: 65%;
height: 60px;
}
@media only screen and (max-width: 767px) {
.notify-form input {
height: 50px;
}
}
.notify-form .submit-btn {
font-size: 18px;
font-weight: 600;
color: #fff;
background-color: #dc3545;
padding: 12px 15px;
border: none;
width: 30%;
margin-left: 15px;
height: 60px;
}
@media only screen and (max-width: 767px) {
.notify-form .submit-btn {
height: 50px;
font-size: 15px;
min-width: 100px;
}
}
.news-letter-container {
background-color: #222a23;
padding: 65px 20px 40px 20px;
}
.news-letter-container .news-letter-content h6 {
font-size: 20px;
color: #dc3545;
text-transform: uppercase;
font-weight: normal;
margin-bottom: 15px;
}
.news-letter-container .news-letter-content h2 {
color: #fff;
font-size: 52px;
margin-bottom: 15px;
}
.news-letter-container .news-letter-content .order-text {
font-size: 19px;
color: #6b7d6d;
margin-bottom: 25px;
}
.news-letter-container .news-letter-content .newsletter-form2 {
max-width: 476px;
width: 100%;
margin: auto;
}
.news-letter-container .news-letter-content .newsletter-form2 input {
width: 100%;
border: 1px solid #dc3545;
padding: 14px 15px;
text-align: center;
margin-bottom: 30px;
}
.news-letter-container .news-letter-content .newsletter-form2 button {
border: none;
background-color: #dc3545;
padding: 14px 15px;
width: 100%;
text-align: center;
font-size: 16px;
color: white;
margin-bottom: 25px;
}
.news-letter-container .news-letter-content .desc {
color: white;
font-size: 16px;
margin-bottom: 35px;
}
.news-letter-container .news-letter-content .no-thanks {
font-size: 16px;
color: #666a9a;
text-transform: uppercase;
margin-bottom: 0px;
}
.news-letter-container .news-letter-content .no-thanks:hover {
color: #dc3545;
}
.product-order-success-container {
background-color: white;
border-radius: 5px;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
overflow: hidden;
}
.product-order-success-container .product-order-success {
background-color: #85cb62;
text-align: center;
padding: 75px 20px;
}
.product-order-success-container .product-order-success .iconimage {
margin-bottom: 10px;
}
.product-order-success-container .product-order-success h2 {
color: white;
font-size: 30px;
}
@media only screen and (max-width: 767px) {
.product-order-success-container .product-order-success h2 {
font-size: 24px;
}
}
.product-order-success-container .product-order-success p {
color: white;
font-size: 18px;
}
@media only screen and (max-width: 767px) {
.product-order-success-container .product-order-success p {
font-size: 14px;
}
}
.product-order-success-container .product-order-success .order-btn {
padding: 12px 25px;
background-color: white;
color: #444;
border-radius: 3px;
}
.product-order-success-container .product-order-success .order-btn:hover {
background-color: #233233;
color: white;
}
.product-order-success-container .order-description {
padding: 50px 30px 30px 60px;
}
.product-order-success-container .order-description .order-info {
margin-bottom: 30px;
}
.product-order-success-container .order-description .order-info li {
display: flex;
line-height: 2.5;
}
.product-order-success-container .order-description .order-info li h6 {
width: 180px;
font-size: 15px;
font-weight: 500;
}
.product-order-success-container .order-description .order-info li p {
margin-left: 40px;
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.product-order-success-container .order-description {
padding: 30px 30px 30px 30px;
}
.product-order-success-container .order-description li h6 {
width: 160px !important;
}
.product-order-success-container .order-description li p {
margin-left: 20px !important;
}
}
.product-order-success-container .order-description .view-summery {
font-size: 15px;
color: #dc3545;
text-decoration: underline;
}
.product-order-success-container .order-description .view-summery:hover {
text-decoration: none;
}
.right-nav-menu {
border-radius: 10px;
background-color: white;
box-shadow: 0px 0px 20px 0px rgba(89, 184, 40, 0.06);
overflow: hidden;
}
.right-nav-menu .right-nav-menu-toggle {
display: none;
}
.right-nav-menu li a {
display: flex;
align-items: center;
padding: 12px 30px;
border-bottom: 1px solid #f5f5f5;
}
.right-nav-menu li a:last-child {
border-bottom: none;
}
.right-nav-menu li a .icon {
margin-right: 7px;
}
.right-nav-menu li a .icon svg {
width: 18px;
height: 18px;
}
.right-nav-menu li:hover a {
background-color: #f9f9f9;
color: inherit;
}
.right-nav-menu li.active a {
background-color: #dc3545;
color: white;
}
.right-nav-menu li.active a .icon svg {
fill: white;
}
.order-status-nav {
border-bottom: 1px solid #dc3545;
display: flex;
max-width: 550px;
margin-bottom: 50px;
}
.order-status-nav li {
width: 33.33%;
}
.order-status-nav li a {
margin-right: 2px;
background-color: white;
box-shadow: 0px 0px 6px 0px rgba(89, 184, 40, 0.06);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 90px;
overflow: hidden;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
@media only screen and (max-width: 991px) {
.order-status-nav li a {
height: 70px;
}
}
.order-status-nav li a .icon {
margin-bottom: 5px;
}
.order-status-nav li a .icon svg {
width: 30px;
height: 30px;
}
.order-status-nav li a span {
font-size: 15px;
font-weight: 500;
}
@media only screen and (max-width: 991px) {
.order-status-nav li a span {
font-size: 14px;
}
}
.order-status-nav li:hover a {
background-color: #f9f9f9;
color: inherit;
}
.order-status-nav li.active a {
background-color: #dc3545;
color: white;
transform: scaleY(1.05);
transform-origin: bottom;
}
.order-status-nav li.active a .icon svg {
fill: white;
}
.order-status-nav li:last-child a {
margin-right: 0;
}
.order-card {
border-radius: 10px;
background-color: white;
box-shadow: 0px 0px 20px 0px rgba(89, 184, 40, 0.06);
overflow: hidden;
}
.order-card .order-card-header {
padding: 20px 20px 5px 20px;
}
.order-card .order-card-header .deliver {
font-size: 14px;
font-weight: 500;
background-color: #43bf55;
color: white;
border-radius: 3px;
padding: 1px 12px;
}
.order-card .order-card-header .deliver.process {
background-color: #ffc107;
}
.order-card .order-card-header .deliver.cancel {
background-color: #f76037;
}
.order-card .order-card-body {
padding: 5px 20px 20px 20px;
}
.order-card .order-card-body table {
width: 100%;
}
.order-card .order-card-body table th, .order-card .order-card-body table td {
width: 33.33%;
}
@media only screen and (max-width: 991px) {
.order-card .order-card-body table th, .order-card .order-card-body table td {
font-size: 13px;
}
}
.order-card .order-card-body .order-info-extra {
display: none;
}
.order-card .order-card-body .order-info-extra h6 {
font-size: 14px;
font-weight: 700;
}
.order-card .order-card-body .order-info-extra ul li {
font-size: 13px;
}
.order-card .order-card-body .order-info-extra ul li i {
color: #dc3545;
font-size: 10px;
}
.order-card .order-card-body .order-info-extra .destination-box {
border: 1px dashed #ebebeb;
background-color: #f8f8f8;
padding: 15px 20px;
border-radius: 10px;
overflow: hidden;
}
.order-card .order-card-body .order-info-extra .order-detail {
font-size: 13px;
background-color: #6c6c6c;
padding: 1px 10px;
color: white;
border-radius: 4px;
}
.order-card .order-card-body .order-info-extra .review {
font-size: 13px;
background-color: #dc3545;
padding: 1px 10px;
color: white;
border-radius: 4px;
margin-left: 10px;
}
.order-card .order-card-footer {
padding: 15px 20px 15px 20px;
border-top: 1px solid #f3f3f3;
}
.order-card .order-card-footer .view, .order-card .order-card-footer .show-less {
font-size: 14px;
font-weight: 400;
color: #dc3545;
cursor: pointer;
}
.order-card .order-card-footer .show-less {
display: none;
}
.order-card.show .order-info-extra {
display: block;
}
.order-card.show .view {
display: none;
}
.order-card.show .show-less {
display: block;
}
.my-account-box {
border-radius: 10px;
box-shadow: 0px 0px 20px 0px rgba(89, 184, 40, 0.06);
overflow: hidden;
}
.my-account-box .my-account-header {
padding: 20px 30px;
background-color: white;
}
@media only screen and (max-width: 991px) {
.my-account-box .my-account-header {
padding: 10px 20px;
}
}
.my-account-box .my-account-header h6 {
font-size: 16px;
font-weight: 700;
}
.my-account-box .my-account-body {
padding: 25px 30px;
}
@media only screen and (max-width: 991px) {
.my-account-box .my-account-body {
padding: 15px 20px;
}
}
.my-account-box .my-account-body .eflux-login-form .input-item {
margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
.my-account-box .my-account-body .eflux-login-form .input-item {
margin-bottom: 10px;
}
}
.my-account-box .my-account-body .eflux-login-form .input-item label {
font-size: 12px;
color: #363636;
text-transform: capitalize;
}
.my-account-box .my-account-body .eflux-login-form .input-item input {
background-color: white;
padding: 8px 35px 8px 15px !important;
}
@media only screen and (max-width: 991px) {
.dashboard-section {
position: relative;
}
.dashboard-section .right-nav-menu {
position: absolute;
left: -260px;
width: 250px;
overflow: visible;
top: -60px;
transition: all 0.3s ease;
z-index: 99;
}
.dashboard-section .right-nav-menu .right-nav-menu-toggle {
display: block;
width: 35px;
height: 35px;
right: -35px;
top: 0;
background-color: #dc3545;
position: absolute;
text-align: center;
border-radius: 3px;
color: white;
line-height: 37px;
}
.dashboard-section .right-nav-menu .right-nav-menu-toggle i {
font-size: 20px;
}
.dashboard-section .right-nav-menu .right-nav-menu-toggle svg {
width: 28px;
height: 28px;
fill: white;
}
.dashboard-section .right-nav-menu.open {
left: -10px;
}
.dashboard-section .wishlist-item .product-content {
padding-left: 10px;
padding: 2px 6px;
}
.dashboard-section .wishlist-header {
padding: 16px 30px;
border-bottom: 1px solid #f3f3f3;
}
}