@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1 500;1,900&display=swap')

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  ;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}
::-moz-selection { background-color: #cce2ff; color: rgba(0, 0, 0, .87) }
::selection { background-color: #cce2ff; color: rgba(0, 0, 0, .87) }
ol, ul { list-style: none; margin-bottom: 0 !important }
a:hover { color: inherit !important; text-decoration: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: '';  content: none }
.font-12{ font-size: 12px!important;} .font-15{font-size: 15px!important; }
.mt-8{ margin-top: 5.8rem!important; } button {8 outline: none } table {
    border-collapse: collapse; border-spacing: 0 } 
* { margin: 0; padding: 0 }
a:focus { text-decoration: none; outline: none }
a:hover { text-decoration: none !important } button { outline: none }  button:focus { outline: none !important } input { outline: none } textarea { outline: none } p { font-size: 14px;
    line-height: 26px; color: #3e3f5e } a { cursor: pointer !important } 
h1 { font-size: 2em; font-family: roboto, sans-serif !important; line-height: 1.25 }
h2 { font-size: 1.625em; font-family: roboto, sans-serif !important; line-height: 1.15384615 }
h3 { font-size: 1.375em; font-family: roboto, sans-serif !important; line-height: 1.13636364}
h4 {  font-size: 1.125em; font-family: roboto, sans-serif !important; line-height: 1.11111111
} h5 { font-size: 1.1em; font-family: roboto, sans-serif !important; line-height: 1.1 }
h6 { font-size: 1em; font-family: roboto, sans-serif !important; line-height: 1.05 }
blockquote { font-size: 1.25em; font-family: roboto, sans-serif !important; line-height: 1.25
}
@media (min-width: 43.75em) {
    h1 { font-size: 2.5em; line-height: 1.125 } h2 { font-size: 2em;line-height: 1.25;  }
    h3 { font-size: 1.5em; line-height: 1.25    }  h4 {line-height: 1.22222222 }
    blockquote { font-size: 1.5em; line-height: 1.45833333 }
}
@media (min-width: 56.25em) {
    h1 { font-size: 3em; line-height: 1.05 } h2 { font-size: 2.25em; line-height: 1.25 }
    h3 { font-size: 1.75em; line-height: 1.25 }
}
.ask-question, nav, .notification-box.active, nav ul li a, .user-account-settingss.active, .user-info a, .suggestion-usd > span i, .view-more > a, .tags-sec ul li a, .post-st ul li a, .ed-opts > a, .bk-links li a, .like-com li a, .user-profy > a, .slick-previous:before, .slick-nexti:before, .comment > a, .sign_link > a, .post-popup, .post-project > a, .post-project-fields form ul li button, .post-project-fields form ul li a, .sign-control li a, .cover-sec > a, .star-descp > a, .message-btn a, .pf-gallery ul li, .gallery_pt:before, .gallery_pt > a, .overview-box, .skl-name, .conv-list, .save-stngs ul li button, .forum-links.active, .react-links li a, .next-prev > a, nav ul li:hover > ul, .user-pro-img > a i {
    -webkit-transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -ms-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in
}
body::-webkit-scrollbar { width: 14px; height: 18px } body::-webkit-scrollbar-button { width: 0;
    height: 0; display: none }  body::-webkit-scrollbar-corner { background-color: transparent }
body::-webkit-scrollbar-thumb { height: 6px; border: 4px solid transparent; background-clip: padding-box; -webkit-border-radius: 7px; background-color: rgba(0, 0, 0, .15);
    -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, .05), inset 1px 1px 0 rgba(0, 0, 0, .05)
} html { font-size: 14px } body { margin: 0;   font-family: roboto, sans-serif !important;
    font-size: .875rem; line-height: 1.42857143; color: #2b2f4c; background: #f7f7f7 !important
} body::-webkit-scrollbar { width: 4px } body::-webkit-scrollbar-thumb { height: 50px; background: hsla(0, 0%, 53.3%, .4) } input[type=text] { color: #2b2f4c !important } .night_mode_switch__btn { border-bottom: 1px solid #efefef } .night_mode_switch__btn a { display: block; font-size: 14px; transition: .3s; font-weight: 500; border-radius: 10px; color: #333; padding: 15px; position: relative; display: flex; align-items: center; width: 220px } .night_mode_switch__btn a i {
    font-size: 120%; height: 30px; width: 30px; background: #ffecec; border-radius: 100%;     margin-right: 10px; padding: 6px 4px 0; display: inline-block } .btn-night-mode .btn-night-mode-switch { display: inline-block; height: 18px; width: 37px; top: 35%; right: 13px; position: absolute } .search-by-cat::-webkit-scrollbar { width: 4px } .search-by-cat::-webkit-scrollbar-thumb { height: 50px; background: hsla(0, 0%, 53.3%, .4) }
.bs-canvas-body::-webkit-scrollbar { width: 4px } .bs-canvas-body::-webkit-scrollbar-thumb { height: 50px; background: hsla(0, 0%, 53.3%, .4) }
.scrollstyle_4::-webkit-scrollbar { width: 4px; background-color: #f1f1f1 } .scrollstyle_4::-webkit-scrollbar-thumb { background-color: #e5e5e5 } .scrollstyle_4::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, .3);  background-color: #f5f5f5
} .header { position: fixed; z-index: 999; width: 100%; float: left; background: #fff; box-shadow: 0 .052083333in 11.25pt -9px rgba(0, 0, 0, .01) } .main-header{ background: #ed2d2f; } .MenuHide{
    display: none; transition: 1.5ms; } .top-header-group { float: left; width: 100%; display: block
} .top-header { float: left; width: 100%; display: flex; height: 60px; align-items: center } 
.main_logo { float: left; width: 125px; margin-left: 15px } .blog_logo { padding: 12px 0 }
.logo-inverse { display: none } .search120 { float: left; margin-left: 35px; width: 25%
} .main_logo img { width: 100%; padding-top: 0 } .res_main_logo { display: none; width: 80px }
.res_main_logo img { width: 100%; padding-top: 3px } .srch10 { background: #f7f7f7 !important;
    border: 0 !important; color: #2b2f4c !important } i.icon1 { font-size: 16px !important
} .ui.swdh10 { font-size: 14px !important; width: 100% } .ui[class*="left icon"].swdh10.input > input { padding-left: 1em !important; padding-right: 3.2em !important; font-size: 14px;
    font-weight: 500; border: 0 !important } ::placeholder {  color: #888!important;
    opacity: 1; } ::-ms-input-placeholder { color: #888!important; } ::-ms-input-placeholder {
    color: #888!important; }  .ui.search .prompt { border-radius: .3rem !important; width: 100% }
.header_right { margin-left: auto; float: right; padding-right: 15px } .header_right ul li {
    display: inline-block; vertical-align: middle } .sale-btn{ font-size: 14px; position: relative;
    background: rgb(237,45,47); height: 35px; width: 35px; padding: 10px 20px; border-radius: 30px;
    color: #fff; } .sale-btn:hover{ background: rgb(0, 0, 0); color: #fff!important; } .noti_count {
    font-size: 11px; font-weight: 600; position: absolute; top: 0; right: 8px; background: #027236;
    color: #fff; width: 16px; height: 16px; text-align: center; line-height: 1.5; border-radius: 100%; font-weight: 500 } .noti_count1 { font-size: 11px; font-weight: 600; position: absolute;
    top: 0; right: 8px; background: #ed2d2f; color: #fff; width: 16px; height: 16px; text-align: center; line-height: 1.5; border-radius: 100% } .opts_account { font-weight: 500;
    color: #2b2f4c; float: right; padding: 5px 5px 5px 10px; background: #f9f9f9;
    border-radius: 10px; margin-left: 17px } .opts_account img { width: 30px;
    border-radius: 50%; border: 1px solid #fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
    margin-left: 0 } .opts_account .user__name { margin-left: 10px; font-size: 13px } .opts_account:hover { color: #ed2d2f !important } .icon__1 { font-size: 18px; margin-right: 10px }
.left_title { padding: 20px 17px 10px; font-size: 12px; font-weight: 500; color: #afafaf;    text-align: left; margin-bottom: 0 } .user_img img { width: 30px; border-radius: 100%;   margin-left: 17px; margin-right: 15px } .menu.dropdown_account { margin-top: 10px !important;
    border-top: 1px solid #fff !important; border-radius: 3px !important } .menu.dropdown_account_rl { min-width: 220px !important } .rl-account-step p { font-size: 13px; font-weight: 400
} .rl-account { text-align: center; padding: 15px  } .rl-account-step {  padding-bottom: 20px;
    margin-bottom: 15px; border-bottom: 1px solid #efefef } .rl-account-step:last-child {
    padding-bottom: 0; margin-bottom: 0; border-bottom: 0 } .lr-acount-btn { display: inline-block;
    font-weight: 500; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
    border: 1px solid transparent; -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; padding: 8px 10px;  font-size: 14px; line-height: 16px; border-radius: 4px; color: #fff;  background-color: #ed2d2f } .menu.dropdown_mn { width: 300px; margin-top: 12px !important; border-top: 1px solid #fff !important ; border-radius: 3px !important; min-width: 300px !important } .menu.dropdown_ms { width: 300px; margin-top: 12px !important; border-top: 1px solid #fff !important; border-radius: 3px !important; min-width: 300px !important } .channel_my { padding: 15px !important; border-bottom: 1px solid #efefef !important; min-width: 100%; max-width: 100%; white-space: normal }
.channel_my:last-child { border-bottom: 0 !important } .profile_link { display: flex } .profile_link img { width: 40px; height: 40px; margin-right: 10px; border: 2px solid #fff; border-radius: 100%; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1) } .pd_content { width: 80%; white-space: normal
} .pd_content h6 { font-size: 14px; font-weight: 500; margin-bottom: 5px; color: #2b2f4c;   text-align: left; position: relative } .pd_content span { font-size: 13px; font-weight: 400;
    margin-bottom: 0; color: #686f7a; text-align: left } .dp_link_12 { font-size: 14px;     font-weight: 500; color: #2b2f4c; margin-top: 15px; display: block; text-align: left }
.dp_link_12:hover { color: #ed2a26 !important } .ui.dropdown .menu > .channel_item {
    color: #2b2f4c !important; padding: .78571429rem 1.14285714rem !important; font-size: 14px !important; font-weight: 400 !important } .ui.dropdown .menu > .channel_item:hover {
    color: #2b2f4c !important; background: #ffecec !important } .ui.dropdown .menu > .channel_item:hover .menu .submenu { display: block !important; } .rhte85 { display: flex } .mef78 i {
    font-size: 18px; line-height: 15px; color: #1da1f2 } .pd_content p { font-size: 13px;     font-weight: 400; margin-bottom: 8px; color: #91699c; text-align: left; margin-top: 8px;
    line-height: 20px } .pd_content span.nm_time { font-size: 12px; font-weight: 400;   margin-bottom: 0; color: #afafaf; text-align: left } .vbm_btn { width: 100%; text-align: center; float: left; padding: 15px 0; background: #ed2d2f; font-size: 14px; color: #fff !important; font-weight: 500 } .ui.input > input { font-family: roboto, sans-serif !important } .select_location { margin-left: 140px; float: left; /*background: #f7f7f7;*/
    padding: 8px; border-radius: 5px; } .ui.inline.dropdown.loc-title > .text { font-weight: 400 !important; color: #888; width: 175px; font-size: 14px } .menu.dropdown_loc { /*width: 200px;*/ margin-top: 20px !important; border-top: 1px solid #fff !important; border-radius: 3px !important; /*min-width: 170px !important*/ } .offer-link { font-size: 14px; font-weight: 400; color: #2b2f4c; margin-right: 10px } .offer-link:hover { color: #ed2d2f !important
} .offer-link i { font-size: 16px; margin-right: 3px } .sub-header-group { float: left; width: 100%;
    display: block; border-top: 1px solid #efefef } .sub-header { float: left; width: 100%;
    display: flex; align-items: center } .navbar-light .main_nav .nav-link { color: #2b2f4c !important } .main_nav .nav-link { display: block; padding: 10px 15px !important;     font-size: 14px; cursor: pointer; font-weight: 400 } .navbar-light .main_nav .nav-link.active { color: #ed2d2f !important } .navbar-light .main_nav .nav-link:hover {
    color: #ed2d2f !important } 
/*--- new menu start ---*/
.main-navigation .menu a.active, .main-navigation .menu a:hover { color: #ef454a; } .main-navigation ul li { display: inline-block; position: relative; } .main-navigation ul li a { padding: 12.5px 32px; display: block; text-transform: capitalize;
    color: #fff; font-size: 14px; font-weight: 400; position: relative; z-index: 1; line-height: 1;
} ul#main-menu li:nth-child(2) a{ padding-left: 0; } #main-menu li:last-child a{  padding-right: 0;
} .main-navigation #main-menu ul ul li a { color: #2b2f4c; } /* Main Menu CSS End*/ /* Submenu / Dropdown Menu CSS */ .main-navigation ul li ul { position: absolute; width: 250px; left: 0; top: 42px; z-index: 2; -webkit-transition: .3s; transition: .3s; visibility: hidden; opacity: 0;
    background-color: #fff; margin: 0; padding: 0; border-radius: 5px; list-style: none; 
    -webkit-box-shadow: 0 2px 3px 0 rgb(34 36 38 / 15%); box-shadow: 0 2px 3px 0 rgb(34 36 38 / 15%); } .main-navigation ul li:hover > ul { opacity: 1; visibility: visible; } .main-navigation ul li ul li a { padding: 8px 15px!important; line-height: 26px; color: #2b2f4c; }
 .main-navigation ul li ul li { display: block; text-align: left; } .main-navigation ul li ul ul {
    left: 250px; top: 0; } .main-navigation ul li ul li { border-bottom: 1px solid #e5e5e52b;
} .main-navigation ul li ul li:last-child { border-bottom: 0; } 
/* Submenu / Dropdown Menu CSS End */
/* Mobile Menu CSS Start*/
.mobile-menu-trigger { cursor: pointer; margin-left: 10px; display: none; background: transparent;
    border: none; } .mobile-menu-trigger span { height: 2px; display: block; width: 22px;   margin-bottom: 5px; background-color: #ffffff; } .mobile-menu-trigger span:last-child { 
    margin-bottom: 0; } .mobile-menu-container { position: fixed;  top: 0; bottom: 0; left: 0;
    width: 80%; background-color: #fff; z-index: 999999; opacity: 0; visibility: hidden;     overflow-y: scroll; -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%);
    transform: translateX(-100%); overflow-x: hidden; -webkit-transition: .4s; transition: .4s;
} .mobile-menu-container li { opacity: 0; visibility: hidden; -ms-transform: translateX(1000px);
    -webkit-transform: translateX(1000px); transform: translateX(100px); -webkit-transition: 1s;
    transition: 1s; border-top: 1px solid rgb(255 255 255 / 8%); } .mobile-menu-container li:nth-last-child(1) { border-bottom: 1px solid rgb(255 255 255 / 8%); }
.mobile-menu-container li > a .slicknav_arrow:after { /*content: '\e82d';*/ position: absolute;
    /*font-family: unicons;*/ top: 0; bottom: 0; color: white; z-index: 999; margin: 0 auto;
    text-align: center; right: 0; left: 0; font-size: 16px; line-height: 50px; } 
.mobile-menu-container.menu-open li.slicknav_open > a .slicknav_arrow:after { /*content: "\e82d";*/
} .mobile-menu-container.menu-open { opacity: 1; visibility: visible; -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%); transform: translateX(0%); } .mobile-menu-container.menu-open li { opacity: 1; visibility: visible; -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } .mobile-menu-close { position: absolute;
    right: 10px; top: 10px; width: 25px; height: 25px; cursor: pointer; z-index: 1; } 
.mobile-menu-close::before { left: 12px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .mobile-menu-close::after { right: 11px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .mobile-menu-close::before, .mobile-menu-close::after { position: absolute; height: 25px; width: 2px; background: #2b2f4c; content: '';  top: 0; } #mobile-menu-wrap { display: block; height: 100%; width: 100%;
    position: absolute; right: 0; padding: 30px 0 15px 0; } 
#mobile-menu-wrap div { background-color: transparent; } #mobile-menu-wrap .slicknav_item i {
    display: none; } 
/*Sidebar Start*/
.slicknav_nav, .slicknav_nav.slicknav_hidden { display: block !important; text-align: left; }
.slicknav_btn { display: none !important;} .slicknav_menu { padding-left: 0; } .slicknav_nav li > a { display: block; font-weight: 400; border-bottom: solid 1px #f3f3f3; } .slicknav_item.slicknav_row a { border-bottom: 0; } .slicknav_nav .slicknav_row, .slicknav_nav a {
    padding: 15px 0px; margin: 0; } .slicknav_nav .slicknav_arrow { font-size: 0; background: rgb(255 255 255 / 8%); height: 100%; width: 50px; display: inline-block; position: absolute;
    top: 0; } .slicknav_nav ul { margin: 0 0 0 0px; } .slicknav_nav .menu-item-has-children ul {
    margin-bottom: 00px; } .slicknav_nav .menu-item-has-children ul li { padding-left: 25px;
} .sub-menu .menu-item-has-children a i { position: absolute; right: 15px; top: 15px; isplay:none;
} .slicknav_nav a:hover, .slicknav_nav .slicknav_row:hover { background-color: transparent;
} .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover { border-radius: 0; } .slicknav_item.slicknav_row { display: inline-block; width: 100%;     position: relative; } .slicknav_arrow {
    -webkit-transition: .3s; transition: .3s; right: 0; top: 17px; position: absolute; }
.slicknav_nav a, .slicknav_row a { color: #ffffff; font-size: 15px; display: inline-block; }
/*Sidebar Start*/
/* Mobile Menu CSS End*/
@media only screen and (max-width: 991px) {
    .header-navigation-area { display: none; } .mobile-menu-trigger { display: block;      background: #ef454a; padding: 8px;  margin-right: 15px; margin-left: 5px; border-radius: 5px; }
}
/*--- new menu end ---*/
.header_cart { margin-left: auto } .cart__btn { color: #fff !important; font-size: 14px;    font-weight: 500; background: #ed2d2f; padding: 25px 30px; text-align: center } .cart__btn span { margin: 0 2px } .hover-btn:hover { background: #ed2d2f; color: #fff !important; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
    background-image: -webkit-linear-gradient(left, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
    background-image: linear-gradient(to right, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9))
} .cart__btn ins { color: #fff !important; margin-left: 5px; text-decoration: none !important
} .category_drop { padding: 24px 30px; font-size: 14px; color: #2b2f4c; position: relative;
    font-weight: 500; border-right: 1px solid #efefef } .category_drop i { margin-right: 10px
} .menu.dropdown_page { /*width: 220px;*/ margin-top: 14px !important; border-top: 1px solid #fff !important; border-radius: 3px !important; /*min-width: 170px !important;*/
    padding-bottom: 5px !important } .menu.dropdown_page h3 { font-size: 13px; font-weight: 500;
    padding: 8px 10px 10px 15px; color: #ed2d2f; } .menu.dropdown_page ul li a {
    display: block; font-size: 14px; line-height: 20px; font-weight: 400; padding: 8px 15px;
    color: #2b2f4c; } .menu.dropdown_page ul li a:hover { color: #ed2d2f !important; } 
.menu_toggle_btn { padding: 5px !important; line-height: 1; border: 0 !important; border-radius: 5px !important; font-size: 26px !important; background: #f9f9f9 !important; color: #2b2f4c !important } .submenu { cursor: auto; position: absolute; width: 100%; display: none;     outline: 0; left: 100%; top: 0; margin: 0; padding: 0; background: #fff; font-size: 1em;
    text-shadow: none;  text-align: left; -webkit-box-shadow: 0 2px 3px 0 rgb(34 36 38 / 15%);
    box-shadow: 0 2px 3px 0 rgb(34 36 38 / 15%); border: 1px solid rgba(34, 36, 38, .15);
    border-radius: .28571429rem; -webkit-transition: opacity .1s ease; transition: opacity .1s ease;
    z-index: 22; will-change: transform, opacity; } .submenu a { position: relative; cursor: pointer; display: block; border: none; height: auto; text-align: left; border-top: none;     line-height: 1em; color: rgba(0, 0, 0, .87); padding: .78571429rem 1.14285714rem !important;
    font-size: 1rem; text-transform: none; font-weight: 400; -webkit-box-shadow: none; box-shadow: none; -webkit-touch-callout: none; } .mt1-5 { margin-top: 124px !important;  text-align: center } .bmt1-5 { margin-top: 60px !important; text-align: center } .bg-dark1 {
    background-color: #fff !important; z-index: 999 } .main-model {
    background-image: -webkit-linear-gradient(left, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
    background-image: linear-gradient(to right, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9))
} .category-area-inner .modal-header { border-bottom: 0 } .category-area-inner .btn-close {
    color: #fff !important; opacity: 1 !important; padding: 30px 0 15px !important; font-size: 30px !important; cursor: pointer !important } .category-model-content { background: #fff;
    border: 0 !important; border-radius: 0 !important } .catey__icon { display: none } .search__icon { display: none } .sub-header-icons-list { display: inline-block; font-size: 20px }
.cate__btn { font-size: 20px; color: #8f91ac !important; padding: 20px 20px 19px } .cate__btn:hover { color: #ed2d2f !important } .search__btn { display: none; font-size: 18px; color: #ef454a !important; padding: 5px; background: #f1f1f1; border-radius: 5px; margin: 17px 4px; position: absolute; }
.cate-header { background: #2b2f4c; color: #fff; padding: 15px 20px } .cate-header h4 { font-size: 18px; font-weight: 500; line-height: 24px } .category-by-cat { width: 100%; display: inline-table } .category-by-cat li { width: 33.333%; vertical-align: middle; display: inline-block; list-style: none; float: left } .single-cat-item { text-align: center; padding: 20px 10px; display: block } .single-cat-item:hover { background: #f9f9f9 } .single-cat-item .text { font-size: 14px; font-weight: 500; color: #2b2f4c } .single-cat-item .icon { width: 100%; text-align: center; margin-bottom: 15px } .single-cat-item .icon img { width: 50px } .morecate-btn { display: block; text-align: center; border-top: 1px solid #efefef; padding: 20px; font-size: 16px; font-weight: 500; color: #2b2f4c }
.morecate-btn i { margin-right: 5px } .morecate-btn:hover { color: #ed2d2f !important } .circles{
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1;
} .circles li{ position: absolute; display: block; list-style: none; width: 20px; height: 20px;
    background: rgb(237, 46, 48, 0.1); animation: animate 25s linear infinite; bottom: -150px;
} .circles li:nth-child(1){ left: 25%; width: 80px; height: 80px; animation-delay: 0s; }
.circles li:nth-child(2){ left: 10%; width: 20px; height: 20px; animation-delay: 2s;   animation-duration: 12s; } .circles li:nth-child(3){ left: 70%; width: 20px; height: 20px;
    animation-delay: 4s; } .circles li:nth-child(4){ left: 40%; width: 60px; height: 60px;     animation-delay: 0s; animation-duration: 18s; } .circles li:nth-child(5){ left: 65%;
    width: 20px; height: 20px; animation-delay: 0s; } .circles li:nth-child(6){ left: 75%;
    width: 110px; height: 110px; animation-delay: 3s; } .circles li:nth-child(7){ left: 35%;
    width: 150px; height: 150px; animation-delay: 7s; } .circles li:nth-child(8){ left: 50%;
    width: 25px; height: 25px; animation-delay: 15s; animation-duration: 45s; } .circles li:nth-child(9){ left: 20%; width: 15px; height: 15px; animation-delay: 2s;   animation-duration: 35s; } .circles li:nth-child(10){ left: 85%; width: 150px; height: 150px; animation-delay: 0s; animation-duration: 11s; } 
@keyframes animate {
    0%{ transform: translateY(0) rotate(0deg); opacity: 1; border-radius: 0; }
    100%{ transform: translateY(-1000px) rotate(720deg); opacity: 0; border-radius: 50%;     }
}
.search-ground-area { max-width: 400px !important } .search-header { position: relative; width: 100%; border-bottom: 1px solid #efefef } .search-header input { width: 100%; border: 0; padding: 20px; position: relative } .search-header button { position: absolute; right: 0; background: 0 0;
    border: 0; padding: 17px; font-size: 20px } .search-by-cat { width: 100%; height: 321px;
    overflow: hidden scroll } .search-by-cat .single-cat { -ms-filter: "alpha(opacity=85)";
    -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box;
    display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0;
    -webkit-transition: all .25s; transition: all .25s; padding: 15px 20px } .search-by-cat .single-cat .icon { background-color: #f9f9f9; border-radius: 5%; color: #fff; font-size: 22px; height: 50px; line-height: 47px; text-align: center; width: 50px } 
.search-by-cat .single-cat .icon img { width: 30px } .search-by-cat .single-cat .text { color: #2b2f4c; font-weight: 400; padding-left: 20px; font-size: 16px } .search-by-cat .single-cat:hover .text { color: #ed2d2f } .bg-cart { background: #f7f7f7 } .bs-canvas-overlay { opacity: .85;
    z-index: 1100 } 
/* .side-cart-header { background: #ed2d2f; color: #fff; position: sticky; top: 0 } */
.side-cart-header { background: #fff; color: #666; position: sticky; top: 0;  /* border-radius: 0; */ padding: 26px 13px 0; } .bs-canvas-close { color: #fff !important; opacity: 1 !important }
 .main-cart-title { padding-left: 9px; font-size: 20px; font-weight: normal; } .main-cart-title span { color: #ed2d2f; margin-left: 5px } .bs-canvas-footer { background: #fff; position: absolute;
    width: 100%; bottom: 0; border-top: 1px solid #efefef } .cart-top-total { background: #fff;
    border-bottom: 1px solid #efefef; padding: 20px } .cart-total-dil { display: flex; width: 100%;
    align-items: center } .cart-total-dil h4 { margin-bottom: 0; font-size: 14px; font-weight: 400;
    color: #2b2f4c; line-height: 24px } .cart-total-dil span { color: #8f91ac; font-size: 16px;
    margin-left: auto; font-weight: 400; line-height: 24px } .main-total-cart { display: flex;
    padding: 20px; border-bottom: 1px solid #e5e5e5 } .saving-total { padding: 20px 20px 0
} .main-total-cart h2 { margin-bottom: 0; font-size: 18px; font-weight: 600; color: #2b2f4c;
    line-height: 24px } .main-total-cart span { color: #ed2d2f; font-size: 18px; margin-left: auto;
    font-weight: 700; line-height: 24px } .pagination{ margin-top: 20px; justify-content: center; } ul.pagination li:first-child a{ color: #ed2d2f!important; }
ul.pagination li:last-child a{ color: #ed2d2f!important; }
.page-link{ color: #111!important; border: none!important; margin: 5px; /*text-transform: uppercase;*/ padding: 7px 6px!important;
    background: transparent!important;}
.page-link:hover {color: #ed2d2f!important; background-color: transparent!important; border-color: transparent!important; } .page-item.active .page-link { z-index: 1; font-size: 12px; color: #fff!important; background-color: #ed2d2f!important; border-color: #ed2d2f; border-radius: 30px;
} #back-to-top { display: inline-block; background-color: #ed2d2f; padding: 8px 10px; color:#fff;
    text-align: center; border-radius: 4px; position: fixed; top: 65px; right: 40%; transition: background-color .3s, opacity .5s, visibility .5s;  opacity: 0; visibility: hidden;     z-index: 1000; } #back-to-top:hover { cursor: pointer; color:#fff!important;    background-color: #333; } #back-to-top:active { background-color: #555; } #back-to-top.show { opacity: 1; visibility: visible; } .checkout-cart { display: flex; padding: 20px; 
    align-items: center } .promo-code { font-size: 14px; font-weight: 600; color: #2b2f4c;     line-height: 24px } .promo-code:hover { color: #ed2d2f !important } .cart-checkout-btn {
    display: inline-block; margin-bottom: 0; margin-left: auto; padding: 10px 15px; border-radius: 5px; font-size: 14px; color: #fff;  background: #ed2d2f; font-weight: 500 } .cart-item {
    display: flex; padding: 0; background: #fff; border-bottom: 1px solid #efefef } .cart-item:last-child { border-bottom: 0 } .cart-product-img { width:250px; position: relative }
.cart-product-img img { width: 100%; border-radius: 5px; border: 1px solid #f7f7f7 } .offer-badge {
    position: absolute; top: 0px; right: 0px; font-size: 10px; font-weight: 700; color: #fff;
    background: #ed2d2f; padding: 1px 10px 0; border-radius: 3px; line-height: 20px } .cart-text {
    margin-left: 20px; width: 100%; position: relative } .cart-text h4 { font-size: 16px;    font-weight: 700; line-height: 24px; color: #2b2f4c; text-align: left; margin-bottom: 10px
} .cart-close-btn { position: absolute; top: 2px; right: 0; background: 0 0; border: 0; font-size: 18px; color: #2b2f4c } .cart-close-btn:hover { color: #ed2d2f } .kggrm-now { list-style-type: none; margin: 0; padding: 0 } .kggrm-now li { margin-right: 5px; width: 40px; height: 30px;     position: relative; text-align: center; display: inline-block } .kggrm-now label, .kggrm-now input { display: block; position: absolute; top: 0; left: 0; right: 0;
    bottom: 0 } .kggrm-now input[type=radio] { display: none } .kggrm-now input[type=radio]:checked + label, .Checked + label { background: #ed2d2f } .kggrm-now label { padding: 3px;
    cursor: pointer; background: #c7c7c7; color: #fff; border-radius: 3px; font-weight: 600;
    font-size: 12px } .kggrm-now label:hover { background: #ed2d2f } .qty-group { position: relative ; display: flex; align-items: center; margin-top: 10px } .quantity { display: inline-block
} .quantity .input-text.qty { width: 35px; height: 30px; padding: 0 5px; text-align: center;     background-color: transparent; border: 0; margin-left: -4px; margin-right: -4px; background: #fff; font-size: 12px; font-weight: 500 } .quantity .input-text.qty.white-bg-input { border: 1px solid #efefef }  .quantity.buttons_added { text-align: left; position: relative; white-space: nowrap; vertical-align: top } .quantity.buttons_added input { display: inline-block; margin: 0;
    vertical-align: top; box-shadow: none} .quantity.buttons_added .minus, .quantity.buttons_added .plus { padding: 6px 10px 5px; height: 30px; background-color: #2b2f4c; border: 0; color: #fff; cursor: pointer; border-radius: 3px; width: 30px } .quantity.buttons_added .minus-btn {
    border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 0;
    border-bottom-right-radius: 0 } .quantity.buttons_added .plus-btn { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 0; border-bottom-left-radius: 0
} .quantity.buttons_added .minus { border-right: 0 } .quantity.buttons_added .plus { border-left: 0
} .quantity.buttons_added .minus:hover, .quantity.buttons_added .plus:hover { background: #ed2d2f;
    color: #fff !important; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out; background-image: -webkit-linear-gradient(left, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
    background-image: linear-gradient(to right, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9))
} .quantity input::-webkit-outer-spin-button, .quantity input::-webkit-inner-spin-button {    -webkit-appearance: none; -moz-appearance: none; margin: 0 } .quantity.buttons_added .minus:focus, .quantity.buttons_added .plus:focus { outline: none } .cart-item-price { font-size: 15px;
    font-weight: 500; line-height: 24px; color: #ed2d2f; margin-bottom: 10px; text-align: right;
    display: inline-flex; width: 100%; } .cart-item-price i{ color: #626262; margin-left: 10px;
    font-weight: 400; font-style: normal; } .cart-item-price span { color: #c7c7c7;   text-decoration: line-through; margin-left: 10px; font-weight: 600 } .wishlist-item {
    display: flex } .wishlist-product-img { width: 70px; position: relative } .wishlist-product-img img { width: 100%; border-radius: 5px; border: 1px solid #efefef } .bs-canvas-close {
    color: #fff !important; opacity: 1 !important } .main-cart-title { font-size: 16px;     font-weight: 500 } .bs-canvas-body { background: #f9f9f9; } .filter-body { background: #fff !important; bottom: 0 !important; padding-bottom: 30px } .filter-items { padding: 15px;
}.filtr-cate-title{ display: flex; justify-content: space-between; } .filtr-cate-title h4 {
    font-size: 16px; font-weight: 600; color: #2b2f4c; margin-bottom: 0 } .filter-item-body {
    /*height: 202px;*/ min-height: 70px; max-height: 202px; width: 100%; margin-top: 20px;
    overflow-y: auto } .filter-item-body nav { position: relative; margin: 0;  width: auto;
} .filter-item-body nav ul { list-style: none; margin: 0; padding: 0; } .filter-item-body nav ul li {
    /* Sub Menu */ } .filter-item-body nav ul li a { display: block; background: #f9f9f9;     padding: 10px 20px; color: #2b2f4c; text-decoration: none; -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear; -ms-transition: 0.2s linear; -o-transition: 0.2s linear;
    transition: 0.2s linear; } .filter-item-body nav ul li a:hover,.filter-item-body nav ul li a.active { color: #ed2d2f!important; } .filter-item-body nav ul li a .fa { width: 16px;
    text-align: center; margin-right: 5px; float:right; } .filter-item-body nav ul ul {
    background-color:#ebebeb; } .filter-item-body nav ul li ul li a { background: #f8f8f8;    border-left: 4px solid transparent; padding: 10px 20px; color: #000; padding-left: 40px;
} .filter-item-body nav ul li ul li a:hover,.filter-item-body nav ul li ul li a.active { color: #ffdddd; } .other-item-body { height: 166px; width: 100%; margin-top: 0px; overflow-y: auto;
    overflow-x: hidden; } .offer-item-body { height: 125px; width: 100%; margin-top: 20px;     overflow-y: auto }  .price-pack-item-body { height: 125px; width: 100%; margin-top: 20px;
    overflow-y: auto }  .cte-select { list-style-type: none; margin: 0; padding: 0 } .cte-select li { margin-right: 0; width: 100%; height: 40px; position: relative; text-align: left;     display: block; margin-bottom: 0; border-bottom: 0 } .cte-select label, .cte-select input {
    display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .cte-select input[type=radio] { display: none } .cte-select input[type=radio]:checked + label, .Checked + label { background: #ed2d2f; color: #fff } .cte-select label { padding: 10px 20px;  cursor: pointer; background: #f9f9f9; color: #2b2f4c; border-radius: 0; font-weight: 400;     font-size: 14px; margin-bottom: 0 } .cte-select label:hover { background: #ed2d2f; color: #fff } .brand-list { width: 100% }
.search-by-catgory { margin-bottom: 15px; width: 100% } .custom-control-label { font-size: 14px;
    font-weight: 400; color: #2b2f4c !important; vertical-align: middle !important; padding-top: 2px; padding-left: 5px } .custom-control-label::before { width: 1.2rem !important; height: 1.2rem !important } .custom-checkbox .custom-control-label::before { box-shadow: inset 0 0 0 rgba(0, 0, 0, .1) !important } .custom-control-label::after { top: .29rem !important;
    left: -1.4rem !important; width: 1.2rem !important; height: 1.2rem !important; content: "" }
.custom-control-input:checked ~ .custom-control-label::before { border-color: #ed2d2f !important;
    background-color: #ed2d2f !important } .pb2 { padding-bottom: 10px } .pb2:last-child {    padding-bottom: 10px } .webproduct { color: #8f91ac; padding-left: 3px } .wrapper {
    width: 100%; display: block; padding-top:75px; padding-bottom: 50px } .wrapper-blog {
    padding-top: 60px !important } .main-banner-slider { margin-top: 30px } .offers-banner .owl-stage-outer { overflow: visible !important } .offer-item { background: #fff; padding: 5px; border-radius: 5px; position: relative } .offer-item-img { position: relative;
    width: 100% } .offer-item-img img { border-radius: 5px; width: 100% } .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #2b2f4c; border-radius: 5px;
    opacity: .05 } .offer-top-text-banner { position: absolute; top: 20px; left: 5px; background: rgba(255, 255, 255, .9); padding: 15px 15px 11px; width: 220px; border-top-right-radius: 50px; border-bottom-right-radius: 50px } .offer-top-text-banner p {  font-size: 12px;   font-weight: 600; color: #ed2d2f; margin-bottom: 3px; text-align: left; text-transform: uppercase } .top-text-1 { font-size: 16px; font-weight: 500; color: #2b2f4c; margin-bottom: 5px; line-height: 24px; text-align: left } .offer-top-text-banner span { font-weight: 500;
    font-size: 14px; color: #8f91ac; text-align: left; line-height: 24px } .Offer-shop-btn {
    position: absolute; bottom: 20px; right: 20px; display: inline-block; padding: 10px 30px;
    background: #ed2d2f; text-align: center; color: #fff; border-radius: 5px; font-size: 14px;
    font-weight: 500 } .section145 { padding: 47px 0 0; width: 100%; display: block } .main-title-tt { margin-bottom: 27px; display: flex; align-items: flex-end } .main-title-left {     margin-right: auto } .main-title-left span { font-size: 14px; font-weight: 600;
    text-align: left; color: #ed2d2f; margin-bottom: 10px; display: block } .main-title-left h2 {
    position: relative; font-size: 24px; font-weight: 600; color: #2b2f4c; margin-top: 20px;
    display: block; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s; } .main-title-left h2:before { width: 28px; height: 5px; display: block; content: ""; position: absolute; bottom: -2px; left: 50%; margin-left: -14px;     background-color: #ed2d2f; } .main-title-left h2:after { width: 120px; height: 1px;
    display: block; content: ""; position: relative; margin-top: 10px; left: 45%; margin-left: -50px; background-color: #ed2d2f; } .see-more-btn { padding: 5px 10px; border-radius: 3px;
    font-size: 14px; font-weight: 500; color: #fff; text-align: right; background: #ed2d2f;
} .see-more-btn:hover { color: #2b2f4c !important; background: #fff; } .category-item {
    width: 100%; display: grid; background: #fff; border-radius: 10px; text-align: center;
    padding: 20px; align-items: center; justify-content: center; min-height: 198px; } 
.view-all{ /*background: #ed2d2f url("../images/pattern.png") no-repeat;*/ background-position: center; background-size: cover; background-image: linear-gradient(#ffffff, #ed2d2f); }
.view-all h4{ background: #fff; padding: 8px 20px; border-radius: 30px; line-height: 20px; }
.view-all h2{ color: #fff; } .cate-img { width: 100px; text-align: center; display: inline-block } .cate-img span.like-icon { right: 10px; top: 10px; } .cate-img img { display: inline-block } .category-item h4 { font-size: 14px; font-weight: 500; color: #2b2f4c; margin-top: 0px; text-align: center
} .cate-slider .owl-nav { margin-top: 0 !important } 
.cate-slider .owl-nav .owl-prev,.offers-banner .owl-nav .owl-prev,.brande-slider .owl-nav .owl-prev  { left: -20px; font-size: 20px !important; position: absolute; top: 35%; text-align: center;
    height: 30px !important; width: 30px !important; padding: 0 4px !important; color: #2b2f4c !important; background: #fff !important; border-radius: 100% !important; border: 1px solid #e5e5e5 !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .07) } .offers-banner .owl-nav .owl-prev  { left: -20px; height: 40px !important; width: 40px !important; } .offers-banner .owl-nav .owl-next{ right: -24px; height: 40px !important; width: 40px !important; }
.cate-slider .owl-nav .owl-next,.offers-banner .owl-nav .owl-next,.brande-slider .owl-nav .owl-next{
    font-size: 20px !important; position: absolute; right: -20px; top: 35%; padding: 0 4px  !important; text-align: center; height: 30px; width: 30px; color: #2b2f4c !important;
    background: #fff !important; border-radius: 100% !important; border: 1px solid #e5e5e5 !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .07) } .cate-slider .owl-nav .owl-prev i,
.cate-slider .owl-nav .owl-next i, .offers-banner .owl-nav .owl-prev i, .offers-banner .owl-nav .owl-next i, .featured-slider .owl-nav .owl-prev i, .brande-slider .owl-nav .owl-prev i,
.featured-slider .owl-nav .owl-next i{ font-size: 30px; display: flex; align-items: center;
    justify-content: center; } .offers-banner .owl-nav .owl-prev i, .offers-banner .owl-nav .owl-next i{ font-size: 40px; } .cate-slider .owl-nav .owl-prev:hover { color: #fff !important; opacity: 1; background: #ed2d2f !important; border: 1px solid #ed2d2f !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .07) } .cate-slider .owl-nav .owl-next:hover {
    color: #fff !important; opacity: 1; border: 1px solid #ed2d2f !important; background: #ed2d2f !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .07) } span.like-icon { color: #898989;
    font-size: 18px; position: absolute; z-index: 101; right: 0; top: 10px; cursor: pointer;
    /*background-color: rgb(237, 45, 47, 0.8);*/ display: block; height: 35px; width: 35px;
    line-height: 37px; border-radius: 30px; transition: all .4s } .like-icon:before, .like-icon:after { transition: opacity .3s, transform .4s cubic-bezier(0, -.41, .19, 2.5);
    font-family: "font awesome 5 free"; position: absolute; right: 0; left: 0; text-align: center;
    top: 0 } .like-icon:before { content: "\f02e"; transform: scale(.95) } .like-icon:after {
    content: "\f02e"; opacity: 0; transform: scale(.3); font-weight: 900 } .like-icon.liked:after { opacity: 1; transform: scale(.95) } .like-icon:hover, .like-icon.liked {
    background-color: #ed2d2f; color: #fff } .like-icon.liked:before { opacity: 0 } 
span.uil-heart-sign { color: #898989; font-size: 16px; position: absolute; z-index: 101; right: 0;
    top: 7px; cursor: pointer; /* background-color: rgb(237, 45, 47, 0.8); */ display: block;
    height: 30px; width: 30px; line-height: 37px; border-radius: 30px; transition: all .4s;    
} span.uil-heart-sign:hover{ color: #ed2d2f; } 
/*.product-item { width: 100%; display: block; background: #fff; border-radius: 10px;    text-align: left; padding: 15px; box-shadow: 0 1px 2px 0 #e9e9e9; }*/
.product-item { width: 100%; display: block; background: #fff; border-radius: 0px; text-align: left;
    padding: 20px 15px; box-shadow: 0 0px 0px 0 #e9e9e9; border: rgba(133,133,133,0.3) solid 1px;
    transition:all ease 0.3s; } .product-item:hover { box-shadow: 0px 2px 5px 3px #e9e9e9;} 
.product-item a.add_cart { border: 0px solid #e9e9e9;  width: 100px; margin: 5px auto;     background-color: #666; color: #fff; font-size: 12px; text-transform: uppercase; transform: all ease 0.3s; } .product-item:hover a.add_cart{ background-color: #ed2d2f; color: #fff; border: 0px solid #ed2d2f; } .product-item:hover a.add_cart:hover { background-color: #333; color: #fff !important; border: 0px solid #ed2d2f; } .product-img { width: 100%;  position: relative;
    /*padding: 10px;*/ display: block; height: 160px; overflow: hidden; } .product-img img {
    width: 100%; height: 100%; text-align: center; transition: transform .5s ease } .product-item:hover img { transform: scale(1.1) } .product-icon { width: 128px; /*position: relative;*/
    padding: 10px 20px; display: block; overflow: hidden; margin: 0 auto; } .product-icon span.like-icon { right: 10px; top: 10px; } .offer-badge-1 { position: absolute; top: 0;
    left: 0; font-size: 12px; font-weight: 500; color: #fff; background: #ed2d2f; padding: 3px 10px;
    border-radius: 3px; line-height: 20px; text-transform: uppercase } .offer-badge-2 { position: absolute; top: 10px; left: 10px; font-size: 12px; font-weight: 500;    color: #fff; background: #ed2d2f; padding: 3px 10px; border-radius: 3px; line-height: 20px;
    text-transform: uppercase } .listing-product-right-main { background-color: #fff;
    padding-top:15px; padding-bottom: 30px; } .listing-product-right-main .list-page-title{
    border-bottom: rgba(133,133,133,0.3) solid 1px; padding-bottom: 5px; margin-bottom: 25px;
    /* color: #666; */ } .listing-product-right-main .list-page-title .product-left-title h2 {
    padding-left: 6px; font-weight: normal; color: #666; } .listing-product-right-main .list-page-title .product-left-title h2:before,.listing-product-right-main .list-page-title .product-left-title h2:after { display: none; } .product-text-dt{ position: relative;   display: flex; } .title-price{ width: 85%; margin-top: 14px; } .product-text-dt p {
    font-size: 14px; font-weight: 500; margin-top: 0px; color: #000; margin-bottom: 8px;    line-height: 17px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .product-text-dt p span { margin-left: 5px
} .product-text-dt h4 { font-size: 12px; font-weight: 500; margin: 5px 0!important; line-height: 24px; text-align: left; color: #898989; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight: normal; }
.product-price { font-size: 14px; font-weight: 500; line-height: 24px; color: #000; text-align: left; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
    text-overflow: ellipsis; padding-bottom: 5px; } .product-price span { color:rgba(133,133,133,0.7); text-decoration: line-through; margin-left: 10px; /* font-weight: 600; */
    margin-right: 10px; } .qty-cart { display: flex; align-items: center; margin-top: 17px }
.cart-icon { margin-left: auto; font-size: 20px; color: #c7c7c7; cursor: pointer } .cart-icon:hover { color: #ed2d2f } .featured-slider .owl-nav .owl-prev { left: -20px; font-size: 20px !important; position: absolute; top: 42%; text-align: center; height: 30px !important; width: 30px !important; padding: 0 5px !important; color: #2b2f4c !important; background: #fff !important;
    border-radius: 100% !important; border: 1px solid #e5e5e5 !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .07) } .featured-slider .owl-nav .owl-next { font-size: 20px !important;
    position: absolute; right: -20px; top: 42%; padding: 0 5px !important; text-align: center;
    height: 30px !important; width: 30px !important; color: #2b2f4c !important; background: #fff !important; border-radius: 100% !important; border: 1px solid #e5e5e5 !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .07) } .featured-slider .owl-nav .owl-prev:hover {
    color: #fff !important; opacity: 1; background: #ed2d2f !important; border: 1px solid #ed2d2f !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .07) } .featured-slider .owl-nav .owl-next:hover { color: #fff !important; opacity: 1; border: 1px solid #ed2d2f !important;
    background: #ed2d2f !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .07) } .best-offer-item {
    display: block; width: 100%; margin-bottom: 30px; position: relative } .best-offer-item img {
    width: 100%; border-radius: 10px } .offer-counter-text { font-size: 30px; width: 100%;    text-align: center; color: #fff; font-weight: 600; letter-spacing: 0; text-shadow: 1px 3px 6px rgba(0, 0, 0, .2) } .cmtk_dt { position: absolute; bottom: 20px; left: 0; right: 0 }
.code-offer-item img { width: 100%; border-radius: 5px } .footer { background: #ffffff; } 
.footer-first-row { padding: 20px 0; border-bottom: 1px solid #f5f5f5 } .call-email-alt {
    float: left; width: 100% } .call-email-alt li { display: inline-block; margin-right: 20px
} .call-email-alt li:last-child { margin-right: 0 } .callemail { font-size: 14px; font-weight: 500;
    color: #3e3f5e } .callemail i { margin-right: 5px; color: #ed2d2f } .social-links-footer {
    text-align: right; float: left; width: 100% } .social-links-footer h4 { color: #fff;     font-size: 18px; font-weight: 600; text-align: left; margin-bottom: 17px } 
.social-links-footer ul { float: left; margin-top: 5px; width: 100% } .social-links-footer ul li {
    display: inline-block; padding-right: 15px } .social-links-footer ul li:last-child {    padding-right: 0 } .social-links-footer ul li a { color: #2b2f4c; font-size: 14px;     text-align: right; position: relative; display: inline-block; bottom: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out } .social-links-footer ul li:hover a {
    bottom: 5px; color: #ed2d2f !important } .footer-second-row { padding-bottom: 50px;     border-bottom: 1px solid #f5f5f5 } .second-row-item { margin-top: 47px } .second-row-item h4 { color: #2b2f4c; font-size: 18px; font-weight: 500; text-align: left; margin-bottom: 17px
} .second-row-item ul li { display: block; padding-bottom: 9px } .second-row-item ul li:last-child {
    padding-bottom: 0 } .second-row-item ul li a { color: #3e3f5e; font-size: 14px; font-weight: 400; text-align: left; position: relative; left: 0; -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out } .second-row-item ul li a:hover { color: #ed2d2f !important; left: 5px }
.second-row-item-2 { margin-top: 86px } .second-row-item-app { margin-top: 47px } 
.second-row-item-app h4 { color: #2b2f4c; font-size: 18px; font-weight: 500; text-align: left;    margin-bottom: 17px } .second-row-item-app ul li { display: inline-block; padding-right: 0 }
.second-row-item-app ul li:last-child { padding-right: 0 } img.download-btn { width: 120px }
.footer-last-row { padding:25px 0; background: #fff; text-align: center } .footer-bottom-links ul li { display: inline-block; padding: 0 10px } .footer-bottom-links li a { color: #3e3f5e;     font-size: 13px; font-weight: 500; text-align: left; line-height: 24px; position: relative;
    bottom: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out } 
.footer-bottom-links ul li:hover a { bottom: 2px; color: #ed2d2f !important } .copyright-text {
    color: #3e3f5e; font-weight: 500; font-size: 12px; letter-spacing: .3px } 
.financial-institutes { display: inline-block; list-style: none; line-height: 0 } 
.financial-institutes__logo { display: inline-block; margin: 0 1px 5px 0 } 
.financial-institutes__logo img { width: 35px; height: auto } .second-row-item-payment { 
    margin-top: 37px } .second-row-item-payment h4 { color: #2b2f4c; font-size: 18px; font-weight: 700; text-align: left; margin-bottom: 17px } .list-style-disc { list-style: disc !important;
} .Breadcrumb { background:transparent; border-top: 1px solid #efefef; padding: 5px 0 0; } 
.Breadcrumb .breadcrumb { background-color: transparent; border-radius: 0; font-size: 12px;
    font-weight: 500; color: #999; padding: 10px 0; } .Breadcrumb .breadcrumb .breadcrumb-item a {
    color: #8f91ac !important } .Breadcrumb .breadcrumb .breadcrumb-item a:hover { color: #2b2f4c !important } .Breadcrumb .breadcrumb .breadcrumb-item.active { color: #999; } 
.all-product-grid { margin-top: 40px } .product-top-dt { float: left; width: 100%; display: block
} .product-left-title { float: left } .product-left-title h2 { position: relative; font-size: 24px;
    font-weight: 600; color: #2b2f4c; text-align: left; padding-top: 3px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }
.product-left-title h2:before { width: 28px; height: 5px; display: block; content: ""; position: absolute; bottom: -2px; left: 50%; margin-left: -14px; background-color: #ed2d2f; } 
.product-left-title h2:after { width: 100px; height: 1px; display: block; content: ""; position: relative; margin-top: 10px; left: 50%; margin-left: -50px; background-color: #ed2d2f; }
.filter-btn { font-size: 14px; font-weight: 500; float: right; display: block; height: 40px;     width: 110px; padding: 10px 0; text-align: center; color: #2b2f4c; background: #fff;     border-radius: 5px; border: 1px solid #efefef; text-transform: uppercase } .filter-btn:hover {
    background: #ed2d2f; color: #fff !important; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; background-image: -webkit-linear-gradient(left, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9)); background-image: linear-gradient(to right, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9)) }
.product-sort { float: right; margin-right: 10px; margin-top: 1px } .ui.selection.dropdown.vchrt-dropdown { border: 1px solid #efefef; font-weight: 400; color: #2b2f4c; border-radius: 5px
} .ui.selection.dropdown.vchrt-dropdown:hover { border-color: #efefef } .ui.selection.visible.dropdown.vchrt-dropdown > .text:not(.default) { font-weight: 400; color: #2b2f4c }
.ui.dropdown.vchrt-dropdown .menu > .item { color: #2b2f4c !important; font-weight: 400 !important
} .mt-30 { margin-top: 30px } .mb-30 { margin-bottom: 30px } .store-address{ display: flex;
    justify-content: space-between; } .product-list-view { margin-top: 39px } .product-list-view .bs-canvas{ border-radius: 0; overflow: hidden; } .more-product-btn { text-align: center;
    margin-top: 20px; width: 100% } .show-more-btn { height: 40px; padding: 0 20px; border: 0;
    border-radius: 5px; color: #fff; background: #ed2d2f; text-align: center; font-weight: 600;
    font-family: roboto, sans-serif } .product-dt-view { background: #fff; padding: 20px 30px;
    border-radius: 3px; box-shadow: 0 1px 2px 0 #e9e9e9 } .store-img{ display: flex; } .store-offers{ display: grid; margin-bottom: 30px; } .store-offers img{ text-align: center; border: solid 3px rgba(237, 45, 47, 0.05); border-radius: 50%; margin: 5px; padding: 10px; } .store-image{ position: relative; } .store-image img{ text-align: center; border: solid 10px rgba(237, 45, 47, 0.05); border-radius: 5px; margin: 5px; padding:10px; } .store-cap{ position: absolute; left:0; top: -12px; width: 100%; border: none!important; } #sync1 .item {
    margin: 0; text-align: center; cursor: pointer } #sync2 .item { padding: 6px; margin: 0;
    cursor: pointer; background: #fff } #sync1 .owl-nav .owl-prev { left: -20px; font-size: 20px !important; position: absolute; top: 45%; text-align: center; height: 30px !important;
    width: 30px !important; padding: 4px 0 !important; color: #2b2f4c !important; background: #fff !important; border-radius: 100% !important; border: 1px solid #e5e5e5 !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .07) } #sync1 .owl-nav .owl-next { font-size: 20px !important; position: absolute; right: -20px;  top: 45%; padding: 4px 0 !important;     text-align: center; height: 30px !important; width: 30px !important; color: #2b2f4c !important; background: #fff !important; border-radius: 100% !important; border: 1px solid #e5e5e5 !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .07) } #sync1 .owl-nav .owl-prev:hover { color: #fff !important; opacity: 1; background: #ed2d2f !important; border: 1px solid #ed2d2f !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .07) } #sync1 .owl-nav .owl-next:hover { color: #fff !important; opacity: 1; border: 1px solid #ed2d2f !important;
    background: #ed2d2f !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .07) } .share {
    position: absolute; top: 0; right: 0; transform: translate(0%, -45%); z-index: 2;
    padding: 0; width: 220px; height: 48px; font-size: 14px; letter-spacing: 1px; overflow: hidden;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 10%); transition: all 0.2s ease-in-out; cursor: default;
    user-select: none; } .share .text { position: absolute; top: 18px; left: 100px; overflow: hidden; width: 50px; height: 25px; text-align: right; z-index: 1; }  .share .text em { position: absolute; right: 0;  top: 0; transition: right 0.2s ease-in-out 0.1s; } .share .ico-share {
    position: absolute; top: 20px; right: 43px; transition: right 0.2s ease-in-out; width: 20px;
    height: 20px; } .share .ico { font-size: 24px; position: absolute; top: 18px; left: -35px;
    transition: all 0.2s ease-in-out; display: inline-block; z-index: 2;     color: #ed2d2f; }
.share:hover em { right: -300%; transition-delay: 0; } .share:hover .wta { left: 20px; font-size: 25px; transition-delay: 0.3s; } .share:hover .fb { left: 60px; transition-delay: 0.3s; }
.share:hover .tw { left: 100px; font-size: 25px; transition-delay: 0.2s; } .share:hover .gp {
    left: 140px; transition-delay: 0.1s; } .share:hover .ico-share { top: 23px; right: 30px;     width: 15px; height: 15px; } .product-dt-right { margin-top: 0px; margin-left: 20px;
    height: 420px; overflow-y: scroll; } .star-rating { display: flex; align-items: center;     line-height:20px; font-size:0.8em; margin-bottom: 15px; margin-top: 27px; } .star-rating .fa-star { color: #ed2d2f; } ul.product-dec{ list-style: disc; margin-left: 15px;     word-wrap: break-word; } ul.product-dec li{ line-height: 30px; } ul.P-price li{ display: flex; } .moreless-button,.moreless-btn{ margin-top: 15px; color: #ed2d2f; display: inline-block; } .moretext,.moretxt{ display: none; }
/*--- rate now ---*/
.sale-store-rating{ margin-top: 20px; display: flex; justify-content: space-between; } 
.rating-widget { width: 210px; margin: 15px 80px 0 0; display: flex; align-items: center; }
.rating-widget .star-input { width: 0; height: 0; position: absolute; left: -50px; }
.rating-widget .star-input:checked + .star-input-label .red { animation: enlarge 0.5s ease-in-out forwards; } .rating-widget .star-input:checked + .star-input-label:nth-of-type(2) .red {
    animation-delay: 0.1s; } .rating-widget .star-input:checked + .star-input-label:nth-of-type(3) .red { animation-delay: 0.2s; } .rating-widget .star-input:checked + .star-input-label:nth-of-type(4) .red { animation-delay: 0.3s; } .rating-widget .star-input:checked + .star-input-label:nth-of-type(5) .red { animation-delay: 0.4s; } .rating-widget .star-input-label { display: inline-block; padding: 0 2px; text-indent: -5000px;
    line-height: 0; color: #dcdcdc; position: relative; cursor: pointer; }
.rating-widget .star-input-label:hover, .rating-widget .star-input-label.hovered { color: #ed2d2f;
} .rating-widget .star-input-label i { display: block; font-size: 13px; line-height: 20px;     text-indent: 0; } .rating-widget .star-input-label i.red { position: absolute; display: block;
    padding: 0 2px; top: 0; left: 0; text-align: center; width: 100%; color: #ed2d2f; transform: scale(0); } 
@keyframes enlarge {
    0% { transform: scale(0); } 70% { transform: scale(1.25); }
    100% { transform: scale(1); }
}  .product-dt-right h1 { font-size: 24px; font-weight: 700; text-align: left; color: #2b2f4c; margin:0; }
.product-dt-right h2 { font-size: 24px; font-weight: 700; text-align: left; color: #2b2f4c; margin:0; } .no-stock { display: block; margin-right: 80px; } .no-stock p { display: inline-block;     margin-right: 30px; font-size: 14px; font-weight: 500; color: #2b2f4c } .no-stock p:last-child {
    margin-right: 0 } .no-stock p span { margin-left: 5px; color: #8f91ac } .product-radio {
    margin-top: 7px } .available-offers{ margin-top: 15px; margin-bottom: 30px; background: rgb(237, 45, 47, 0.05); padding: 15px; width: 90%; } .available-offers ul { position: relative;
    list-style: none; } .available-offers ul li{ margin: 10px 0; } .available-offers ul li i{
    margin-right:10px; color: #109d07; } .product-now { list-style-type: none; margin: 0;     padding: 0 } .product-now li { margin-right: 5px; width: 50px; height: 36px; position: relative; text-align: center; display: inline-block } .product-now label, .product-now input { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .product-now input[type=radio] { display: none } .product-now input[type=radio]:checked + label, .Checked + label { background: #ed2d2f } .product-now label { padding: 5px; cursor: pointer;
    background: #c7c7c7; color: #fff; border-radius: 3px; font-weight: 500; font-size: 12px }
.product-now label:hover { background: #ed2d2f } .pp-descp { line-height: 28px; margin-top: 15px;
    margin-bottom:0px; color: #3e3f5e; font-weight: 400; font-size: 14px; text-align: left }
.product-group-dt { background: #f9f9f9; padding: 20px; border-radius: 5px } .product-group-dt ul li { display: inline-block; margin-right: 20px; vertical-align: middle } 
.product-group-dt ul li:last-child { margin-right: 0 } .main-price { font-size: 18px; font-weight: 500; text-align: left; color: #2b2f4c } .main-price span { text-decoration: line-through;
    margin-left: 10px; color: #c7c7c7; font-size: 14px; } .color-discount { color: #ed2d2f;
    font-size: 15px; margin-right: 5px; } .mrp-price { text-decoration: line-through; font-weight: 500 } .gty-wish-share { margin-top: 22px } .gty-wish-share li { margin-right: 10px !important } .ordr-crt-share { display: flex; margin-top: 22px } .ordr-crt-share li {
    margin-right: 20px !important }  span.save-icon { color: #ed2d2f; margin-left: 10px;     font-size: 18px; position: relative !important; cursor: pointer; background-color: rgba(246, 151, 51, .2); height: 35px; width: 35px; border-radius: 30px; transition: all .4s }
.icon-bar { position: fixed; top: 50%; z-index: 2; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .icon-bar a { display: block;     text-align: center; padding: 16px; transition: all .3s ease; color: #fff; font-size: 20px
} .icon-bar a:hover { background: #ed2d2f; color: #fff !important; transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; background-image: -webkit-linear-gradient(left, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9)); background-image: linear-gradient(to right, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9)) } .facebook {
    background: #3b5998; color: #fff; border-radius: 0 5px 0 0 } .twitter { background: #55acee;
    color: #fff } .google { background: #dd4b39; color: #fff } .linkedin { background: #007bb5;
    color: #fff } .whatsapp { background: #25d366; color: #fff; border-radius: 0 0 5px 0 }
.content { margin-left: 75px; font-size: 30px } .add-cart-btn { background: #ed2d2f; border: 0;
    color: #fff; height: 40px; padding: 0 20px; font-family: roboto, sans-serif; font-weight: 500;
    border-radius: 5px }  .order-btn { background: 0 0; border: 1px solid #ed2d2f; color: #ed2d2f;
    height: 40px; padding: 0 20px; font-family: roboto, sans-serif; font-weight: 500;     border-radius: 5px } .add-cart-btn i { margin-right: 5px; font-size: 16px } .pdp-details {
    background: #f9f9f9; margin-top: 20px; border-radius: 5px;  float: left; width: 100% }
.pdp-details ul li { padding: 20px; border-right: 1px solid #efefef; width: 50%; display: inline-block; float: left } .pdp-details ul li:last-child { border-right: 0 } .pdp-group-dt {
    display: flex; align-items: center; width: 100% } .pdp-icon i { font-size: 30px; color: #ed2d2f
} .pdp-text-dt { margin-left: 10px } .pdp-text-dt span { font-size: 16px; font-weight: 500; color: #2b2f4c; margin-bottom: 10px; display: block } .pdp-text-dt p { font-size: 14px; font-weight: 400; color: #3e3f5e; margin-bottom: 0; line-height: 26px } .pay__logo { display: inline-block;
    margin: 0 1px 5px 0 } .pay__logo img { width: 20px } .breadcrumb { margin-bottom: 0!important;
} .pdpt-bg { margin-top: 10px; background: #fff; border-radius: 10px } .pdpt-title h4 { border-bottom: 1px solid #efefef; padding: 15px 20px; font-size: 16px; font-weight: 600;
    color: #2b2f4c } .border_radius:last-child { border-bottom-left-radius: 5px;   border-bottom-right-radius: 5px } .pdpt-body { height: 400px; overflow-y: auto }
.pdct-dts-1 { padding: 0 25px 30px } .pdct-dts-1 .pdct-dt-step img{ margin-top: 25px; } 
.pdct-dt-step h6 { margin-top: 27px !important; font-size: 14px; margin-right: 10px; font-weight: 500; margin-bottom: 12px; text-align: left } .pdct-dt-step p { font-size: 14px; font-weight: 400; color: #3e3f5e; line-height: 26px; text-align: left } .pdct-dt-step p i{ color:#ed2d2f;
} .product_attr { font-size: 14px; font-weight: 400; color: #3e3f5e; line-height: 26px;     text-align: left } .checkout-step-body p { font-size: 14px; font-weight: 400; line-height: 24px;
    color: #3e3f5e; text-align: left } .phn145 { font-size: 14px; font-weight: 500; line-height: 24px; color: #3e3f5e } .phn145 span { font-weight: 600; color: #ed2d2f } .phn145 .edit-no-btn { font-size: 13px; font-weight: 500; margin-left: 15px; display: inline-block; padding: 0 10px; color: #fff; background: #ed2d2f; border-radius: 5px } ul.code-alrt-inputs{
    display: flex; justify-content: space-between; } .code-alrt-inputs li { display: inline-block;
    vertical-align: middle } .code-alrt-inputs input { text-align: center } ul.code-alrt-inputs input { width: 40px; border: 1px solid #efefef; text-align: center; padding: 0;     font-size: 14px; font-weight: 500; font-family: roboto, sans-serif } ul.code-alrt-inputs input:focus { box-shadow: none; border: 1px solid #ed2d2f } label.control-label {
    font-size: 13px; font-weight: 500; color: #2b2f4c } .chck-btn { height: 33px; display: inline-block; background: #ed2d2f;  color: #fff !important; padding: 8px 15px;     font-weight: 500; border-radius: 5px } .resend-link { margin-top: 10px; display: block;
    font-weight: 500; color: #978897; text-align: right; } .resend-link:hover { color: #ed2d2f }
.checout-address-step .form-control { font-size: 14px; min-height: 40px; font-family: roboto, sans-serif; font-weight: 500; color: #2b2f4c; border: 1px solid #efefef; position: relative;
    padding: 0 1rem } .form-control:focus { outline: none !important; box-shadow: none !important;
    border: 1px solid #ed2d2f !important } .address-btns { display: flex; align-items: end } 
.save-btn14 { height: 40px; padding: 0 20px; border: 1px solid; background: 0 0; color: #ed2d2f;
    border-radius: 5px; font-family: roboto, sans-serif; font-weight: 500 } .next-btn16 {
    height: 40px; padding: 9px 20px; border: 1px solid #ed2d2f; background: #ed2d2f; color: #fff;
    border-radius: 5px; font-family: roboto, sans-serif; font-weight: 500; display: inline-block
} .time-radio { margin-top: 10px } .date-slider-group { margin-top: 10px } .date-slider-group {
    list-style-type: none; margin: 0; padding: 0 } .date-slider-group .date-now { margin-right: 5px;
    width: 100%; height: 36px; position: relative; text-align: center; display: inline-block
} .date-slider-group label, .date-slider-group input { display: block; position: absolute; top: 0;
    left: 0; right: 0;  bottom: 0 } .date-slider-group input[type=radio] { display: none }
.date-slider-group input[type=radio]:checked + label, .Checked + label { background: #ed2d2f }
.date-slider-group label { padding: 5px; cursor: pointer; background: #2b2f4c; color: #fff;
    border-radius: 3px; font-weight: 500; font-size: 12px } .date-slider-group label:hover {
    background: #ed2d2f } .ui.checkbox.chck-rdio label { color: #2b2f4c !important; font-weight: 400 !important; font-family: roboto, sans-serif !important } .ui.radio.checkbox.chck-rdio .box:after, .ui.radio.checkbox.chck-rdio label:after { background-color: #ed2d2f !important
} .total-checkout-group { padding: 20px 20px 0; border-top: 1px solid #efefef; margin-top: 10px
} .payment-secure { text-align: center;  padding: 20px; font-weight: 500; font-size: 14px; color: #2b2f4c } .checkout-safety-alerts { background: #fff; border-radius: 5px; margin-top: 30px;
    box-shadow: 0 1px 2px 0 #e9e9e9 } .checkout-safety-alerts p { margin-bottom: 0; padding: 15px;
    border-bottom: 1px solid #efefef; font-size: 14px; font-weight: 500; color: #3e3f5e;
    text-align: left } .checkout-safety-alerts p:last-child { border-bottom: 0 } 
.checkout-safety-alerts i { margin-right: 5px } .return-departure-dts { color: #727272;   font-weight: 400; font-size: 14px; position: relative; margin-top: 0; display: none;     margin-bottom: 25px !important } .single-payment-method:first-child .payment-method-details {
    display: block } .radio--group-inline-container_1 { width: 100%; width: 100%; display: block;
    margin-bottom: 22px !important } .radio--group-inline-container_1 li { display: inline-block;
    width: 33.333%; margin-right: 10px } .radio--group-inline-container_1 li:last-child {
    margin-right: 0 } .radio--group-inline-container_1 .radio-item_1 { display: inline-block;
    margin-right: 10px; width: 100% } .radio--group-inline-container_1 .radio-item_1 input[type=radio] { position: absolute; opacity: 0 } .radio--group-inline-container_1 .radio-item_1 input[type=radio] + .radio-label_1:before { content: ''; background: #f7f7f7;     border-radius: 100%; border: 1px solid #b4b4b4; display: inline-block; width: 1em;
    height: 1em; top: 0; position: relative; margin-right: 10px; vertical-align: top; cursor: pointer; text-align: center; -webkit-transition: all 250ms ease; transition: all 250ms ease
} .radio--group-inline-container_1 .radio-item_1 input[type=radio]:checked + .radio-label_1:before {
    background-color: #ed2d2f; box-shadow: inset 0 0 0 2px #f4f4f4 } 
.radio--group-inline-container_1 .radio-item_1 input[type=radio]:focus + .radio-label_1:before {
    outline: none; border-color: #0e8a86 } .radio--group-inline-container_1 .radio-item_1 input[type=radio]:disabled + .radio-label_1:before { box-shadow: inset 0 0 0 4px #f4f4f4;     border-color: #b4b4b4; background: #b4b4b4 } 
.radio--group-inline-container_1 .radio-item_1 input[type=radio] + .radio-label:empty:before {
    margin-right: 0 } .radio-label_1 { font-size: 14px; font-weight: 500; font-family: roboto, sans-serif; line-height: 16px; color: #2b2f4c; cursor: pointer; padding: 15px 20px;
    background: #f9f9f9; width: 100%; border-radius: 5px; border: 1px solid #efefef }
.radio-label_1:hover { background: #f5f5f5; transition: all .4s ease-in-out } .pymnt_title h4 {
    font-size: 16px; font-weight: 500; text-align: left; margin-bottom: 15px; color: #2b2f4c
} .swdh19 { width: 100% } .ui[class*="left icon"].swdh19.input > input { padding-left: 1em !important; padding-right: 1em !important; height: 34px } .ui.input > input {
    font-weight: 400 !important; background: #fff; border: 1px solid #efefef !important;
    color: #2b2f4c !important; border-radius: 5px !important } .ui.input > input:focus {
    border: 1px solid #ed2d2f !important } .ui.selection.active.dropdown.form-dropdown {
    border-color: #ed2d2f !important } .ui.selection.active.dropdown.form-dropdown .menu {
    border-color: #ed2d2f !important } .ui.dropdown.form-dropdown .menu > .item {
    color: #2b2f4c !important; font-size: 14px !important; font-weight: 400 !important }
.ui.selection.dropdown.form-dropdown:hover { border-color: #efefef !important } 
.ui.selection.dropdown.form-dropdown { color: #2b2f4c !important; font-weight: 500 !important;
    border: 1px solid #efefef !important } .ui.selection.visible.dropdown.form-dropdown > .text:not(.default) { font-weight: 500 !important; color: #2b2f4c !important }
.promo-link45 { margin-top: 30px; background: #fff; border-radius: 3px; padding: 12px 20px;
    text-align: center; font-size: 14px; font-weight: 500; color: #2b2f4c; line-height: 24px;
    display: block; box-shadow: 0 1px 2px 0 #e9e9e9 } .promo-link45:hover { color: #ed2d2f !important } .order-placed-dt { text-align: center; padding: 20px 0 14px; float: left;
    width: 100% } .order-placed-dt .icon-circle { font-size: 56px; color: #ed2d2f } 
.order-placed-dt h2 { font-size: 30px; font-weight: 500; color: #2b2f4c; text-align: center;
    margin-bottom: 25px } .order-placed-dt p { font-size: 16px; font-weight: 500; color: #3e3f5e;
    margin-bottom: 0; text-align: center; line-height: 24px } .delivery-address-bg { margin-top: 40px; background: #fff; border-radius: 5px; float: left; width: 100%; text-align: left;
    box-shadow: 0 1px 2px 0 #e9e9e9 } .title585 { display: inline-block; float: left; width: 100%;
    border-bottom: 1px solid #efefef } .pln-icon { float: left; width: 50px; height: 50px;
    text-align: center; line-height: 50px; margin-right: 10px } .title585 h4 { float: left;
    margin-top: 0; font-weight: 500; font-size: 16px; color: #2b2f4c; line-height: 50px
} .pln-icon i { font-size: 20px; color: #ed2d2f } .address-placed-dt1 { float: left; padding: 20px;
    width: 100% } .address-placed-dt1 li { margin-bottom: 10px } .address-placed-dt1 li:last-child {
    margin-bottom: 0 } .address-placed-dt1 i { margin-right: 5px } .address-placed-dt1 p {
    font-size: 14px; font-weight: 500; text-align: left; color: #2b2f4c } .address-placed-dt1 p span { margin-left: 10px; font-weight: 400; color: #3e3f5e } .stay-invoice { float: left;
    width: 100%; padding: 15px 20px; display: flex; align-items: center; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef } .invc-link { margin-left: auto; font-size: 14px;
    font-weight: 500; color: #fff; background: #ed2d2f; padding: 5px 15px; border-radius: 5px
} .st-hm { font-size: 16px; font-weight: 500; color: #2b2f4c } .st-hm i { margin-left: 5px }
.placed-bottom-dt { padding: 20px; float: left; font-size: 14px; font-weight: 400; color: #3e3f5e;
    margin-bottom: 0; text-align: center; line-height: 24px; width: 100% } .placed-bottom-dt span {
    font-weight: 600; color: #ed2d2f } .dashboard-group { background: rgba(245, 93, 44, .3);
    position: relative; padding: 50px 0 } .dashboard-group:before { content: ""; background: url(../images/banner.svg) no-repeat bottom; left: 0; right: 0; top: 0; bottom: 0; position: absolute; pointer-events: none; background-size: cover; opacity: .02 } .user-dt {
    position: relative; width: 100%; text-align: center } .user-img { position: relative; display: inline-block } .user-img img { width: 150px; height: 150px; border-radius: 100%; border: 2px solid #fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1) } .user-img .change-btn {
    position: absolute; bottom: 5px; right: -5px; background: #ed2d2f; color: #fff; height: 35px;
    width: 35px; border-radius: 100%; border: 1px solid #ffff; font-size: 18px; padding: 8px 5px
} .img-add { display: block } .img-add [type=file] { height: 0; overflow: hidden; width: 0;
    float: left } .img-add [type=file] + label { cursor: pointer; display: inline-block;
    outline: none; transition: all .3s; vertical-align: middle; margin: 0; position: absolute;
    bottom: 5px; right: -5px; background: #ed2d2f; color: #fff; height: 35px; width: 35px;
    border-radius: 100%; border: 1px solid #ffff; font-size: 18px; padding: 8px 5px }
.img-add [type=file] + label:hover { background: #ed2d2f; color: #fff !important; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; background-image: -webkit-linear-gradient(left, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));     background-image: linear-gradient(to right, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9))
} .user-dt h4 { font-size: 24px; color: #2b2f4c; text-align: center; margin-bottom: 8px;   margin-top: 18px } .user-dt p { font-size: 14px; color: #3e3f5e; text-align: center;     margin-bottom: 20px; font-weight: 500; display: block } .user-dt p a { color: #3e3f5e !important; font-size: 16px; margin-left: 5px } .user-dt p a:hover { color: #ed2d2f !important }
.earn-points img { width: 24px; margin-right: 7px } .earn-points { display: inline-block;     font-size: 16px; font-weight: 500; color: #2b2f4c; background: rgba(255, 255, 255, .3);
    padding: 5px 11px 5px 10px; border-radius: 5px } .left-side-tabs { position: sticky; top: 167px
} .left-side-tabs { background: #fff; margin-top: 50px; border-radius: 5px; box-shadow: 0 1px 2px 0 #e9e9e9 } .user-item { display: flex; padding: 12px 20px; border-bottom: 1px solid #efefef;
    font-size: 14px; font-weight: 400; color: #2b2f4c; text-align: left; align-items: center }
.user-item:last-child { border-bottom: 0 } .user-item i { margin-right: 10px; font-size: 18px }
.user-item .fa-bell:before{ margin-right: 0.2em; text-align: center; margin-left: 0.2em; }
.user-item:hover { color: #2b2f4c; background: #ffecec } .user-item:first-child:hover {  border-radius: 5px 5px 0 0 } .user-item:last-child:hover { border-radius: 0 0 5px 5px }
.user-item:hover i { color: #ed2d2f !important } .user-item.active { background: #ed2d2f;
    color: #fff !important; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; background-image: -webkit-linear-gradient(left, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9)); background-image: linear-gradient(to right, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9)); pointer-events: none } .user-item:first-child.active { border-radius: 5px 5px 0 0 } .user-item:last-child.active { border-radius: 0 0 5px 5px
} .dashboard-right { margin-top: 50px } .main-title-tab h4 { font-size: 18px; font-weight: 700;
    color: #2b2f4c; text-align: left; margin-bottom:15px!important; margin-top: 0 } .main-title-tab i { margin-right: 5px } .welcome-text h2 { font-size: 24px; font-weight: 500; color: #2b2f4c; text-align: left; margin-bottom: 3px !important; margin-top: 30px !important } .ddsh-body { padding: 20px } .ddsh-body h2 { font-size: 24px; margin-bottom: 20px; text-align: left;
    color: #2b2f4c; font-weight: 500 } .more-link14 { text-align: left; padding: 20px; font-weight: 500; font-size: 14px; color: #2b2f4c; display: block; border-top: 1px solid #efefef }
.more-link14:hover { color: #ed2d2f !important } .ddsh-body ul li { display: inline-block;     margin-right: 10px } .ddsh-body ul li:last-child { margin-right: 0 } .small-reward-dt {
    color: #fff; background: #ed2d2f; padding: 5px 10px; border-radius: 3px; font-weight: 500;
    font-size: 12px; display: block } .rewards-link5 { font-size: 14px; font-weight: 500; color: #2b2f4c } .rewards-link5:hover { color: #ed2d2f !important } .smll-history { display: flex;
    width: 100%; padding: 4px 0 } .order-title { font-size: 14px; font-weight: 500; color: #2b2f4c
} .order-title span { font-size: 12px; display: inline-block; background: #2b2f4c; color: #fff;
    height: 18px; border-radius: 100%; width: 18px; text-align: center; font-weight: 700;     margin-left: 5px; cursor: pointer } .order-title span:hover { background: #ed2d2f }
.smll-history p { margin-left: auto; font-size: 14px; font-weight: 600; color: #3e3f5e } 
.order-list-145 li { display: block !important; margin-right: 0 !important } .wllt-body h2 {
    font-weight: 500 } .order-status { margin-left: auto; font-size: 14px; font-weight: 500;
    color: #ed2d2f }  [data-inverted][data-position~=top][data-tooltip]:before {
    background: #2b2f4c !important } [data-position="top right"][data-tooltip]:before {
    right: .1em !important } [data-tooltip][data-inverted]:after { background: #2b2f4c !important;
    color: #fff }  [data-tooltip]:after { border: 1px solid #d4d4d5; font-size: 14px !important;
    font-weight: 600 !important; font-family: roboto, sans-serif } .wllt-body { padding: 20px 20px 0
} .wallet-list { padding-top: 10px } .wallet-list li { width: 50% !important; display: inline-block;
    margin-right: 0 !important; margin-bottom: 20px; margin-left: -2px } .wallet-links14 {     font-size: 14px; font-weight: 500; color: #2b2f4c; display: flex; align-items: center
} .wallet-links14 i { font-size: 18px; margin-right: 5px } .newsletter-input { position: relative
} .newsletter-btn {  background: #ed2d2f; position: absolute; right: 2px; top: 3px; height: 35px;
    border: 0; width: 35px; border-radius: 3px; font-size: 18px; color: #fff } .newsletter-input .form-control { font-size: 14px; font-family: roboto, sans-serif; font-weight: 500; color: #2b2f4c; border: 1px solid #efefef; position: relative; padding: 0 3rem 0 1rem;
    height: 40px } .pdpt-title h6 { border-bottom: 1px solid #efefef; padding: 15px 20px; font-size: 14px; font-weight: 400; color: #2b2f4c; margin-bottom: 0 } .order-body10 { }
.order-dtsll { padding: 20px } .order-dtsll li { display: inline-block; vertical-align: top }
.order-dt-img { background: #f9f9f9; padding: 10px; border: 1px solid #efefef; border-radius: 5px
} .order-dt-img img { width: 50px } .order-dt47 { margin-left: 15px } .order-dt47 h4 { font-size: 16px; color: #2b2f4c; margin-bottom: 5px; line-height: 24px; text-align: left; font-weight: 700
} .order-dt47 p { font-size: 14px; font-weight: 400; text-align: left; color: #3e3f5e;   margin-bottom: 7px } .track-order { padding: 20px 0 } .track-order h4 { margin-left: 20px;
    margin-bottom: 20px; font-weight: 700; color: #2b2f4c; text-align: left } .bs-wizard {     margin-top: 0; display: flex; width: 100% } .bs-wizard { border-bottom: solid 1px #e0e0e0;
    padding: 0 } .bs-wizard > .bs-wizard-step { padding: 0; position: relative; width: 100% }
.bs-wizard > .bs-wizard-step + .bs-wizard-step { } .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
    color: #2b2f4c; font-size: 14px; margin-bottom: 5px; font-weight: 400 } .bs-wizard > .bs-wizard-step .bs-wizard-info { color: #999; font-size: 14px } .bs-wizard > .bs-wizard-step > .bs-wizard-dot { position: absolute; width: 30px; height: 30px; display: block;     background: #ffcfc0; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px;
    border-radius: 50% } .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after { content: ' ';
    width: 14px; height: 14px; background: #ed2d2f; border-radius: 50px; position: absolute;
    top: 8px; left: 8px } .bs-wizard > .bs-wizard-step > .progress { position: relative; border-radius: 0; height: 8px;     box-shadow: none; margin: 22px 0 } .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
    width: 0; box-shadow: none; background: #ffcfc0 } .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar { width: 100% } .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar { width: 50% } .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar { width: 0% } .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar { width: 100% } .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
    background-color: #efefef } .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
    opacity: 0 } .bs-wizard > .bs-wizard-step:first-child > .progress { left: 50%; width: 50%
} .bs-wizard > .bs-wizard-step:last-child > .progress { width: 50% } .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot { pointer-events: none } .progress { background-color: #efefef !important } .alert-offer img { width: 30px; margin-right: 10px } .alert-offer { padding: 20px; border-top: 1px solid #efefef; font-weight: 400; color: #3e3f5e;
    text-align: left; line-height: 24px } .call-bill { padding: 15px 20px; display: flex;     border-top: 1px solid #efefef; align-items: center } .delivery-man { font-size: 14px;
    color: #2b2f4c; font-weight: 400; text-align: left; line-height: 24px } .delivery-man a {
    margin-left: 5px; color: #ed2d2f } .delivery-man a:hover { color: #ed2d2f !important;
    text-decoration: underline !important } .order-bill-slip { margin-left: auto } .bill-btn5 {
    display: block; background: #ed2d2f; color: #fff; padding: 10px 15px; font-weight: 500;
    border-radius: 5px } .reward-body-dtt { padding: 30px; text-align: center } .reward-img-icon {
    width: 80px; height: 80px; display: inline-block; background: #f9f9f9; border-radius: 100%;
    border: 2px solid #efefef; padding: 18px 0 } .reward-img-icon img { width: 40px; text-align: center } .rewrd-title { display: block; margin-top: 20px; font-weight: 500; color: #3e3f5e;
    font-size: 14px; text-align: center } .cashbk-price { color: #2b2f4c; margin-top: 12px;     font-weight: 700; font-size: 18px; margin-bottom: 0; text-align: center } 
.reward-body-all { display: flex; text-align: center } .reward-body-all li { display: inline-block;
    width: 33.333%; padding: 30px 10px; border-right: 1px solid #efefef } .reward-body-all li:last-child { border-right: 0 } .tt-icon { width: 45px; height: 45px; display: inline-block;
    background: #ed2d2f; border-radius: 100%; padding: 11px 0} .tt-icon i { color: #fff; font-size: 24px } .total-rewards span { display: block; margin-top: 20px; font-weight: 600; color: #3e3f5e; font-size: 14px; text-align: center } .total-rewards h4 { color: #2b2f4c;    margin-top: 12px; font-weight: 600; font-size: 18px; margin-bottom: 0; text-align: center
} .date-reward { display: inline-block; margin-top: 20px; font-weight: 500; background: #f9f9f9;     border: 1px dashed #efefef; padding: 2px 15px; border-radius: 5px; font-size: 12px;
    color: #2b2f4c } .rewards-coupns { position: relative } .top-coup-code { position: absolute;
    top: 0; right: 0; padding: 3px 10px; font-weight: 500; font-size: 12px; color: #fff;
    background: #ed2d2f; border-radius: 0 5px 0 3px; cursor: pointer; border: 1px dashed #fff }
.rotate-img { transform: rotate(260deg) } .table-responsive { border: 0; border-radius: 0 0 5px 5px;
    margin-bottom: 0; overflow-x: inherit } table.table.ucp-table { margin-bottom: 0 } .ucp-table {
    height: auto; overflow: hidden; border-radius: 0 } .ucp-table thead { font-weight: 500;    padding: 14px !important; border-radius: 0; color: #2b2f4c !important } .ucp-table thead tr th:first-child { border-bottom-left-radius: 0 } .ucp-table thead tr th { color: #2b2f4c;
    font-size: 14px; background-color: #ffecec; font-weight: 500 } .ucp-table tfoot { font-weight: 400; padding: 14px !important; border-radius: 4px; font-family: roboto, sans-serif;     color: #2b2f4c !important } .ucp-table tfoot td { color: #fff; font-size: 14px; background-color: #2b2f4c; padding: .75rem !important } .ucp-table.earning__table td {
    padding: 1rem !important } table { margin: 0 auto; font-size: 14px; width: 100% } .ucp-table tbody { background: #fff } .ucp-table td, .ucp-table th { border-top: 1px solid #efefef !important } .ucp-table td { padding: 1.5rem .75rem !important; vertical-align: top;
    border-top: 1px solid #dee2e6 } .ucp-table th:first-child { border-top: 0 !important }
.ucp-table thead th { vertical-align: bottom; border-bottom: 0 !important } .course_active {
    color: #ed2a26 } .ucp-table tbody tr td { font-size: 14px; vertical-align: middle;     font-weight: 400; color: #3e3f5e } .offer_active { color: #ed2d2f; font-weight: 700 }
.add-cash-body { padding: 20px } .history-body { height: 360px; overflow-y: auto } .history-list li { display: block; padding: 20px; border-bottom: 1px solid #efefef } .history-list li:last-child { border-bottom: 0 } .purchase-history { display: flex; align-items: center } 
.purchase-history-right { margin-left: auto } .purchase-history-left h4 { font-size: 16px; color: #2b2f4c; margin-bottom: 8px; text-align: left; font-weight: 500 } .purchase-history-left p {
    font-size: 14px; font-weight: 500; color: #3e3f5e; text-align: left; margin-bottom: 8px;
    line-height: 24px } .purchase-history-left p ins { text-decoration: none; text-transform: uppercase; color: #ed2d2f } .purchase-history-left span { font-weight: 400; font-size: 13px;
    color: #3e3f5e; text-align: left; display: block } .purchase-history-right span { display: block; font-size: 16px; font-weight: 600; color: #ed2d2f; text-align: center } 
.purchase-history-right { text-align: center } .purchase-history-right a { font-size: 14px;     font-weight: 500; margin-top: 9px; display: block; color: #2b2f4c } .purchase-history-right a:hover { color: #ed2d2f !important }
/*-- radio button --*/ 
.radio { margin: 5px 0; } .radio input[type=radio] { position: absolute; opacity: 0; } .radio input[type=radio] + .radio-label:before { content: ""; background: #f4f4f4; border-radius: 100%;
    border: 1px solid #ed2d2f; display: inline-block; width: 1.4em; height: 1.4em; position: relative; top: 0; margin-right: 1em; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; } .radio input[type=radio]:checked + .radio-label:before { background-color: #ed2d2f; box-shadow: inset 0 0 0 4px #f4f4f4; } .radio input[type=radio]:focus + .radio-label:before { outline: none; border-color: #ed2d2f; } .radio input[type=radio]:disabled + .radio-label:before { box-shadow: inset 0 0 0 4px #f4f4f4;     border-color: #ed2d2f; background: #ed2d2f; } .radio input[type=radio] + .radio-label:empty:before { margin-right: 0; }
/*- end -*/
.add-address { display: inline-block; padding: 10px 20px; margin-top: 20px; margin-left: 20px;
    color: #fff; background: #ed2d2f; border-radius: 5px; font-weight: 500; margin-bottom: 10px
} .address-item { padding: 20px; border-bottom: 1px solid #efefef } .address-item:last-child {
    border-bottom: 0 } .address-item { display: flex; align-items: self-start } .address-icon1 {
    margin-right: 10px; background: #ed2d2f; color: #fff; padding: 5px; border-radius: 5px
} .address-icon1 i { font-size: 16px } .address-dt-all h4 { color: #2b2f4c; font-size: 16px;
    font-weight: 500; text-align: left; margin-top: 0; margin-bottom: 8px } .address-dt-all p {
    font-size: 14px; font-weight: 400; color: #3e3f5e; margin-bottom: 0; line-height: 24px
} .action-btns { margin-top: 10px } .action-btns li { display: inline-block; margin-right: 5px
} .action-btns li:last-child { margin-right: 0 } .action-btn { font-size: 16px; color: #3e3f5e
} .action-btn:hover { color: #ed2d2f !important } .add-address-form { padding: 20px 30px 30px
} .default-dt { background: #2b2f4c; position: relative } .default-dt:before { content: "";
    background: url(../images/career/default.jpg) no-repeat center; left: 0; right: 0; top: 0;
    bottom: 0; position: absolute; pointer-events: none; background-size: cover; opacity: .1 }
.default_tabs { margin-top: 0 } .default_tabs .nav-item { margin-bottom: 0 !important }
.default_tabs .nav-tabs .nav-item.show .nav-link, .default_tabs .nav-tabs .nav-link.active {
    background: #ed2d2f; color: #fff !important; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; background-image: -webkit-linear-gradient(left, rgba(237, 50, 55, 0.9), rgba(245, 93, 44, 0.9)); background-image: linear-gradient(to right, rgba(237, 50, 55, 0.9), rgba(245, 93, 44, 0.9)); border-color: inherit !important; border-top: 0 !important; border-bottom: 0 !important; border-left: 0 !important; border-right: 0 !important; border-radius: 5px !important } .default_tabs .nav-tabs { border-bottom: 0 !important } .tab_default .nav-link { border-top: 0 !important;
    border-bottom: 2px solid transparent !important; border-left: 0 !important; border-right: 0 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important;
    color: rgba(255, 255, 255, .7) !important; font-weight: 500 !important; font-family: roboto, sans-serif !important } .tab_default .nav-link { padding: .5rem 1.5rem !important }
.title129 { text-align: center } .title129 h2 { font-size: 24px; font-weight: 700; margin-top: 58px !important; color: #fff; text-align: center; line-height: 30px } .position-link-btn { display: inline-block; padding: 10px 20px; color: #fff; border: 1px solid #fff; border-radius: 5px;
    margin-top: 21px; font-weight: 500; font-size: 14px } .life-sales-trending { padding: 59px 0
} .default-title { text-align: center; padding-bottom: 8px } .default-title h2 { font-size: 24px;
    color: #2b2f4c; font-weight: 700; margin-bottom: 13px } .default-title p { line-height: 24px;
    font-weight: 400; color: #3e3f5e; font-size: 14px; margin-bottom: 15px } .dd-content {
    margin-top: 30px; width: 100% } .life-slider .owl-nav .owl-prev { left: -20px; font-size: 20px !important; position: absolute; top: 42%; text-align: center; height: 30px !important;
    width: 30px !important; padding: 4px 0 !important; color: #2b2f4c !important; background: #fff !important; border-radius: 100% !important; border: 1px solid #e5e5e5 !important;    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .07) } .life-slider .owl-nav .owl-next { font-size: 20px !important; position: absolute; right: -20px; top: 42%; padding: 4px 0 !important;
    text-align: center; height: 30px !important; width: 30px !important; color: #2b2f4c !important;
    background: #fff !important; border-radius: 100% !important; border: 1px solid #e5e5e5 !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .07) } .life-slider .owl-nav .owl-prev:hover { color: #fff !important; opacity: 1; background: #ed2d2f !important; border: 1px solid #ed2d2f !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .07) } .life-slider .owl-nav .owl-next:hover { color: #fff !important; opacity: 1; border: 1px solid #ed2d2f !important;
    background: #ed2d2f !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .07) } .white-bg {
    background: #fff } .benefits-step { text-align: center; margin-bottom: 56px } .benefit-icon {
    display: inline-block; width: 70px; height: 70px; text-align: center; background: #ed2d2f;
    border-radius: 100% } .benefit-link { display: block; margin-top: 20px; font-size: 18px;
    font-weight: 500; color: #2b2f4c; line-height: 24px; text-align: center } .benefit-link:hover { color: #2b2f4c !important } .benefit-icon i { font-size: 30px; color: #fff;
    padding: 20px 0; } .know-more-link { text-align: center } .kmore-btn { background: #ed2d2f;
    color: #fff; display: inline-block; padding: 10px 20px; font-weight: 600; border-radius: 5px;
    text-align: center; cursor: pointer } .testi-item { background: #fff; padding: 30px 20px;
    border-radius: 5px; text-overflow: ellipsis; overflow: hidden } .qoute-icon { height: 50px;
    text-align: center; font-size: 24px; color: #ed2d2f; } .testo-text { text-align: center;
    line-height: 26px; font-weight: 400; color: #3e3f5e; } .team-dt { margin-top: 35px; text-align: center; } .team-avatar img { width: 50px !important; height: 50px; border-radius: 50%;
    border: 1px solid #fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1); } .team-avatar { display: inline-block; } .team-emp-dt h4 { font-size: 18px; font-weight: 600; margin-top: 18px !important; text-align: center; margin-bottom: 10px; color: #2b2f4c; } .team-emp-dt p {
    font-size: 14px; font-weight: 400; color: #3e3f5e; margin-bottom: 0; text-align: center;
    line-height: 26px } .testimonial-slider .owl-nav .owl-prev { left: -20px; font-size: 20px !important; position: absolute; top: 45%; text-align: center; height: 30px !important;
    width: 30px !important; padding: 4px 0 !important; color: #2b2f4c !important; background: #fff !important; border-radius: 100% !important; border: 1px solid #e5e5e5 !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .07) } .testimonial-slider .owl-nav .owl-next {
    font-size: 20px !important; position: absolute; right: -20px; top: 45%; padding: 4px 0 !important; text-align: center; height: 30px !important; width: 30px !important;
    color: #2b2f4c !important; background: #fff !important; border-radius: 100% !important;
    border: 1px solid #e5e5e5 !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .07) }
.testimonial-slider .owl-nav .owl-prev:hover { color: #fff !important; opacity: 1; background: #ed2d2f !important; border: 1px solid #ed2d2f !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .07) } .testimonial-slider .owl-nav .owl-next:hover { color: #fff !important; opacity: 1;
    border: 1px solid #ed2d2f !important; background: #ed2d2f !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .07) } .pd-20 { padding: 20px; } .job-title-group { display: flex;
    align-items: center; margin-bottom: 10px; } .job-title-group h4 { font-size: 16px; font-weight: 700; line-height: 24px; margin-bottom: 0; color: #2b2f4c; } .flter-clear-link {     margin-left: auto; font-weight: 600; font-size: 14px; color: #3e3f5e; } .flter-clear-link:hover { color: #ed2d2f !important; } .all-departments { margin-top: 21px; } .job-bg1 {
    margin-top: 20px; background: #fff; border-radius: 3px; padding: 25px 30px; box-shadow: 0 1px 2px 0 #e9e9e9; display: flex; width: 100%; align-items: center; } .job-bg1:first-child {
    margin-top: 30px; } .job-item h4 { font-size: 16px; font-weight: 600; line-height: 24px;
    margin-bottom: 10px; color: #2b2f4c; } .job-item span { font-size: 14px; font-weight: 400;
    color: #3e3f5e; line-height: 24px; text-align: left; } .job-item span i { margin-right: 3px; }
.arrow-icon { font-size: 24px; color: #2b2f4c; margin-left: auto } .job-main-dt { padding-bottom: 25px; border-bottom: 1px solid #efefef } .job-main-dt h2 { color: #2b2f4c; font-size: 24px;     text-align: left; margin-top: 18px !important; margin-bottom: 12px } .job-main-dt span {
    font-size: 16px; font-weight: 400; text-align: left; line-height: 24px; color: #3e3f5e } 
.job-des-dt142 h4 { color: #2b2f4c; font-size: 16px; text-align: left; margin-bottom: 12px;     margin-top: 21px !important } .job-des-dt142 p { color: #3e3f5e; font-size: 14px; font-weight: 400; text-align: left; margin-bottom: 0; line-height: 26px } .joby-list-dt { list-style: disc
} .joby-list-dt li { margin-left: 30px; margin-bottom: 4px } .joby-list-dt li:last-child {
    margin-bottom: 0 } .job-req-dt { padding-bottom: 25px; border-bottom: 1px solid #efefef;     margin-top: 30px; padding-top: 25px; border-top: 1px solid #efefef } .job-req-dt h3 {
    color: #2b2f4c; font-size: 18px; text-align: left; font-weight: 700; margin-top: 0;     margin-bottom: 0 } .apply-btn { background: #ed2d2f; color: #fff; padding: 0 20px;
    height: 40px; font-weight: 500; border-radius: 5px; text-align: center; font-family: roboto, sans-serif; border: 0; margin-top: 34px; margin-bottom: 14px } textarea { overflow: auto;
    padding: 10px 15px !important } .ques-142 { margin-top: 10px !important; font-size: 18px;
    font-weight: 700; margin-bottom: 15px !important; padding-bottom: 15px; border-bottom: 1px solid #efefef; color: #2b2f4c } .ui.checkbox label { font-size: 14px !important; font-weight: 500 !important; color: #3e3f5e !important } .ui.checkbox input:checked ~ .box:after, .ui.checkbox input:checked ~ label:after { color: #ed2d2f !important } .ui.checkbox input:checked ~ .box:before, .ui.checkbox input:checked ~ label:before { border-color: #ed2d2f !important } .ui.checkbox .box:after, .ui.checkbox label:after { font-size: 12px !important
} .control-label { font-size: 14px; font-weight: 600; color: #2b2f4c; margin-bottom: .8rem
} .custom-file-label { padding: .375rem .75rem; font-weight: 500 !important; color: #afafaf !important; background-color: #fff !important; border: 1px solid #efefef !important;    border-radius: 5px !important; box-shadow: inset 0 0 0 rgba(0, 0, 0, .1) !important }
.custom-file-input:lang(en) ~ .custom-file-label::after { content: "Upload Files" !important }
.custom-file-label::after { height: calc(1.5em + .75rem + 1px) !important; padding: .4rem .75rem !important; color: #fff !important; content: "Upload Files" !important; background-color: #ed2d2f !important; border-radius: 0 5px 5px 0 !important } .left-text { text-align: left }
.about-content p { margin-top: 24px !important; line-height: 26px; font-size: 14px; font-weight: 400; color: #3e3f5e; text-align: left } .about-img { width: 100%; margin-top: 10px; text-align: center } .about-steps-group { padding: 29px 0 59px } .about-step { text-align: center;     padding: 0 20px; margin-top: 30px } .about-step-img img { height: 60px } .about-step h4 {
    font-size: 18px; font-weight: 700; color: #2b2f4c; margin-top: 20px; margin-bottom: 12px;     text-align: center } .about-step p { font-size: 14px; font-weight: 400; color: #3e3f5e;
    margin-top: 0; margin-bottom: 0; text-align: center; line-height: 26px } .team-item {
    width: 100%; border-radius: 5px; background: #fff; padding: 5px; text-align: center
} .team-img img { width: 100%; border-radius: 5px 5px 0 0 } .team-item h4 { font-size: 18px;
    font-weight: 700; color: #2b2f4c; margin-top: 21px; margin-bottom: 7px } .team-item span {
    font-size: 14px; font-weight: 400; color: #3e3f5e; margin-bottom: 15px; display: block }
.team-social li { display: inline-block; margin-bottom: 20px; margin-right: 5px } .team-social li:last-child { margin-right: 0 } .scl-btn { font-size: 14px; background: #2b2f4c; color: #fff;
    display: inline-block; height: 40px; width: 40px; border-radius: 100%; padding: 12px 0;
    text-align: center } .blog-breadcrumb { text-align: center !important; width: 100%;     background: 0 0 !important; align-items: center; justify-content: center } .blog-breadcrumb .breadcrumb-item.active { color: #fff !important } .blog-breadcrumb .breadcrumb-item a {
    color: rgba(255, 255, 255, .8) } .blog-breadcrumb .breadcrumb-item a:hover { color: rgba(255, 255, 255) !important } .title129 .blog-titlebar-heading { font-size: 24px; font-weight: 700;
    margin-top: 36px !important; color: #fff; text-align: center; line-height: 30px }
.top-post-link { display: block; font-size: 14px; font-weight: 500; color: #2b2f4c; line-height: 22px; margin-bottom: 7px } .top-post-link:hover { color: #ed2d2f !important } .top-posts li {
    padding: 12px 20px; border-bottom: 1px solid #efefef } .top-posts li:last-child {    border-bottom: 0 } .cntct-social { padding: 20px 20px 0 } .date-icons-group { display: flex;
    width: 100%; align-items: center; padding: 20px; border-bottom: 1px solid #efefef; }
.like-share-icons li { display: inline-block; margin-right: 15px; } .like-share-icons li:last-child { margin-right: 0 } .like-share-icons { margin-left: auto } .sz-14 { font-size: 14px !important } .like-share { font-size: 14px; font-weight: 500; color: #2b2f4c } .like-share span { margin-left: 5px; color: #2b2f4c } .like-share:hover { color: #ed2d2f !important } .pdpt-bg-left { margin-top: 30px; background: #fff; border-radius: 3px; box-shadow: 0 1px 2px 0 #e9e9e9; float: left; width: 100%; } .cate-count { display: block; font-size: 14px; font-weight: 400; color: #8f91ac; line-height: 26px; margin-bottom: 0; float: right; } .top-posts .media-list { padding: 20px !important; } .top-posts .media-list .media { padding: 0; border: none; border-bottom: 0; float: left; width: 100% } .media-list .media .media-left { padding-right: 1rem; float: left
} .icon-bg-circle { color: #fff; padding: 0; border-radius: 3px; width: 70px; height: 70px;
    border: 0; object-fit: cover; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1) } .tagcloud {
    padding-bottom: 15px } .tagcloud a, .tagcloud .tag-cloud-link { display: inline-block;
    margin-right: .5rem; margin-bottom: .5rem; padding: .375rem .5625rem; transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .2s ease-in-out; border: 1px solid #efefef; border-radius: .1875rem; color: #2b2f4c;     font-size: 13px !important; white-space: nowrap; line-height: 1.5 } 
.pagination-area .page-numbers { width: 33px; height: 33px; background-color: #fff; border: 1px solid #efefef; color: #606060; text-align: center; display: inline-block; border-radius: 3px;
    line-height: 34px; position: relative; margin-left: 3px; margin-right: 3px; font-size: 14px;
    font-weight: 500 } .pagination-area .page-numbers.current, .pagination-area .page-numbers:hover { background: #ed2d2f; color: #fff !important; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; background-image: -webkit-linear-gradient(left, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9)); background-image: linear-gradient(to right, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9)) }
.blog-dt-vw { height: 80vh; display: table; text-align: center; width: 100%; background-position: 40% 0; transition: 0s linear; transition-property: background-position }
.banner-blog { background: url(../images/blog/img-1.jpg) 40% 0px/cover no-repeat
} .banner.visible { opacity: 1 } .parallax { background-position: 40% 0 }
.blog-dt-vw .blog-inner { display: table-cell; color: #fff; font-weight: 500; vertical-align: middle; background-color: rgba(0, 0, 0, .6) } .blog-dt-vw .blog-inner h1 { font-size: 40px; font-weight: 700; margin: 0 auto 10px; max-width: 750px; line-height: 1.3em; padding: 0 15px
} .blog-inner .extra-info { font-size: 14px } .entry-date { font-weight: 500 } .single-post-cat {
    margin-top: 20px } .single-post-cat a { color: #fff; background: #ed2d2f; padding: 5px 10px 4px;
    border-radius: 3px; font-weight: 500; font-size: 12px; margin: 0 2px; line-height: 24px;
    display: inline-block } .blog-des-dt142 p { color: #3e3f5e; font-size: 14px; font-weight: 400;
    text-align: left; margin-bottom: 0; line-height: 26px } .blog-des-dt142 { margin-top: 42px
} .mt-21 { margin-top: 21px; } .mb-21 { margin-bottom: 21px; } .ss18 { font-size: 18px !important
} .leave-comment { margin-top: 35px; } .leave-comment h2 { font-size: 24px; font-weight: 700;
    text-align: left; width: 100%; margin-bottom: 13px; color: #2b2f4c; }
.leave-comment span { display: block; font-size: 14px; font-weight: 400; color: #3e3f5e;   margin-bottom: 28px; text-align: left; line-height: 26px; } .ptt { padding: 30px; }
.all-comment { margin-top: 35px; padding-bottom: 41px; border-bottom: 1px solid #efefef; }
.all-comment h2 { font-size: 24px; font-weight: 700; text-align: left; width: 100%; margin-bottom: 13px; color: #2b2f4c; } .cmmnt_item { padding: 20px; background: #fff; border-radius: 5px;
    margin-top: 30px; } .cmmnt_item:last-child { border-bottom: 0; } .cmmnt_usr_dt {
    display: flex; position: relative; } .cmmnt_usr_dt img { width: 50px; height: 50px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
    margin-right: 15px; } .tutor_name1 { font-size: 16px; font-weight: 700; color: #2b2f4c !important; text-align: left; margin-bottom: 0; } .time_145 { font-size: 12px;     font-weight: 500; color: #b1b1b1; display: block; margin-top: 5px; } .rvds10 {
    font-size: 14px; font-weight: 400; margin-top: 17px; line-height: 26px; color: #3e3f5e;
    text-align: left; }
button, input, optgroup, select, textarea { font-family: roboto, sans-serif !important; }
/*textarea {*/
    /*border: 1px solid #efefef !important*/
/*}*/
/*-- multiple dropzone --*/
.dropzone { background: white; min-height: 138px!important; border-radius: 5px; padding: 10px!important; border: 2px dashed #ced4da!important; border-image: none; } .dropzone .dz-preview {
    margin: 10px!important; } .dropzone .dz-preview .dz-image { width: 100px!important; height: 100px!important; }
/* checkbox */
.checkbox-block{ display: flex; align-items: center; gap: 20px; margin-bottom: 30px; } 
.checkbox-block label{ width: 72px; } .checkbox-block input{ width: 50%; min-height: 35px;
} .checkbox-group input { display: none; } .checkbox-group label { display: flex; gap: 15px;
    width: 125px; align-items: center; transition: 0.5s color ease; white-space: nowrap;
    cursor: pointer; position: relative; } .checkbox-group label::before { content: "";
    min-width: 1.5em; height: 1.5em; border: 0.125em solid #ed2d2f; border-radius: 0.25em;
} .checkbox-group input:checked + label { color: #ed2d2f; } .checkbox-group label::after {
    content: ""; width: 0.75em; height: 0.75em; top: 0.375em; left: 0.375em; border-radius: 0.05em;
    background-color: #ed2d2f; position: absolute; transform: scale(0); transition: 0.5s transform ease; } .checkbox-group input:checked + label::after { transform: scale(1); }
.review h4{ margin: 0; } .review h5{ color: #ed2d2f; margin: 0 0 15px 0; } .review + .review {
    margin-top: 1em; } .list-group-item{ color: #ed2d2f; padding: 0.75rem 0!important; border:none!important; border-radius: 0!important; } .list-group-item span{ color: #3e3f5e; }
.comment { margin-top: 20px; padding: 0 0 20px 0; border-bottom: solid 1px #dfdfdf; }
.comment:last-child{ border-bottom: none; } .comment .photo { width: 40px; height: 40px; order-radius: 100%; float: left; margin-right: 20px; } .comment-text { width: 100%; }
.name { margin: 0 0 10px 0; font-size: 14px; color: #2C3137; font-weight: 600; } .time { margin: 0;
    font-size: 16px; color: #ed2d2f; padding-left: 20px; font-weight: 400; background-repeat: no-repeat; background-size: 4px; background-position: top 8px left 5px; }
.like-dislike{ display: flex; justify-content: end; } .like, .dislike { display: inline-block;    margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; padding: 0 10px; color: #9c9c9c!important; white-space: nowrap; font-size: 14px;
    line-height: 1.428571429; } .qty1, .qty2 { border: none; width:25px; background: transparent;
} .form-control { min-height: 40px; color: #2b2f4c !important; font-weight: 400 !important; }
.input-box { position: relative; } .input-box input { padding: 5px 10px 5px 40px; } .input-box .unit { position: absolute; display: block; left: 8px; top: 11px; z-index: 9; }
/*-- tabs --*/
.nav-item .nav-link, .nav-tabs .nav-link { -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s; } .card a { -webkit-transition: all 150ms ease 0s;  -moz-transition: all 150ms ease 0s; -o-transition: all 150ms ease 0s; -ms-transition: all 150ms ease 0s; transition: all 150ms ease 0s; }
[data-toggle="collapse"][data-parent="#accordion"] i { -webkit-transition: transform 150ms ease 0s;
    -moz-transition: transform 150ms ease 0s; -o-transition: transform 150ms ease 0s; -ms-transition: all 150ms ease 0s; transition: transform 150ms ease 0s; }
[data-toggle="collapse"][data-parent="#accordion"][aria-expanded="true"] i { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg); transform: rotate(180deg); } .now-ui-icons { display: inline-block; font: normal normal normal 14px/1 'Nucleo Outline'; font-size: inherit;
    speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@-webkit-keyframes nc-icon-spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes nc-icon-spin {
    0% { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); }
}
@keyframes nc-icon-spin {
    0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);  }
} .now-ui-icons.objects_umbrella-13:before { content: "\ea5f"; } .now-ui-icons.shopping_cart-simple:before { content: "\ea1d"; } .now-ui-icons.shopping_shop:before { content: "\ea50"; }
.now-ui-icons.ui-2_settings-90:before { content: "\ea4b"; } .nav-tabs { border: 0; padding: 15px 0.7rem; } .nav-tabs:not(.nav-tabs-neutral)>.nav-item>.nav-link.active { box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.3); } .card .nav-tabs { border-top-right-radius: 0.1875rem;
    border-top-left-radius: 0.1875rem; } .nav-tabs>.nav-item>.nav-link { color: #888888; margin: 0;
    margin-right: 5px; background-color: transparent; border: 1px solid transparent; border-radius: 30px; font-size: 14px; padding: 11px 23px; line-height: 1.5; } .nav-tabs>.nav-item>.nav-link:hover { background-color: transparent; } .nav-tabs>.nav-item>.nav-link.active {
    background-color: #444; border-radius: 30px; color: #FFFFFF; } .nav-tabs>.nav-item>.nav-link i.now-ui-icons { font-size: 14px; position: relative; top: 1px; margin-right: 3px; }
.nav-tabs.nav-tabs-neutral>.nav-item>.nav-link { color: #FFFFFF; } .nav-tabs.nav-tabs-neutral>.nav-item>.nav-link.active { background-color: rgba(255, 255, 255, 0.2); color: #FFFFFF; }
.card { border: 0!important; border-radius: 10px!important; display: inline-block!important;     position: relative!important; width: 100%; overflow: hidden; margin-bottom: 30px; }
.card .card-header { background-color: transparent; border-bottom: 0; border-radius: 0!important;
    padding: 0!important; } .card[data-background-color="red"] { background-color: #ed2d2f; }
[data-background-color="red"] { background-color: #ed2d2f; }
[data-background-color]:not([data-background-color="gray"]) { color: #FFFFFF; }
[data-background-color]:not([data-background-color="gray"]) p { color: #FFFFFF; }
[data-background-color]:not([data-background-color="gray"]) a:not(.btn):not(.dropdown-item) {
    color: #FFFFFF; }
[data-background-color]:not([data-background-color="gray"]) .nav-tabs>.nav-item>.nav-link i.now-ui-icons { color: #FFFFFF; }
@media screen and (max-width: 768px) {
    .nav-tabs { display: inline-block; width: 100%; padding-left: 20px; padding-right: 20px;
        text-align: center; } .nav-tabs .nav-item>.nav-link { margin-bottom: 5px; padding: 11px 18px;  }
}
/*-- end --*/
.post-btn { height: 40px; border: 0; padding: 0 20px; color: #fff; background: #ed2d2f;   border-radius: 5px; font-weight: 500; font-size: 14px; margin-top: 10px; margin-bottom: 13px
} .fcrse_3 { background: #fff; width: 100%; padding: 0; border-radius: 5px; margin-bottom: 30px;
    box-shadow: 0 1px 2px 0 #e9e9e9; } .cater_ttle { float: left; width: 100%; padding: 15px 20px
} .fcrse_3 h4 { font-size: 16px; color: #333; float: left; font-weight: 500; margin-bottom: 0; }
.allcate15 { width: 100%; } .allcate15 li { display: block; width: 100%; } .blogleft12 li {
    display: block; width: 100%; border-bottom: 1px solid #efefef; } .blogleft12 li:last-child {
    border-bottom: 0; } .ct_item { width: 100%; padding: 10px 20px; font-size: 14px; color: #686f7a;
    text-align: left; } .ct_item.active { font-weight: 600; color: #2b2f4c; } .ct_item i {
    margin-right: 10px; font-size: 120%; } .category-topics { border-bottom: 0; font-size: 14px;
    font-weight: 500; margin-bottom: 0 !important; text-align: left; color: #2b2f4c; display: block;
    padding: 15px 20px; } .category-topics:after { content: '\f0d7'; font-size: 14px; font-family: fontawesome; float: right; margin-left: 30px; color: #a7a8aa; }
.category-item1 { border-bottom: 0; font-size: 14px; font-weight: 400; margin-bottom: 0 !important;
    text-align: left; color: #3e3f5e; display: block; padding: 10px 20px; } .socl148 { padding: 20px; display: flex; } .twiter158 { font-size: 14px; font-weight: 500; font-family: roboto, sans-serif; color: #fff; border: 0; border-radius: 5px; height: 40px; padding: 0 15px;
    width: 50%; margin-right: 10px; background: #1da1f2; } .facebook158 { font-size: 14px;
    font-weight: 500; font-family: roboto, sans-serif; color: #fff; border: 0; border-radius: 5px;
    height: 40px; padding: 0 15px; width: 50%; background: #3b5998; } .ic45 { margin-right: 7px
} .help_link { padding: 15px 20px; text-align: center; } .help_link a { font-size: 14px;   font-weight: 500; color: #2b2f4c; text-align: center; } .help_link a:hover {
    color: #ed2d2f !important; } .press-title h2 { font-size: 24px; font-weight: 700; margin-bottom: 15px !important; text-align: left; color: #2b2f4c; line-height: 24px; } .press-title p { font-size: 14px; font-weight: 400;
margin-bottom: 0 !important; text-align: left; color: #3e3f5e; line-height: 24px; }
.press-title p a { color: #ed2d2f; } .press-title p a:hover { color: #ed2d2f !important;  text-decoration: underline !important; } .press-item { display: block; background: #fff;     width: 100%; padding: 20px; border-radius: 5px; margin-top: 30px; box-shadow: 0 1px 2px 0 #e9e9e9; } .press-item span { font-size: 12px; font-weight: 500; margin-bottom: 0 !important;
    text-align: left; color: #b1b1b1; } .press-item h4 { font-size: 18px; font-weight: 700;margin-top: 15px !important; margin-bottom: 10px !important; text-align: left; color: #2b2f4c; line-height: 24px; } .press-item p { font-size: 14px; font-weight: 400;     margin-bottom: 0 !important; text-align: left;  color: #3e3f5e; line-height: 26px; }
.policy-des-dt { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e1e1e1;}
.policy-des-dt:last-child { margin-bottom: 7px; padding-bottom: 0; border-bottom: 0; }
.sign-inup { padding: 30px 0; } .sign-form { display: block; width: 100%; } .sign-img { background: #4576b4; padding: 50px; border-radius: 5px 0 0 5px; } .sign-img img { width: 100%; } .sign-inner { padding: 0; } .sign-logo { width: 100%; text-align: center; } .sign-logo img { width: 150px; 
} .form-dt { margin-top: 50px; border: 1px solid #efefef; position: relative; border-radius: 5px;
    background: #fff; } .form-inpts { padding: 38px 30px 0; } .form-title { text-align: center;
    margin-bottom: 37px; } .form-title h6 { font-weight: 700; color: #2b2f4c; font-size: 25px; }
.lgn_input { padding: 0 1rem 0 3rem !important; } .pos_rel { position: relative; margin-bottom: 1.5rem!important; } .lgn_icon { position: absolute; top: 22%; left: 2%; font-size: 18px; color: #2b2f4c; } .form-control:focus + .lgn_icon { color: #ed2d2f; } .login-btn { font-size: 14px;
    font-weight: 500; width: 50%; height: 40px; border: 0; margin-top: 15px; color: #fff; background: #ed2d2f; border-radius: 5px; text-align: center; } .signup-link { margin-top: 30px;    border-radius: 0 0 5px 5px; text-align: center; padding: 15px 10px; background: #ed2d2f;    transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; background-image: -webkit-linear-gradient(left, rgba(230, 92, 91, 0.9), rgba(237, 45, 47, 0.9)); background-image: linear-gradient(to right, rgba(230, 92, 91, 0.9), rgba(237, 45, 47, 0.9)) } .signup-link p { color: #fff; font-size: 14px; font-weight: 500} .signup-link p a { color: #fff; font-size: 12px; background: #2b2f4c; padding: 7px 10px; border-radius: 3px; display: inline-block; margin-left: 5px;} .signup-link p a:hover {  color: #fff !important; box-shadow: 0 5px 5px rgba(0, 0, 0, .2)} .password-forgor {    display: flex; justify-content: space-between;} .password-forgor a { display: block;    font-size: 14px; font-weight: 400; color: #2b2f4c; } .remember { position: relative;    color: #2b2f4c; margin-bottom: 10px; cursor: pointer; align-items: center; display: flex;}
.remember input{ margin-right: 5px;} .password-forgor a:hover { color: #ed2d2f !important; }
.login-resources { position: relative; width: 100%; text-align: center; margin-top: 27px; }
.login-resources h4 { color: #000000; font-size: 14px; font-weight: 600; margin-bottom: 20px;
    text-transform: uppercase; } .login-resources h4:before{ content: ''; position: absolute;    left: 30px; top: 7px; width: 140px;
    height: 1px;     background: #efefef; }
.login-resources h4:after{     content: '';    position: absolute;    right: 30px;    top: 7px;
    width: 140px;    height: 1px;    background: #efefef; }
.login-resources ul {    width: 100%;    list-style: none;    display: flex;     justify-content: center;}
.login-resources ul li {    margin: 0 5px;}
.login-resources ul li a {    color: #ffffff;    font-size: 15px;    font-weight: 500;    display: block;
    width: 40px;    padding: 10px;    border-radius: 50%;    height: 40px; }
.fb {    background-color: #3b5998; }.gg {    background-color: #eb0e06; }
.panel-group {     width: 100%;    margin-top: 24px;    margin-bottom: 14px}
.panel-title {     vertical-align: middle;}.panel-default {    width: 100%;    border-top: 0}
.panel-default:first-child {     border-top: 0 } .panel-body {   font-size: 14px;    font-weight: 400;
    color: #3e3f5e;    line-height: 26px;    padding-bottom: 20px;    text-align: left;
    padding: 20px;    background: #fff;    border-radius: 0 0 5px 5px;    border-top: 1px solid #efefef
}
.panel-default {    width: 100%;    border-top: 0; } .panel-title {    vertical-align: middle; }
.panel-title a {     font-size: 16px;    font-weight: 500;    color: #2b2f4c !important;
    padding: 15px 20px 18px;     display: block;    line-height: 26px;    background: #fff;
    border-radius: 5px 5px 0 0;     margin-top: 10px; }
.panel-title a.collapsed {     border-radius: 5px; } .chck_icon {    color: #ed2d2f;     margin-right: 10px
}
.panel-title > a:before {     float: right !important;     font-family: roboto, sans-serif;     content: "\f058";
    padding-right: 0;     font-size: 16px;     padding-top: 2px;     font-family: "font awesome 5 free";
    font-weight: 900; }
.panel-title > a.collapsed:before {     float: right !important;    content: "\f058";    font-family: "font awesome 5 free";
    font-weight: 400; } .color-red, .color-red a {     color: #ed2d2f; }
.contact-title h2 {     font-size: 24px;    font-weight: 700;    margin-top: 17px !important;
    text-align: left;    margin-bottom: 12px;    color: #2b2f4c; }
.contact-title p {     font-size: 14px;     font-weight: 400;    margin-top: 0 !important;    text-align: left;
    margin-bottom: 0;     color: #3e3f5e;     line-height: 26px; }
.contact-form {    background: #fff;    border-radius: 5px;    padding: 20px 30px 30px;
    margin-top: 34px;    margin-bottom: 14px; }
.bootstrap-tagsinput .tag {     margin-right: 2px;    color: #fff;    background: #ed2d2f;    font-weight: 400;
    padding: 5px 10px;     border-radius: 3px;    line-height: 26px; }
.bootstrap-tagsinput {     border: 1px solid #efefef !important;    box-shadow: none !important;
    width: 100%;     height: auto;     text-align: left }
.bootstrap-tagsinput input {     padding: 7px 10px !important;     font-weight: 500 }
.request-products {     margin-top: 30px } .rqst-btn {    width: 100% } .request-grid {     margin-top: 64px;}
.faq-dt {    padding: 50px;    background: #2b2f4c;    position: relative; }
.faq-dt:before {     content: "";     background: url(../images/career/default.jpg) no-repeat center;
    left: 0;     right: 0;     top: 0;    bottom: 0;    position: absolute;    pointer-events: none;
    background-size: cover;    opacity: .1 }
.panel-body p {     font-size: 14px;     font-weight: 400;     color: #3e3f5e;     line-height: 26px;
    margin-bottom: 0; } .offers-item {     display: block;    margin-top: 30px;    background: #fff;
    padding: 5px;     border-radius: 5px;    position: relative;    box-shadow: 0 1px 2px 0 #e9e9e9
} .offer-img img {    width: 100%;    border-radius: 5px 5px 0 0; }
.offers-text {     padding: 20px 15px; }
.offers-text h4 {    font-size: 16px;    font-weight: 700;    margin-bottom: 13px;    text-align: left;
    color: #2b2f4c; } .offers-text p {     font-size: 14px;    font-weight: 400;    color: #3e3f5e;
    line-height: 26px;     text-align: left; }
.mb-14 { margin-bottom: 14px; } .report-btn { font-size: 14px; font-weight: 600; color: #fff; background: #ed2d2f;
display: inline-block; padding: 8px 16px; border-radius: 5px; } .bill-dt-bg { padding-top: 60px; }
.bill-detail { background: #fff; border-radius: 3px; box-shadow: 0 1px 2px 0 #e9e9e9; margin: 65px 0
}.bill-dt-step { padding: 30px; border-bottom: 1px solid #efefef; } .bill-dt-step:last-child { border-bottom: 0;}
.bill-title h4 { margin-bottom: 20px !important; font-size: 18px; font-weight: 700; color: #2b2f4c;}
.itm-ttl { display: block; font-weight: 500; font-size: 16px; text-align: left; margin-bottom: 10px;
color: #2b2f4c; } .item-prdct { font-size: 14px; font-weight: 400; color: #3e3f5e; text-align: left;
line-height: 24px; margin-right: 10px } .item-prdct:last-child { margin-right: 0 } .item-prdct:after {
content: ','; padding-left: 3px } .item-prdct:last-child:after { content: '' } .bill-address { font-size: 14px;
font-weight: 400; color: #3e3f5e; margin-bottom: 0; line-height: 26px } .bill-dt-sl { font-size: 14px;
font-weight: 400; color: #2b2f4c; margin-bottom: 0; line-height: 26px } .descp-bll-dt { color: #8f91ac;}
.dly-loc { color: #3e3f5e; } .dlr-ttl25 { color: #ed2d2f; } .bill-bottom { display: flex; align-items: center; }
.thnk-ordr {    font-size: 14px;    font-weight: 500;    color: #2b2f4c;    margin-bottom: 0;    line-height: 26px
} .print-btn {    margin-left: auto;    padding: 9px 20px;    border: 1px solid #ed2d2f;    background: #ed2d2f;
    color: #fff;     border-radius: 5px;    font-family: roboto, sans-serif;    font-weight: 500;    display: inline-block
}nav {     position: relative;} header.dark nav {   background-color: rgba(255, 255, 255, 0.5);}
header.light nav { background-color: rgba(0, 0, 0, 0.5); } ul.main-nav {    list-style-type: none;
    padding: 0px;    font-size: 0px;    max-width: 1000px;    margin: 0 auto;}
ul.main-nav > li {     display: inline-block;    padding: 0;} ul.main-nav > li > a {  display: block;
    padding: 20px 30px;    position: relative;    color: #fff;    font-size: 16px;    font-weight: 400;
    box-sizing: border-box;}ul.main-nav > li:hover {    background-color: #f9f9f9;}
ul.main-nav > li:hover > a {    color: #333;    font-weight: 400;}ul.main-nav > li ul.sub-menu-lists {
    margin: 0px;    padding: 0px;    list-style-type: none;    display: block;}
ul.main-nav > li ul.sub-menu-lists > li {    padding: 2px 0;}
ul.main-nav > li ul.sub-menu-lists > li > a {    font-size: 14px;}
.ic {    position: fixed;    cursor: pointer;    display: inline-block;    right: 25px;    width: 32px;
    height: 24px;    text-align: center;    top: 0px;    outline: none;}
.ic.close {    opacity: 0;    font-size: 0px;    font-weight: 300;    color: #fff;    top: 8px;
    height: 40px;    display: block;    outline: none;}
/* Menu Icons for Devices*/
.ic.menu {    top: 25px;    z-index: 20;}
.ic.menu .line {    height: 2px;    width: 100%;    display: block;    margin-bottom: 6px;
    background: #ed3237;}
.ic.menu .line-last-child {    margin-bottom: 0px;}
.sub-menu-head {    margin: 10px 0;}
.banners-area {    margin-top: 20px;    padding-top: 15px;}
/*--- all category card ---*/
.item-card {     overflow: hidden;    border-radius: 7px;    display: block;    margin: 10px 0;
}.item-card-desc {    position: relative;}.item-card-desc:hover img {    transform: scale(1.1)!important;
}
/*.item-card .item-card-desc:before {*/
    /*content: '';*/
    /*display: block;*/
    /*position: absolute;*/
    /*background: rgba(237, 45, 47, 0.6);*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*right: 0;*/
    /*top: 0;*/
    /*z-index: 1;*/
    /*border-radius: 7px;*/
/*}*/
.card-img {    width: 100%;    border-radius: calc(3px - 1px);    height: 100%;}
.item-card .item-card-desc img {    -webkit-transform: scale(1);    transform: scale(1);    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;     width: 60px;    height: auto;    margin: 10px 0;}
.card-img img {    border-radius: 3px;}
.cover-image {    background-size: cover !important;    width: 100%;    position: relative;}
/*--- category accordian ---*/
#accordionExample .card{    border: none;    background: transparent;}
#accordionExample .card-header{    background: transparent;    padding: 0!important;    margin: 0!important;
    border:none;    min-height: 10px !important;}
#accordionExample .card-header .btn-link{    display: block;    width: 100%;    text-align: left;
    color:#343a40;}#accordionExample .card-header .btn-link:hover{    color:#ed2d2f;}
.accordion .fa {    margin-right: 12px;    font-size: 13px;}
.accordion button, .accordion button:hover, .accordion button:focus{    text-decoration: none;}
/*.item-card .item-card-desc .item-card-text {*/
    /*position: absolute;*/
    /*top: 40%;*/
/*}*/
/*.item-card .item-card-desc .item-card-text {*/
    /*position: absolute;*/
    /*top:15%;*/
    /*left: 0;*/
    /*right: 0;*/
    /*text-align: center;*/
    /*color: #fff;*/
    /*z-index: 2;*/
/*}*/
.item-card .item-card-desc:hover:before { background: rgb(237, 45, 47, 0.8) !important; }
.item-card-desc .item-card-text h4, .item-card-desc .item-card-text h3 { color: #898989; }
.item-card-text{ margin-bottom: 10px; } .item-card-text h4 { font-size: 16px; font-weight: 400; margin: 0 0 10px 0;}
.item-card-text span { font-size: 16px; margin: .5rem; font-weight: 700; color: rgba(255, 255, 255, 0.8) !important;}
.fs-18 { font-size: 18px !important; }
.card-header { background: 0 0; padding: 5px 10px!important; display: -ms-flexbox; display: block;
min-height: 3.5rem; -ms-flex-align: center; align-items: center; } .card-header a{ display: flex;
align-items: center; justify-content: space-between; } .card-title { margin-bottom: 0!important; }
.card-header a .product-number{ font-weight: 500; } .card-title { margin-bottom: 0; }
.card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }
.border { border: 1px solid #ededf5 !important; } .card-title { font-size: 1.125rem; line-height: 1.2;
font-weight: 500; } .card-title span{  font-weight: 500; font-size: 14px; } .card-title:only-child {
margin-bottom: 0; font-weight: 600; font-size: 20px; } .card-header a i { display: inline-block; margin-right:10px;
font-size: 18px; line-height: 30px; border-radius: 50%; width: 30px; height: 30px; text-align: center;
background-color: #f5f4f9; color: #ed2d2f; } .card-body> :last-child { margin-bottom: 0; }
.widget-spec li { margin-bottom: .5rem; font-size: .9rem; display: flex; } .widget-spec li a{ color: #ed2d2f;}
.widget-spec li i { margin-right: .5rem; margin-top: 3px; color: #ed2d2f; font-size: 11px; }
@media only screen and (max-width: 991px) {
.mt1-5 { margin-top: 60px !important; } .sub-header-group { height: 0; } .main-title-left span {
display: none; } .sub-menu-head { color: orange; } .ic.menu { display: block; } header.dark .ic.menu .line {
background-color: #fff; } header.light .ic.menu .line { background-color: #000; } .ic.menu .line {
-webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;
-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);
-webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center;
} .ic.menu:focus .line { background-color: #fff !important; } .ic.menu:focus .line:nth-child(1) {
-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);
transform: rotate(45deg); } .ic.menu:focus .line:nth-child(2) { -webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -10px; }
.ic.menu:focus .line:nth-child(3) { transform: translateY(15px); opacity: 0; }.ic.menu:focus { outline: none; }
.ic.menu:focus ~ .ic.close { opacity: 1; z-index: 21; outline: none; } .ic.menu:focus { opacity: 1; }
nav { background-color: transparent; }
    /* Main Menu for Handheld Devices  */
ul.main-nav { z-index: 2; padding: 50px 0; position: fixed; right: 0px; top: 0px; width: 0px; background-color: rgba(0, 0, 0, 1);
height: 100%; overflow: auto; 
/*CSS animation applied : Slide from Right*/
-webkit-transition-property: background, width; -moz-transition-property: background, width; -o-transition-property: background, width;
        transition-property: background, width; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;
        -o-transition-duration: 0.6s; transition-duration: 0.6s; }
.ic.menu:focus ~ .main-nav { width: 300px; background-color: rgba(0, 0, 0, 1); }
ul.main-nav > * { -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity;
        transition-property: opacity; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s; transition-duration: 0.4s; opacity: 0; } .ic.menu:focus ~ .main-nav > * {
opacity: 1; } ul.main-nav > li > a:after { display: none; } ul.main-nav > li:first-child { border-radius: 0px; }
ul.main-nav > li { display: block; border-bottom: 1px solid #444; } ul.main-nav > li > a { font-weight: 600; }
ul.main-nav > li ul.sub-menu-lists > li a { color: #eee; font-size: 14px; } .sub-menu-head { font-size: 16px; }
ul.main-nav > li:hover { background-color: transparent; } ul.main-nav > li:hover > a { color: #fff;
text-decoration: none; font-weight: 600; } .ic.menu:focus ~ ul.main-nav > li > div.sub-menu-block {
border-left: 0px solid #ccc; border-right: 0px solid #ccc; border-bottom: 0px solid #ccc; position: relative;
visibility: visible; opacity: 1.0; } .sub-menu-block { padding: 0 30px; } .banners-area { padding-bottom: 0px; }
.banners-area div { margin-bottom: 15px; } .banners-area { border-top: 1px solid #444; }
}
@media only screen and (min-width: 769px) {
.ic.menu { display: none; }
/* Main Menu for Desktop Devices  */
ul.main-nav { display: block; position: relative; } .sub-menu-block { padding: 15px; }
/* Sub Menu */
ul.main-nav > li > div.sub-menu-block { visibility: hidden; background-color: #f9f9f9; position: absolute;
margin-top: 0px; width: 100%; color: #333; left: 0; box-sizing: border-box; z-index: 3; font-size: 16px;
border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; opacity: 0;
/*CSS animation applied for sub menu : Slide from Top */
-webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;
-webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg);
transform: rotateX(90deg); -webkit-transform-origin: top center; -ms-transform-origin: top center;
transform-origin: top center; }
ul.main-nav > li:hover > div.sub-menu-block { background-color: #f9f9f9; visibility: visible; opacity: 1;
-webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg);
transform: rotateX(0deg); }
ul.main-nav > li > div.sub-menu-block > * { -webkit-transition-property: opacity; -moz-transition-property: opacity;
-o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; opacity: 0; }
ul.main-nav > li:hover > div.sub-menu-block > * { opacity: 1; } .sub-menu-head { font-size: 20px; }
/* List Separator: Outer Border */
header.dark ul.main-nav > li > a { border-right: 1px solid #bbb; } header.light ul.main-nav > li > a {
border-right: 1px solid #666; }
/* List Separator: Inner Border */
ul.main-nav > li > a:after { content: ''; width: 1px; height: 62px; position: absolute; right: 0px;
top: 0px; z-index: 2; } header.dark ul.main-nav > li > a:after { background-color: #777; }
header.light ul.main-nav > li > a:after { background-color: #999; }
/* Drop Down/Up Arrow for Mega Menu */
ul.main-nav > li > a.mega-menu > span { display: block; vertical-align: middle; }
ul.main-nav > li > a.mega-menu > span:after { width: 0; height: 0; border-left: 5px solid transparent;
border-right: 5px solid transparent; border-top: 5px solid #fff; content: ''; background-color: transparent;
display: inline-block; margin-left: 10px; vertical-align: middle; }
ul.main-nav > li:hover > a.mega-menu span:after { border-left: 5px solid transparent; border-right: 5px solid transparent;
border-top: 0px solid transparent; border-bottom: 5px solid #666; }
.banners-area { border-top: 1px solid #ccc; }
}