@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Della+Respira&family=Montserrat&display=swap'); @import url(bootstrap.min.css); @import url(animate.css); @import url(all.min.css); @import url(simple-line-icons.css); @import url(font-awesome.min.css); @import url(owl.carousel.min.css); body { position: relative; padding: 0; margin: 0; font-size: 14px; color: #503620; line-height: 1.8em; -webkit-font-smoothing: antialiased; overflow-x: hidden; font-family: 'Della Respira' } a, a:active, a:link, a:hover { text-decoration: none !important; -webkit-transition: all .3s ease; transition: all .3s ease; outline: none !important; } h1, h2, h3, h4, h5, h6, .h6 { -webkit-transition: color .5s ease; -moz-transition: color .5s ease; -ms-transition: color .5s ease; -o-transition: color .5s ease; transition: color .5s ease; outline: none; font-family: 'Della Respira', serif; } p { line-height: 24px; text-transform: none; font-weight: 400; margin-bottom: 20px; margin-top: 5px } spacer:before { content: "\2044"; display: inline; margin: 0px 5px } spacer { display: inline; margin: 0px 5px } .npm { padding: 0; margin: 0 } .white-text { color: #fff !important } .container-fluid1 { padding-right: 45px; padding-left: 45px } ul { list-style-type: none; padding-left: 0; margin: 0 } button { border: 0 !important; outline: 0 !important } .golden-text { color: #503620 } .black-text { color: #503620 } .p70 { padding: 20px 0 } input[type=checkbox], input[type=radio] { background: transparent; border: 0; width: auto; } input, select, textarea { background-color: #fff; border: -1px; outline: none; color: #503620; display: inline-block; font: inherit; padding: 5.625px; border-radius: 0; } .form__group [type=email] { width: 80%; } .form__group [type=email], .form__group [type=submit] { float: left; } input.boxes-i, textarea { border: 1px solid #999; font-size: 13px; padding: 8px 14px } .form__group [type=submit] { width: 20%; text-transform: uppercase; font-weight: normal; background-color: #eeb3b9; color: #503620; border: 0; cursor: pointer; -webkit-transition: all .5s; transition: all .5s; font-size: 13px; padding: 9px; } .form__group [type=email], .form__group [type=submit] { float: left; } .header_top { padding: 11px 10px; background: #ffd7db; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .header_top { padding: 11px 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header_top { padding: 11px 0; } } .language_currency>ul>li { display: inline-block; position: relative; margin-right: 20px; padding-right: 20px; line-height: 15px; text-align: center } .language_currency>ul>li::before { content: ""; border-right: 1px solid #503620; position: absolute; right: 0; top: 1px; bottom: 1px } .language_currency>ul>li:hover ul.dropdown_currency, .language_currency>ul>li:hover ul.dropdown_language { visibility: visible; max-height: 200px } .language_currency>ul>li:hover>a { opacity: 1 } .language_currency>ul>li>a { text-transform: uppercase; line-height: 18px; font-size: 10px; display: inline-block; font-weight: 600; color: #503620; letter-spacing: 1px; } .language_currency>ul>li>a i { display: block } .language_currency>ul>li>a span.item_count { width: 20px; height: 20px; line-height: 20px; background: #503620; color: #fff; text-align: center; font-weight: 600; font-size: 10px; display: inline-block; position: relative; top: -2px; text-align: center; left: 0; border-radius: 20px } @media only screen and (min-width:992px) and (max-width:1199px) { .language_currency>ul>li { margin-right: 11px; padding-right: 12px } } .language_currency>ul>li:last-child { margin-right: 0; padding-right: 0 } .language_currency>ul>li:last-child::before { display: none } .language_currency>ul>li>a i.ion-ios-arrow-down { margin-left: 3px; font-size: 13px } @media only screen and (min-width:768px) and (max-width:991px) { .language_currency>ul>li { margin-right: 7px; padding-right: 8px } } @media only screen and (max-width:767px) { .language_currency>ul>li { margin-right: 7px; padding-right: 8px } } @media only screen and (min-width:992px) and (max-width:1199px) { .language_currency>ul>li>a { line-height: 14px; font-size: 14px } } @media only screen and (min-width:768px) and (max-width:991px) { .language_currency>ul>li>a { line-height: 26px; font-size: 13px; color: #503620; opacity: 1 } } @media only screen and (max-width:767px) { .language_currency>ul>li>a { line-height: 26px; font-size: 11px; color: #503620; opacity: 1; letter-spacing: 0 } .language_currency>ul>li>a span.item_count { top: -1px } } @media only screen and (min-width:768px) and (max-width:991px) { .language_currency>ul>li>a i.ion-ios-arrow-down { margin-left: 0 } } @media only screen and (max-width:767px) { .language_currency>ul>li>a i.ion-ios-arrow-down { margin-left: 0 } } .language_currency>ul>li>a img { margin-right: 5px; vertical-align: 0 } @media only screen and (min-width:768px) and (max-width:991px) { .language_currency>ul>li>a img { margin-right: 2px } } @media only screen and (max-width:767px) { .language_currency>ul>li>a img { margin-right: 2px } } .language_currency>ul>li:hover a:not([href]):not([tabindex]) { color: #da818a } .dropdown_currency, .dropdown_language { position: absolute; background: #fff; border: 1px solid #ededed; padding: 10px 20px; min-width: 150px; text-align: left; top: 50px; right: 0; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; overflow: hidden; z-index: 9999; border-radius: 3px; visibility: hidden; max-height: 0 } @media only screen and (min-width:768px) and (max-width:991px) { .dropdown_currency, .dropdown_language { padding: 10px 12px; min-width: 115px } } @media only screen and (max-width:767px) { .dropdown_currency, .dropdown_language { padding: 10px 12px; min-width: 115px } } .dropdown_currency li a, .dropdown_language li a { text-transform: uppercase; display: block; font-size: 11px; white-space: nowrap; line-height: 28px; color: #503620 } .dropdown_currency li a:hover, .dropdown_language li a:hover { color: #da818a } .dropdown_search { position: absolute; top: 50px; right: 0; z-index: 9; width: 250px; background: #fff; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2); display: none } @media only screen and (min-width:768px) and (max-width:991px) { .dropdown_search { width: 300px } } @media only screen and (max-width:767px) { .dropdown_search { width: 240px; right: 0; top: 140% } } .dropdown_search form { position: relative; width: 100% } .dropdown_search form input::-webkit-input-placeholder { color: #503620 } .dropdown_search form input::-moz-placeholder { color: #503620 } .dropdown_search form input:-ms-input-placeholder { color: #503620 } .dropdown_search form input:-moz-placeholder { color: #503620 } .dropdown_search form input { width: 100%; border: 0; background: inherit; height: 42px; color: #503620; padding: 0 50px 0 10px } .dropdown_search form button { position: absolute; top: 0; right: 0; border: 0; background: inherit; height: 100%; width: 40px; text-align: center; font-size: 18px; color: #503620 } .dropdown_search form button:hover { color: #da818a } .mini_cart_wrapper:hover .mini_cart { max-height: 500px; visibility: visible } @media only screen and (min-width:768px) and (max-width:991px) { .mini_cart_wrapper:hover .mini_cart { padding: 10px 15px 20px; visibility: inherit } } @media only screen and (max-width:767px) { .mini_cart_wrapper:hover .mini_cart { padding: 10px 11px 20px; visibility: inherit } } .mini_cart { position: absolute; min-width: 355px; padding: 18px; background: #fff; z-index: 999; right: 0; top: 50px; max-height: 0; visibility: hidden; overflow: auto; border: 1px solid #ededed; -webkit-transition: .5s; transition: .5s } @media only screen and (min-width:768px) and (max-width:991px) { .mini_cart { display: none; transition: unset; max-height: 500px; padding: 10px 15px 20px; min-width: 320px; border: 1px solid #ededed; visibility: inherit; top: 200% } } @media only screen and (max-width:767px) { .mini_cart { display: none; transition: unset; max-height: 500px; padding: 10px 11px 20px; min-width: 260px; border: 1px solid #ededed; visibility: inherit; top: 143% } .dropdown_currency, .dropdown_language { top: 37px } } .cart_img { width: 95px; margin-right: 10px } @media only screen and (min-width:768px) and (max-width:991px) { .cart_img { width: 70px } } @media only screen and (max-width:767px) { .cart_img { width: 70px } } .cart_info { width: 50%; text-align: left } .cart_info a { font-weight: 400; font-size: 14px; line-height: 20px; display: block; margin-bottom: 6px; color: #503620 } .cart_info a:hover { color: #503620 } .cart_info p { font-size: 12px } .cart_info p span { font-weight: 600 } .cart_remove a { font-size: 18px; display: block; line-height: 20px; text-align: center; color: #503620 } .cart_remove a:hover { color: #eeb3b9 } .cart_item { overflow: hidden; padding: 11px 0; border-bottom: 1px solid #ededed; display: flex; justify-content: space-between } .mini_cart_table { padding: 23px 0 } .cart_total { display: flex; justify-content: space-between } .cart_total span { font-size: 14px; line-height: 20px; font-weight: 400 } .cart_total span.price { font-weight: 700 } @media only screen and (min-width:768px) and (max-width:991px) { .cart_info a { font-size: 13px } } @media only screen and (max-width:767px) { .cart_info a { font-size: 13px } } @media only screen and (min-width:768px) and (max-width:991px) { .cart_total span { font-size: 13px } } @media only screen and (max-width:767px) { .cart_total span { font-size: 13px } } .cart_button:first-child { margin-bottom: 15px } .cart_button a { border-radius: 20px; font-size: 15px; font-weight: 500; background: #eeb3b9; display: block; text-align: center; line-height: 20px; margin-bottom: 0; padding: 13px 0 11px; border: 1px solid #da818a; color: #fff } .cart_button a:hover { background: #503620; border-color: #503620; color: #fff } .cart_button.theme_c1 a { background: #da818a } /*-- desktop menu --*/ .dropdown:hover .dropdown-menu { display: block } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; margin-top: 0; padding: 25px; padding-top: 45px; overflow: hidden; border-radius: 0 !important; margin-left: 0; transition: all ease .5s 0s; border: none; box-shadow: 0 5px 10px 0 rgba(3, 3, 31, .1) } .dropdown-item:focus, .dropdown-item:hover { color: #fff; text-decoration: none; background-color: #c6a062; transition: all ease .5s 0s } .dropdown-item { padding: 0 10px; margin: 5px } .dropdown-toggle::after { display: none } .sub-menu-animation { animation-duration: .5s } .active .nav-link { opacity: .7 } .dropdown-item.active { background-color: #4a148c } .phonetab { display: none } .desktop { display: block } header { z-index: 99; -webkit-transition: all .4s ease; transition: all .4s ease; position: relative; border-bottom: 1px solid #cccccc36; width: 100%; background: rgba(255, 255, 255, .5); } .navbar-dark .navbar-brand { color: #fff; width: 150px; padding: 10px; position: relative; top: 0px; left: 6px; z-index: 9999; } .navbar { height: 60px; padding: 0 } .navbar-dark .navbar-nav .nav-link { color: #503620 } .navbar-expand-lg .navbar-nav .nav-link { display: block; font-size: 13px; line-height: 20px; color: #503620; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; border-bottom: 1px solid transparent; margin: 0 20px; padding-right: 10px; padding-left: 10px } .navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus { transition: all ease .5s 0s; border-bottom: 1px solid #503620; color: #da818a !important } .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link { color: #da818a } .dropdown-toggle::after { display: none } ul.navbar-nav { margin-top: 0px } ul.navbar-nav { margin-left: -15px; margin-right: -15px } .sticky { position: fixed; top: 0; width: 100%; background-color: #fff; z-index: 99; box-shadow: 3px 4px 5px 0 rgba(3, 3, 31, .1) } .sticky .navbar { height: 70px; padding: 0 } .sticky .navbar-brand { text-align: center } .sticky .navbar-brand img { width: 90% } .navbar-toggler .icon-bar { width: 22px; -webkit-transition: all .2s; transition: all .2s } .navbar-toggler .icon-bar:nth-of-type(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 10% 10%; -ms-transform-origin: 10% 10%; transform-origin: 10% 10% } .navbar-toggler .icon-bar { display: block; width: 32px; height: 3px; border-radius: 1px } .navbar-toggler .icon-bar+.icon-bar { margin-top: 4px } .navbar-toggler .icon-bar { background-color: #503620 } .navbar-toggler.collapsed .icon-bar:nth-of-type(1) { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } .navbar-toggler.collapsed .icon-bar:nth-of-type(2) { opacity: 1 } .navbar-toggler.collapsed .icon-bar:nth-of-type(3) { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } .navbar-toggler .icon-bar:nth-of-type(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 20% 10%; -ms-transform-origin: 20% 10%; transform-origin: 20% 10% } .navbar-toggler .icon-bar:nth-of-type(2) { opacity: 0 } .navbar-toggler .icon-bar:nth-of-type(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 10% 90%; -ms-transform-origin: 10% 90%; transform-origin: 10% 90% } .desktop_logo { display: block !important } .phone_logo { display: none !important } .dropdown-menu { font-size: 12px; font-weight: 400; line-height: 25px; text-transform: uppercase; color: #8c8c8c } .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover { color: #da818a; text-decoration: none; background-color: #fff } .sticky .navbar-dark .navbar-brand { top: 5px } .sticky-header.sticky { position: fixed; z-index: 99; width: 100%; top: 0; background: rgba(255, 255, 255, 0.9); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11); -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 900ms; animation-duration: 900ms; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1); -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-play-state: running; animation-play-state: running; border-bottom: 0; display: block; padding: 5px 0px } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .sticky-header.sticky { padding: 0; } .sticky-header.sticky .logo { position: absolute; width: 88px; top: -27px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .sticky-header.sticky { padding: 0px 0 !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .brn-bg { padding: 15px 7px; background: #eeb3b9; border-radius: 50px; font-size: 15px; } .triangle-no-animate1 { background: url(../images/noksha3.png) repeat-x; margin-top: 0px; background-color:#eeb3b9; } .sticky-header.sticky { position: inherit; -webkit-box-shadow: inherit; box-shadow: inherit; -webkit-animation-name: inherit; animation-name: inherit; padding: 0; background: inherit; opacity: inherit; } } @media only screen and (max-width: 767px) { .sticky-header.sticky { position: inherit; -webkit-box-shadow: inherit; box-shadow: inherit; -webkit-animation-name: inherit; animation-name: inherit; padding: 0; background: inherit; opacity: inherit; } .language_currency>ul>li { margin-right: 7px; padding-right: 8px; text-align: right !important; float: right; } } /*-- mobile menu --*/ .mobile-header { width: 100%; position: absolute; z-index: 99; top: -5px; } .off_canvars_overlay { width: 100%; height: 100%; position: fixed; z-index: 99; opacity: 0; visibility: hidden; cursor: crosshair; background: #503620; top: 0 } .off_canvars_overlay.active { opacity: .5; visibility: visible } .offcanvas_menu { display: none } @media only screen and (min-width:768px) and (max-width:991px) { .offcanvas_menu { display: block } } @media only screen and (max-width:767px) { .offcanvas_menu { display: block } } .offcanvas_menu_wrapper { width: 300px; position: fixed; background: #fff; z-index: 99; top: 0; height: 100%; transition: .5s; left: 0; margin-left: -300px; padding: 50px 15px 30px; overflow-y: auto } .offcanvas_menu_wrapper.active { margin-left: 0 } .offcanvas_menu_wrapper .slinky-theme-default { background: inherit; min-height: 300px; overflow-y: auto } .offcanvas_menu_wrapper .search_container { display: block } .offcanvas_menu_wrapper .language_currency { display: block } .offcanvas_main_menu>li.menu-item-has-children.menu-open>span.menu-expand { transform: rotate(180deg) } .offcanvas_main_menu>li ul li.menu-item-has-children.menu-open span.menu-expand { transform: rotate(180deg) } .offcanvas_main_menu li { position: relative } .offcanvas_main_menu li:last-child { margin: 0 } .offcanvas_main_menu li span.menu-expand { position: absolute; right: 0 } .offcanvas_main_menu li a { font-size: 14px; font-weight: 400; text-transform: capitalize; display: block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ededed; color: #503620 } .offcanvas_main_menu li a:hover { color: #da818a } .offcanvas_footer { margin-top: 50px; padding-bottom: 50px; text-align: center } .offcanvas_footer span a { font-size: 14px; color: #503620 } .offcanvas_footer span a:hover { color: #da818a } .slinky-theme-default a:not(.back) { padding: 10px 0; text-transform: capitalize; font-size: 16px; font-weight: 400 } .slinky-theme-default a:not(.back):hover { background: inherit; color: #da818a } .canvas_close { position: absolute; top: 10px; right: 13px } .canvas_close a { font-size: 18px; text-transform: uppercase; font-weight: 500; width: 32px; height: 32px; display: block; text-align: center; line-height: 32px; color: #fff; border-radius: 50%; background: #da818a } .canvas_close a:hover { background: #7b5333; color: #fff } .canvas_open { left: 5%; top: -99px; display: inline-block; width: 36px; } .canvas_open .icon-menu { position: relative; top: 2px; } @media only screen and (max-width:767px) { .canvas_open { left: 3%; top: -87px; display: inline-block; width: 36px; } .header_top { padding: 11px 5px; background: #ffd7db; } .language_currency>ul>li { margin-right: 0px; padding-right: 3px; } } .canvas_open a { border: 0px solid #503620; } @media only screen and (max-width:999px) { .canvas_open { left: 3%; top: -88px; display: inline-block; width: 100px; } .canvas_open a { width: 145px; height: 41px; line-height: 35px; font-size: 18px; background: #ffd7db; color: #503620; font-weight: bold; padding: 5px } } .canvas_open a:hover { color: #fff; background: #7b5333; border-color: #da818a } @media only screen and (min-width:768px) and (max-width:991px) { .header_contact_info { text-align: center; margin-bottom: 15px } } @media only screen and (max-width:767px) { .header_contact_info { text-align: center; margin-bottom: 15px } } .header_contact_info>ul>li { display: inline-block; padding-right: 20px; margin-right: 20px; line-height: 15px; position: relative } @media only screen and (min-width:768px) and (max-width:991px) { .header_contact_info>ul>li { margin-right: 0; padding-right: 0 } .header_contact_info>ul>li::before { display: none } } @media only screen and (max-width:767px) { .header_contact_info>ul>li { margin-right: 0; padding-right: 0 } .header_contact_info>ul>li::before { display: none } } @media only screen and (max-width:450px) { .canvas_open { top: -79px } .language_currency>ul>li>a img { margin-right: 0px } .language_currency>ul>li:last-child { padding-right: 0px } } .header_contact_info>ul>li::before { content: ""; border-right: 1px solid #a5444e; position: absolute; right: 0; top: 1px; bottom: 1px } .header_contact_info>ul>li:last-child { margin-right: 0; padding-right: 0 } .header_contact_info>ul>li:last-child::before { display: none } .header_contact_info>ul>li>a { font-size: 13px; line-height: 15px; display: inline-block; color: #503620 } .header_contact_info>ul>li>a i { margin-right: 7px } .header_contact_info>ul>li>a:hover { opacity: 1 } .my_marquee { padding: 11px; font-weight: bolder; letter-spacing: 1px; font-size: 13px; } /*-- footer --*/ footer { color: #503620; padding: 0px 0; padding-top: 35px; border-top: 3px solid #7b5333; background: #ffd7db url(../images/base-logo.png) no-repeat bottom right; } footer p { font-size: 13px; margin: 12px 0; line-height: 18px; } footer a { color: #503620 } footer a:hover { color: #7b5334 } .copyright { color: #503620; font-size: 11px; border-top: 1px solid #503620; padding: 8px 0; margin-top: 0px } footer h6 { font-size: 17px; line-height: 25px; } footer img { padding: 1px; margin: 10px 0 } .net-socials { display: -webkit-box; display: -ms-flexbox; display: inline-flex; list-style: none; margin: 0; padding: 0; margin-bottom: 8px } .net-socials li { border: 0; margin: 1px 8px; outline: 0; }.net-socials a .fa { text-align: center; margin-right: 0px; -webkit-transition: all .5s ease; transition: all .5s ease; color: #fff; width: 40px; height: 40px; font-size: 17px; border-radius: 50%; padding: 13px; } .v-line { background: url(../images/line.jpg) repeat-y center; min-height: 170px } .v-line1 { background: url(../images/linew.jpg) repeat-y center; min-height: 100px } input[type=checkbox], input[type=radio] { background: transparent; border: 0; width: auto; } input, select, textarea { background-color: #fff; border: -1px; outline: none; margin-bottom: 10px; color: #503620; display: inline-block; font: inherit; padding: 5.625px; border-radius: 0; } .form__group [type=email] { width: 80%; } input.boxes-i, textarea { border: 1px solid #999; font-size: 13px; padding: 8px 14px; border-radius: 15px; } .form__group [type=submit] { width: auto; text-transform: uppercase; font-weight: normal; background-color: #7b5333; color: #fff; border: 0; cursor: pointer; -webkit-transition: all .5s; transition: all .5s; font-size: 12px; padding: 9px 27px; border-radius: 15px } .form__group [type=email], .form__group [type=submit] { float: none; text-align: center } /*-- forms --*/ input.text-box1 { background: #fff; padding: 11px 10px 9px 10px; max-width: 100%; border-width: 1px; border-style: solid; border-color: #e6e6e6; -webkit-transition: all 1.5s ease .1s; -moz-transition: all 1.5s ease .1s; -ms-transition: all 1.5s ease .1s; -o-transition: all 1.5s ease .1s; transition: all 1.5s ease .1s; outline: none !important; margin-bottom: 10px; } input.text-box1, textarea.text-area { width: 100%; color: #503620 !important; background-color: #fff; border: 1px solid #ccc; border-radius: 15px; -webkit-transition: all 1.5s ease .1s; -moz-transition: all 1.5s ease .1s; -ms-transition: all 1.5s ease .1s; -o-transition: all 1.5s ease .1s; transition: all 1.5s ease .1s; outline: none !important; padding: 8px 12px } .text-box1:focus, .text-box1:hover, .text-area:focus, .text-area:hover { border-color: #eeb3b9 !important; outline: none } .text-area { display: block; width: 100%; padding: 8px 12px; margin-bottom: 8px; font-size: 13px; line-height: 18px; height: 120px !important; color: #fff; background-image: none; background-clip: padding-box; border: 1px solid #495057; border-radius: 5px; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s } .p-zero { padding: 0 !important; } .text-box2 { background: #fff; padding: 11px 10px 9px 10px; max-width: 100%; border-width: 1px; border-style: solid; border-color: #e6e6e6; -webkit-transition: all 1.5s ease .1s; -moz-transition: all 1.5s ease .1s; -ms-transition: all 1.5s ease .1s; -o-transition: all 1.5s ease .1s; transition: all 1.5s ease .1s; outline: none !important; margin-bottom: 10px; } select.text-box2 { width: 100%; color: #503620 !important; background-color: #fff; border: 1px solid #ccc; border-radius: 15px; -webkit-transition: all 1.5s ease .1s; -moz-transition: all 1.5s ease .1s; -ms-transition: all 1.5s ease .1s; -o-transition: all 1.5s ease .1s; transition: all 1.5s ease .1s; outline: none !important; padding: 8px 12px } .text-box2:focus, .text-box2:hover { border-color: #eeb3b9 !important; outline: none } .h2-head { display: block; position: relative; text-align: center; margin-bottom: 50px; margin-top: 20px; font-size: 35px; color: #503620 } .h2-head:after { content: ''; bottom: 40%; left: 25%; right: 0; position: absolute; width: 50%; height: 1px; } .h2-head span { position: relative; z-index: 2; padding: 5px 20px; } .h2-head1 { display: block; position: relative; text-align: center; margin-bottom: 0px; margin-top: 20px; font-size: 35px; color: #503620; text-align: center; } .dash { display: block; position: relative; margin-top: -20px; } .dash:after { content: ' '; clear: both; height: 50px; display: block; border-radius: 5px; float: none; background: url(../images/hr-design.png) no-repeat center; } /*-- testimonial --*/ .testimonial-wrap { border: 1px solid #c8c8c8; margin: 5px 15px 30px 0; padding: 20px 0 0; position: relative; display: block; min-height: 220px; border-radius: 23px; background: #f4f4f452 } .testimonial-wrap:before { content: ''; position: absolute; top: 10px; left: 10px; display: block; width: 100.5%; height: 100.5%; border: 1px solid #d8d8d8; border-radius: 23px; } .testimonial { padding: 20px 0 10px; position: relative; border-radius: 23px; } .testimonial:before { content: ''; display: block; width: 53px; height: 106px; position: absolute; top: -22px; left: 16px; background-image: url(../images/leaf01.png); background-position: 0 0; background-repeat: no-repeat; z-index: 0 } .testimonial:after { content: ''; display: block; width: 94px; height: 128px; position: absolute; bottom: -48px; right: 3px; background-image: url(../images/leaf02.png); background-position: 0 0; background-repeat: no-repeat; z-index: 0 } .testimonial h4 { font-size: 29px; color: #7b5333; line-height: 38px; text-align: center; margin: 0 auto; padding: 0 0 15px } .testimonial .textbox { font-size: 16px; color: #3b3b3b; line-height: 31px; text-align: center; min-height: 70px; font-family: georgia; overflow: hidden; font-style: italic; } .testimonial .author-by { font-size: 14px; color: #da818a; line-height: 20px; font-style: normal; text-align: center; margin: 0 auto; padding: 0 0 8px } .testimonial .author-by span.dt { color: #a3a3a3; font-size: 15px; padding-left: 5px } #testislide .carousel-inner { width: 90%; max-width: 700px; margin: 0 auto; padding: 0 } #testislide .carousel-control { width: 20px; height: 36px; z-index: 999; top: 10px } #testislide .carousel-control-prev { left: 0px } #testislide .carousel-control-next { right: 0px } .testimonial-side { background-color: #f3f3ef; background-image: url(../../index-2.html); background-position: 0 0; font-size: 13px; padding: 12px; font-weight: 300; line-height: 18px; position: relative } .testimonial-side:after { content: ''; background: url(../../index-2.html) no-repeat; display: block; width: 76px; height: 109px; position: absolute; top: 10px; left: 5px } .testimonial-side .conbox { padding: 12px; background-color: rgba(255, 255, 255, .7); border: 1px solid #959595; -webkit-border-image: url(../images/lineimg.png) 1 repeat; -o-border-image: url(../images/lineimg.png) 1 repeat; border-image: url(../images/lineimg.png) 1 repeat } .testimonial-side .pic { display: block; float: right; width: 62px; height: 62px; padding: 0; margin: 0 0 15px; border: 1px solid #979999; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; overflow: hidden } .testimonial-side .pic img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100% } .testimonial-side .pic:after { content: ''; clear: both; display: block; height: 0 } .testimonial-side .textbox { text-align: right; height: 239px } .testimonial-side .textbox:after, .testimonial-side .textbox:before { content: ''; clear: both; display: block; height: 0 } .testimonial-side p { margin: 0; padding: 0 0 8px } p.author-by { margin: 0; padding: 0; font-size: 15px; color: #503620; font-family: Georgia, Verdana, Geneva, sans-serif; font-style: italic } .side-box { padding: 40px 35px; background: #ffd7db; color: #76412e; border-radius: 23px; box-shadow: 4px 4px 0 0 #eeb3b9; } .line1 { margin-top: 50px; margin-bottom: 50px; } [class^=hvr-] { margin: 0; padding: 7px 20px; cursor: pointer; background: #7c5535; text-decoration: none; color: #ffd7db; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; border: 1px solid #7c5535; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius: 30px; overflow: hidden } .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #5d4029; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-sweep-to-right:active, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:hover { color: #ffd7db } .hvr-sweep-to-right:active:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:hover:before { -webkit-transform: scaleX(1.5); transform: scaleX(1.5); bottom: -1px } .best-seller img { border-radius: 23px; -webkit-transition: transform .45s ease; -moz-transition: transform .45s ease; -o-transition: transform .45s ease; transition: transform .45s ease; margin-bottom: 25px; box-shadow: 4px 4px 0 0 #ffd7db; } .best-seller a:hover img { -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #products-s .carousel-indicators li { width: 12px; height: 8px; background-color: #7b5333; } #products-s .carousel-indicators { position: absolute; left: auto; bottom: -10px; right: -30px; list-style: none } #products-s .carousel-control-next-icon, #products-s .carousel-control-prev-icon, #products-s2 .carousel-control-next-icon, #products-s2 .carousel-control-prev-icon { background-image: none; color: #8e6d52; background: transparent; line-height: 40px; width: 40px; height: 40px; text-align: center; border: 1px solid; border-radius: 100%; border-radius: 50%; opacity: 1 } #products-s2 .carousel-control-next-icon, #products-s2 .carousel-control-prev-icon { font-size: 16px; } .carousel-control-next, .carousel-control-prev { opacity: 1 } .footer_q_links { position: relative } .footer_q_links>h6 { position: relative; color: #503620; margin-top: 15px; } .footer_q_links>ul>li { width: 100%; position: relative; font-size: 13px } .footer_q_links>ul>li:hover>a { color: #503620 } .breadcrumb { margin-bottom: 0; background-color: transparent; border-radius: 0; font-weight: normal; color: #7b5333; } .breadcrumb>li+li:before { padding: 0 5px; color: #7b5333; content: "/\00a0"; } .breadcrumb a { color: #7b5333; font-size: 16px; font-weight: 600; } .breadcrumb a:hover { color: #7b5333 } #breadcrumb { border-bottom: 1px solid #eeb3b9; background-color: #ffe1e4; border-radius: 0; } .collabs .item { margin: 10px; overflow: hidden; margin-bottom: 0; border-radius: 30px; } .collabs .item img { -webkit-transition: transform .45s ease; -moz-transition: transform .45s ease; -o-transition: transform .45s ease; transition: transform .45s ease; margin-bottom: 0px; position: relative; overflow: hidden } .collabs .item:hover img { -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .collabs .item { position: relative } .collabs .image { display: block; width: 100%; height: auto } .collabs .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 1; transition: .5s ease; } .collabs .item:hover .overlay { opacity: 1 } .text { color: #7b5333; font-size: 18px; position: absolute; top: 90%; right: auto; left: 50%; font-family: 'Della Respira', serif; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center } .collabs .owl-controls .owl-buttons { position: absolute; top: -35px; text-align: center; width: 100%; } .collabs .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; display: inline; margin: 5px; padding: 4px 14px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #7b5333; filter: Alpha(Opacity=100); opacity: 1; } .commerce-info { padding: 18px 25px; margin-bottom: 20px; float: none; position: relative; border-width: 1px; border-style: solid; -webkit-border-radius: 4px; border-radius: 4px; clear: both; overflow: hidden; border-color: #e6e6e6; background-color: #f9f9f9; color: #252324 } .commerce-info a { color: #da818a } .commerce-info a:hover { color: #503620 } .collapse { margin-bottom: 0px } .product-table { font-size: 12px; width: 100% } .product-table thead th, .product-table tfoot th, .cart-table thead th, .cart-table tfoot th { vertical-align: bottom; background: #7b5333; color: #fff; border-bottom: 1px solid #dee2e6 } .pink-link { color: #da818a } .pink-link:hover { color: #503620 } .label-tag { font-size: 11px; font-weight: bold } .box-w { border: 1px solid #e7e7e7; padding: 10px 15px; text-align: center; margin-bottom: 25px; border-radius: 8px; margin: 1px; } .box-w img { width: 100%; height: auto; -webkit-transition: transform .45s ease; -moz-transition: transform .45s ease; -o-transition: transform .45s ease; transition: transform .45s ease; margin-top: 5px } .box-w:hover img { -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .box-w h5 { font-family: 'Montserrat'; font-size: 15px; color: #7b5333; font-weight: bold; padding-bottom: 19px; padding-top: 10px; padding-bottom: 15px; } .box-w .cost { font-weight: bold; padding: 5px 0; width: 100%; display: inline-block } .box-w .stock { text-align: right; width: 50%; display: inline-block } .product-subbutton { position: absolute; top: 0px; right: 2px; opacity: 1; z-index: 1; } .product-subbutton .icons-w li { transition: all .3s ease 0s; } .product-subbutton .icons-w li a { color: #7d5536; background: #f5f5f5; padding: 5px 10px; margin: 2px; min-width: 35px; min-height: 25px; display: block; border-radius: 6px; } .box-w:hover .product-subbutton, .product-grid4:hover .product-subbutton { opacity: 1; display: block } .product-subbutton .icons-w li:nth-child(1) { transition-delay: .15s } .product-subbutton .icons-w li a:hover { color: #f5f5f5; background: #7d5536 } .product-subbutton .icons-wo li a { color: #969696; background: none !important; padding: 5px 10px; margin: 2px; min-width: 35px; min-height: 25px; display: block; border-radius: 6px; font-size: 15px; font-weight: 900; } .product-subbutton .icons-wo li a:hover { color: #7d5536 !important; background: none !important } .btn-cart { padding: 5px 10px; font-size: 12px; text-transform: uppercase; background: #7b5333; font-weight: bold; color: #fff; border-radius: 0; letter-spacing: 1px; margin: 10px 0; transition: all .5s ease; width: 100%; border-radius: 15px } .btn-cart:hover { color: #7b5333; background: #eeb3b9; } .btn-cart i { margin-right: 5px } .btn-del { padding: 5px 10px; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #7b5333; border-radius: 0; letter-spacing: 1px; margin: 10px 0; transition: all .5s ease } .btn-del:hover { color: #503620 } .br-23 { border-radius: 23px; overflow: hidden } .btn-buy { padding: 3px 10px; margin-top: 7px; margin-left: 3px; background: #7d5536; display: inline-block; color: #fff; font-size: 12px; text-transform: uppercase; border-radius: 4px; transition: all .5s ease } .btn-buy:hover { background: #ffd7db; color: #7d5536 } .grey-back { background: #f9f9f9; padding: 25px; margin: 15px; margin-top: 0; border-radius: 8px } ul.square li { padding: 8px 0; padding-left: 25px; width: 100%; font-size: 13px; color: #9b9b9b; border-bottom: 1px solid #efefef; position: relative } ul.square li a { color: #503620 } ul.square li i { -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; cursor: pointer; position: absolute; left: 0; top: 0; height: 47px; width: 25px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; z-index: 5 } ul.square li i:after { -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; content: "\f105"; font: normal normal normal 14px/1 FontAwesome } ul.square li:hover i:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out } ul.square1 li { padding: 5px; padding-left: 25px; width: 100%; font-size: 12px; color: #9b9b9b; position: relative } ul.square li a { color: #503620 } ul.square1 li i { -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; cursor: pointer; position: absolute; left: 0; top: 0; height: 35px; width: 25px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; z-index: 5 } ul.square1 li i:after { -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; content: "\f105"; font: normal normal normal 14px/1 FontAwesome } ul.square1 li:hover i:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out } ul.square1 li a { color: #503620 } ul.square1 li a:hover { color: #7b5333 } .customer_block { width: 100%; height: 210px; border: 2px solid #e1e1e1; border-radius: 5px; margin: 20px 10px 0; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 15px 15px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1503620; -moz-perspective: 1503620; -ms-perspective: 1503620; perspective: 1503620; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: border-color .4s ease-in-out; -moz-transition: border-color .4s ease-in-out; transition: border-color .4s ease-in-out; color: #503620 } .customer_block:hover { border-color: #da818a; color: #503620 } .customer_block img { width: 50px; height: auto } .cart-table .product-price, .cart-table .product-quantity { width: 100px } .cart-table .product-subtotal, .cart-table .product-thumbnail { width: 80px; text-align: center } .cart-table .product-thumbnail img { width: 50px; height: auto; border-width: 1px; border: 1px solid #ccc; border-radius: 4px; } .cart-table .product-remove { width: 30px } .remove { font-size: 16px; line-height: 36px; font-weight: 700; text-indent: 1px; display: inline-block; width: 36px; height: 36px; margin: 0 1px; text-align: center; color: #503620 } .product-name h6 { font-size: 14px; font-family: Montserrat; font-weight: 700 } .product-name p { font-size: 12px; margin: 0; padding: 0 } .product-name a { color: #da818a } .product-name a:hover { color: #7b5333 } .cart-table .product-size { width: 150px } .ct-heading .item--sub-title { font-size: 17px; text-transform: uppercase; letter-spacing: .1em; color: #da818a; font-weight: 700; margin-bottom: 8px; } .ct-heading .item--sub-title span { position: relative; padding-left: 62px; } .ct-heading .item--sub-title span:before { content: ''; width: 48px; height: 3px; background-color: #da818a; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .ct-heading .item--title { font-size: 36px; line-height: 1.27778; color: #252324 } .media-body { border: 1px solid #ccc; position: relative; padding: 40px; } .accordion { overflow-anchor: none; width: 100% } #faq .card { margin-bottom: 2px; border: 0 !important; background-color: transparent; } #faq .card .card-header { border: 0; -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, .5); box-shadow: 0 0 20px 0 rgba(213, 213, 213, .5); border-radius: 2px; padding: 0; background: transparent } #faq .card .card-header .btn-header-link { letter-spacing: .5px; display: block; text-align: left; background: transparent; color: #7b5333; padding: 8px 0; font-size: 13px; text-transform: uppercase; font-weight: bold; } #faq .card .card-header .btn-header-link:after { content: "\f107"; font-family: 'Font Awesome 5 Free'; font-weight: 900; float: right } #faq .card .card-header .btn-header-link.collapsed { background: transparent; color: #503620; } #faq .card .card-body { padding: 10px 0 } .collapsing { background: #f9f9f9; line-height: 30px } #main #faq .card .collapse { border: 0 } #faq .card .collapse.show { background: #f9f9f9; line-height: 30px; color: #222 } #account .card { margin-bottom: 2px; border: 0 !important; background-color: transparent; } #account .card .card-header { border: 0; -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, .5); box-shadow: 0 0 20px 0 rgba(213, 213, 213, .5); border-radius: 2px; padding: 0; background: transparent } #account .card .card-header .btn-header-link { letter-spacing: .5px; display: block; text-align: left; background: #ffd7db; color: #7b5333; padding: 10px; font-size: 13px; text-transform: uppercase; font-weight: bold; } #account .card .card-header .btn-header-link:after { content: "\f107"; font-family: 'Font Awesome 5 Free'; font-weight: 900; float: right } #account .card .card-header .btn-header-link.collapsed { background: #f9f9f9; color: #503620; padding: 10px; } #account .card .card-header .btn-header-link.collapsed:after { content: "\f106" } #account .card .card-body { padding: 15px } .collapsing { background: tranaparent; line-height: 30px } #main #account .card .collapse { border: 0 } #account .card .collapse.show { background: transparent; line-height: 30px; color: #222; } #account .card .collapse { margin-bottom: 0 } #account .commerce-info { padding: 10px; background: #fff; margin-bottom: 10px; } .slider { -webkit-appearance: none; width: 100%; height: 1px; background: #d3d3d3; outline: 0; border-radius: 11px; padding: 2px; opacity: .7; -webkit-transition: .2s; transition: opacity .2s } .slider:hover { opacity: 1 } .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 10px; height: 10px; background: #7e5737; cursor: pointer } .slider::-moz-range-thumb { width: 10px; height: 10px; background: #f77500; cursor: pointer } .swatch-option { width: 50px; padding: 1px 2px; height: 50px; float: left; margin: 10px 5px; text-align: center; cursor: pointer; position: relative; border: 1px solid rgb(218, 218, 218); overflow: hidden; text-overflow: ellipsis; background: #fff; border-radius: 4px; } .swatch-option:hover { border-color: #ffd7db } .swatch-option.active { border: 2px solid rgb(249 209 211); } .form-inline .form-control { border-radius: 4px; } .nav-tabs { margin-left: 0px } .nav-tabs .nav-item .nav-link { border: 1px solid #e8e8e8; padding: 8px 14px; border-radius: 4px; } .nav-tabs .nav-link { border: 0px solid transparent; } .nav-tabs .nav-link { color: #ccc } .nav-tabs .nav-link.active { color: #8a664a } .nav-tabs .nav-link img { margin-right: 0px } .nav-tabs { border-bottom: 0px } .tab-content { width: 100%; margin: 0 0 15px } .product-grid4 { position: relative } .product-grid4 .product-image4 { position: relative } .product-grid4 { text-align: center; border-radius: 0px; transition: all .3s ease 0s; border: 1px solid #cccccc24; padding: 20px 10px; border-radius: 8px; margin: 1px; } .product-grid4:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .2) } .product-grid4 .product-image4 a { display: block } .product-grid4 .product-image4 img { width: 100%; height: auto; transition: all .7s; } .product-grid4:hover .product-image4 img { width: 100%; height: auto; -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .product-grid4 .pic-1 { opacity: 1; transition: all .5s ease-out 0s } .product-grid4:hover .pic-1 { opacity: 0 } .product-grid4 .pic-2 { position: absolute; top: 0; left: 0; opacity: 0; transition: all .5s ease-out 0s } .product-grid4:hover .pic-2 { opacity: 1 } .product-grid4 .social { width: 100%; padding: 0; margin: 0 auto; list-style: none; position: absolute; right: 0; left: 0; bottom: 100px; transform: translateY(-50%); transition: all .3s ease 0s } .product-grid4 .social li { display: inline-block; opacity: 0; transition: all .7s } .product-grid4 .social li:nth-child(1) { transition-delay: .15s } .product-grid4 .social li:nth-child(2) { transition-delay: .3s } .product-grid4 .social li:nth-child(3) { transition-delay: .45s } .product-grid4:hover .social li { opacity: 1 } .product-grid4 .social li a { color: #222; background: #eeb3b9; font-size: 17px; line-height: 36px; width: 40px; height: 36px; border-radius: 4px; margin: 0 5px; display: block; transition: all .3s ease 0s } .product-grid4 .social li a:hover { color: #fff; background: #7b5333 } .product-grid4 .social li a:after, .product-grid4 .social li a:before { content: attr(data-tip); color: #fff; background-color: #503620; font-size: 12px; line-height: 20px; border-radius: 3px; padding: 0 5px; white-space: nowrap; opacity: 0; transform: translateX(-50%); position: absolute; top: -30px } .product-grid4 .social li a:after { content: ''; height: 15px; width: 15px; border-radius: 0; transform: translateX(-50%) rotate(45deg); top: -22px; z-index: -1 } .product-grid4 .social li a:hover:after, .product-grid4 .social li a:hover:before { opacity: 1 } .product-grid4 .product-discount-label, .product-grid4 .product-new-label { color: #fff; background-color: #eeb3b9; font-size: 13px; font-weight: 800; text-transform: uppercase; line-height: 45px; height: 45px; width: 45px; border-radius: 50%; position: absolute; left: 10px; top: 15px; transition: all .3s } .product-grid4 .product-discount-label { left: auto; right: 10px; background-color: #d7292a } .product-grid4:hover .product-new-label { opacity: 0 } .product-grid4 .product-content { padding: 0 10px; position: relative } .product-grid4 .title, .product-grid-w .title, .product-grid .title { font-size: 17px; font-weight: 400; text-transform: capitalize; margin: 0 0 7px; margin-bottom: 15px; transition: all .3s ease 0s; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .product-grid .title { font-size: 19px } .product-grid4 .title a, .product-grid .title a, .product-grid-w .title a { color: #222 } .product-grid4 .title a:hover, .product-grid .title a:hover, .product-grid-w .title a:hover { color: #eeb3b9 } .product-grid4 .price { color: #845e41; font-size: 14px; font-weight: 700; padding: 8px 0; display: block; } .product-grid4 .price span { color: #909090; font-size: 13px; font-weight: 400; letter-spacing: 0; text-decoration: line-through; text-align: left; vertical-align: middle; display: inline-block } .product-grid4 .add-to-cart { border: 1px solid #e5e5e5; display: inline-block; padding: 10px 20px; color: #888; font-weight: 600; font-size: 14px; border-radius: 4px; transition: all .3s } .product-grid4:hover .add-to-cart { border: 1px solid transparent; background: #eeb3b9; color: #fff } .product-grid4 .add-to-cart:hover { background-color: #505050; box-shadow: 0 0 10px rgba(0, 0, 0, .5) } .product-grid4 .star, .product-grid .star { color: #eeb3b9 } @media only screen and (max-width:990px) { .product-grid4 { margin-bottom: 30px } } .product-grid { transition: all .3s ease 0s; border: 1px solid #cccccc47; padding: 30px 20px; border-radius: 8px; margin: 1px } .product-grid:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .2) } .product-grid p { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 1.8em; max-height: 5.2em; color: #191818 } .product-grid .social { width: 100%; padding: 0; margin: 0 auto; list-style: none; transform: translateY(-50%); transition: all .3s ease 0s } .product-grid .social li { display: inline-block; opacity: 1; transition: all .7s; text-align: center; float: left } .product-grid .social li:nth-child(1) { transition-delay: .15s } .product-grid .social li:nth-child(2) { transition-delay: .3s } .product-grid .social li:nth-child(3) { transition-delay: .45s } .product-grid:hover .social li { opacity: 1 } .product-grid .social li a { color: #a9a7a7; background: #fff; font-size: 17px; line-height: 40px; width: 40px; border: 1px solid #e4e4e4; height: 40px; border-radius: 4px; margin: 0 5px; display: block; transition: all .3s ease 0s } .product-grid .social li a:hover { color: #fff; background: #7b5333; } .product-grid .social li a:after { content: ''; height: 15px; width: 15px; border-radius: 4px; transform: translateX(-50%) rotate(45deg); top: -22px; z-index: -1 } .product-grid .social li a:hover:after, .product-grid4 .social li a:hover:before { opacity: 1 } .product-grid .price { color: #7b5333; font-size: 16px; font-weight: 700; padding: 8px 0; display: block; } .product-grid-w { transition: all .3s ease 0s; border-bottom: 1px solid #cccccc47; padding: 30px 20px; padding-bottom: 10px; } .product-grid:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .2) } .product-grid-w p { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 1.8em; max-height: 5.2em; color: #191818 } .product-grid-w .social { width: 100%; padding: 0; margin: 0 auto; list-style: none; transform: translateY(-50%); transition: all .3s ease 0s } .product-grid-w .social li { display: inline-block; opacity: 1; transition: all .7s; text-align: center; float: left } .product-grid-w .social li:nth-child(1) { transition-delay: .15s } .product-grid-w .social li:nth-child(2) { transition-delay: .3s } .product-grid-w .social li:nth-child(3) { transition-delay: .45s } .product-grid-w:hover .social li { opacity: 1 } .product-grid-w .social li a { color: #a9a7a7; background: #fff; font-size: 17px; line-height: 40px; width: 40px; border: 1px solid #e4e4e4; height: 40px; border-radius: 4px; margin: 0 5px; display: block; transition: all .3s ease 0s } .product-grid-w .social li a:hover { color: #fff; background: #7b5333; } .product-grid-w .social li a:after { content: ''; height: 15px; width: 15px; border-radius: 0; transform: translateX(-50%) rotate(45deg); top: -22px; z-index: -1 } .product-grid-w .social li a:hover:after, .product-grid4 .social li a:hover:before { opacity: 1 } .product-grid-w .price { color: #7b5333; font-size: 16px; font-weight: 700; padding: 8px 0; display: block; } .product-grid-w img { width: 100%; height: auto; transition: all .7s; margin: 10px } .product-grid-w:hover img { width: 100%; height: auto; -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .buy-now { opacity: 0; transition: all 0.8s ease; top: -65px; position: absolute; transition-delay: .15s } .product-grid4:hover .buy-now { display: block; transition: all 0.8s ease; bottom: 0px; opacity: 1 } .product-grid4 .hvr-sweep-to-right { font-size: 11px } /*-- nice --*/ .nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 4px; border: solid 1px #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: 400; height: 42px; line-height: 28px; outline: 0; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; } .nice-select:hover { border-color: #dbdbdb } .nice-select.open, .nice-select:active, .nice-select:focus { border-color: #999 } .nice-select:after { border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; width: 5px } .nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg) } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0) } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none } .nice-select.disabled:after { border-color: #ccc } .nice-select.wide { width: 100% } .nice-select.wide .list { left: 0 !important; right: 0 !important } .nice-select.right { float: right } .nice-select.right .list { left: auto; right: 0 } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px } .nice-select.small:after { height: 4px; width: 4px } .nice-select.small .option { line-height: 34px; min-height: 34px } .nice-select .list { background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, .11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(.75) translateY(-21px); -ms-transform: scale(.75) translateY(-21px); transform: scale(.75) translateY(-21px); -webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out; transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out; z-index: 9 } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: 0; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all .2s; transition: all .2s } .nice-select .option.focus, .nice-select .option.selected.focus, .nice-select .option:hover { background-color: #f6f6f6 } .nice-select .option.selected { font-weight: 700 } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default } .no-csspointerevents .nice-select .list { display: none } .no-csspointerevents .nice-select.open .list { display: block } .round { position: relative } .round label { background-color: #fff; border: 1px solid #ccc; border-radius: 50%; cursor: pointer; height: 18px; left: 0; position: absolute; top: 5px; width: 18px; margin-right: 12px } .round label:after { border: 2px solid #fff; border-top: none; border-right: none; content: ""; height: 4px; left: 5px; opacity: 0; position: absolute; top: 6px; transform: rotate(-45deg); width: 6px } .round input[type=checkbox] { visibility: hidden } .round input[type=checkbox]:checked+label { background-color: #7c5434; border-color: #7c5434 } .round input[type=checkbox]:checked+label:after { opacity: 1 } .product-grid img { width: 100%; height: auto; transition: all .7s; } .product-grid:hover img { width: 100%; height: auto; -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .product-detail .title { font-size: 20px; color: #222; font-weight: 400; text-transform: capitalize; margin: 0 0 7px; transition: all .3s ease 0s; } .product-detail .info-wrap { padding: 10px 5px; margin: 20px 0; position: relative; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; overflow: hidden; border-color: #e6e6e6 } .product-detail .price { color: #845e41; font-size: 16px; font-weight: 700; padding: 7px 0; display: block; text-align: left; } .product-detail .star { color: #eeb3b9 } .product-detail .social { width: 100%; padding: 0; margin: 0 auto; list-style: none; transform: translateY(-50%); transition: all .3s ease 0s } .product-detail .social li { display: inline-block; opacity: 1; transition: all .7s; text-align: center; float: left } .product-detail .social li:nth-child(1) { transition-delay: .15s } .product-detail .social li:nth-child(2) { transition-delay: .3s } .product-detail .social li:nth-child(3) { transition-delay: .45s } .product-detail:hover .social li { opacity: 1 } .product-detail .social li a { color: #a9a7a7; background: #fff; font-size: 17px; line-height: 40px; width: 40px; border: 1px solid #e4e4e4; height: 40px; border-radius: 4px; margin: 0 5px; display: block; transition: all .3s ease 0s } .product-detail .social li a:hover { color: #fff; background: #7b5333; } .product-detail .social li a:after { content: ''; height: 15px; width: 15px; border-radius: 0; transform: translateX(-50%) rotate(45deg); top: -22px; z-index: -1 } .product-detail .social li a:hover:after { opacity: 1 } .page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #503620; background-color: #fff; border: 1px solid #dee2e6; outline: none !important } .page-link:hover, .page-link:focus { z-index: 2; color: #7d5536; text-decoration: none; background-color: #ffd7db; border-color: #dee2e6; outline: none !important } .what-icon { text-align: center; background: #00e676; margin-right: 0px; -webkit-transition: all .5s ease; transition: all .5s ease; color: #fff !important; font-size: 17px; padding: 5px 10px; border-radius: 50%; margin: 3px auto; display: inline-block } .form-check-input[type="radio"]:checked+label:after, .form-check-input[type="radio"].with-gap:checked+label:before, .form-check-input[type="radio"].with-gap:checked+label:after, label.btn input[type="radio"]:checked+label:after, label.btn input[type="radio"].with-gap:checked+label:before, label.btn input[type="radio"].with-gap:checked+label:after { border: 2px solid #4285f4; } .form-check-input[type="radio"]:checked+label:after, .form-check-input[type="radio"].with-gap:checked+label:after, label.btn input[type="radio"]:checked+label:after, label.btn input[type="radio"].with-gap:checked+label:after { background-color: #4285f4; } .glass-case * { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; padding: 0; margin: 0; border: 0; } .glass-case *:before, .glass-case *:after { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } .glass-case { position: relative; } /*********************DISPLAY***************************/ .gc-display-area { position: absolute; overflow: hidden; border: 1px solid #ccc; padding: 2px; border-radius: 8px; background-color: #fff; } .gc-display-container { position: relative; overflow: hidden; top: 50%; left: 50%; width: 100%; height: 100%; max-width: 100%; max-height: 100%; } .gc-display-display { position: relative; height: 100%; width: 100%; max-height: 100%; max-width: 100%; cursor: crosshair; opacity: 1; } /*********************LENS***************************/ .gc-lens { position: absolute; overflow: hidden; z-index: 1503620; cursor: crosshair; background: #CECECE; opacity: .5 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50) !important; -moz-opacity: 0.5; -khtml-opacity: 0.5; } /*********************ZOOM***************************/ .gc-zoom { position: absolute; overflow: hidden; width: 100%; height: auto; z-index: 1040 !important; border: 1px solid #ccc; padding: 2px; border-radius: 8px; background-color: #fff; } .gc-zoom-inner { cursor: crosshair; border: 0 !important; left: -2px !important; top: -2px !important; margin: 0 !important; z-index: 1010 !important; } .gc-zoom-container { position: relative; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; max-width: 100%; max-height: 100%; } .gc-zoom-container img { position: relative; max-width: none !important; } /*********************CAPTION**********************/ .gc-caption-container { position: absolute; overflow: hidden; width: 100%; padding: 2px; z-index: 1050 !important; background-color: rgba(255, 255, 255, 0.5); line-height: 1.6; color: #333; font-size: 0.9em; } .gc-caption-container div { position: relative; padding: 0 12px 0 12px; } .gc-caption-intop { left: 0; top: 0; } .gc-caption-inbottom { left: 0; bottom: 0; } .gc-caption-outtop, .gc-caption-outbottom { width: 100%; width: calc(100% + 4px); border: 1px solid #ccc; background: #fff; } .gc-caption-outtop { top: 0; left: -2px; -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } .gc-caption-outbottom { bottom: 0; left: -2px; -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); } .gc-alignment-center { text-align: center; } .gc-alignment-left { text-align: left; } .gc-alignment-right { text-align: right; } /*********************UL***************************/ .gc-thumbs-area { position: absolute; overflow: hidden; background-color: transparent; } .gc-thumbs-area-prev, .gc-thumbs-area-next { position: absolute; z-index: 1010; } .gc-thumbs-area.gc-hz .gc-thumbs-area-prev, .gc-thumbs-area.gc-hz .gc-thumbs-area-next { top: 0; height: 100%; min-height: 100%; width: 5%; } .gc-thumbs-area.gc-vt .gc-thumbs-area-prev, .gc-thumbs-area.gc-vt .gc-thumbs-area-next { left: 0; width: 100%; min-width: 100%; height: 5%; } .gc-thumbs-area.gc-hz .gc-thumbs-area-prev { left: 0; } .gc-thumbs-area.gc-hz .gc-thumbs-area-next { right: 0; } .gc-thumbs-area.gc-vt .gc-thumbs-area-prev { top: 0; } .gc-thumbs-area.gc-vt .gc-thumbs-area-next { bottom: 0; } .gc-thumbs-area-prev:hover, .gc-thumbs-area-next:hover { opacity: 1; cursor: pointer; cursor: hand; } .gc-thumbs-area-prev .gc-disabled, .gc-thumbs-area-next .gc-disabled, .gc-thumbs-area-prev .gc-disabled:hover, .gc-thumbs-area-next .gc-disabled:hover { opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; cursor: default; } .glass-case ul { position: relative; top: 0; left: 0; margin: 0; border: 0; padding: 0; height: 100%; list-style: none; } .glass-case ul li { position: relative; overflow: hidden; width: 100%; height: 100%; border: 1px solid #ccc; padding: 2px; background-color: #fff; } .gc-thumbs-area.gc-hz li { display: inline; float: left; max-width: 100%; max-height: 100%; margin-right: 5px; border-radius: 4px; } .gc-thumbs-area.gc-vt li { margin-bottom: 5px; } .glass-case ul li .gc-li-display-container { position: relative; overflow: hidden; height: 100%; width: 100%; display: inline-block; } .glass-case ul li:hover { border-color: #7a5232; cursor: pointer; cursor: hand; } .glass-case ul li.gc-active, .glass-case ul li.gc-active:hover { border-color: #7a5232; cursor: default; } .glass-case ul li .gc-li-display-container img { position: relative; top: 50%; left: 50%; } /*********************OVERLAY***************************/ .gc-overlay-area { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2147483647 !important; background-color: rgb(204, 204, 204); background-color: rgba(51, 51, 51, 0.95); } .gc-overlay-gcontainer { position: relative; width: 100%; height: 100%; padding: 0; } .gc-overlay-container { position: relative; overflow: auto; width: 100%; height: 100%; padding: 0; } .gc-overlay-container-display { position: absolute; overflow: auto; width: 100%; height: 100%; padding: 0; } .gc-ocd-top { top: 0; } .gc-ocd-bottom { bottom: 0; } .gc-overlay-fit { padding: 4em 5.5em 1em 5.5em; overflow: hidden; } .gc-overlay-display { position: relative; top: 0; left: 0; display: block; cursor: crosshair; } .gc-overlay-display-center { max-width: 100%; max-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .gc-overlay-display-vcenter { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .gc-overlay-display-hcenter { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .gc-overlay-top-icons { position: absolute; top: 0; padding: 1em 1.5em 1em 0; width: 100%; height: 4em; } .gc-overlay-left-icons { position: absolute; height: 100%; top: 0; left: 0; padding: 0 1em 0 1.5em; height: 100%; width: 5.5em; } .gc-overlay-right-icons { position: absolute; top: 0; right: 0; padding: 0 1.5em 0 1em; height: 100%; width: 5.5em; } /*********************ICONS***************************/ .gc-icon:before { line-height: 1; } .gc-icon { font-family: "FontAwesome" !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; z-index: 1020; cursor: pointer; cursor: hand; color: #da818a; text-align: center; opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; height: 1em; width: 1em; line-height: 0; background: transparent; border: 1px solid #ccc; } .gc-icon:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; } .gc-disabled .gc-icon:hover, .gc-disabled .gc-icon:hover, .gc-disabled .gc-icon, .gc-disabled .gc-icon { opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; cursor: default; } /* *** ICON NEXT *** */ .gc-icon-next { top: 50%; right: 4px; } .gc-icon-next:before { position: absolute; top: -1px; right: 7px; content: "\f0da"; } .gc-icon-next-vt { bottom: 0; left: 50%; } .gc-icon-next-vt:before { position: absolute; top: -1px; left: 7px; content: "\f0da"; } .gc-display-area .gc-icon-next { font-size: 2em !important; } .gc-thumbs-area-next .gc-icon-next { right: 0; font-size: 2em !important; } .gc-thumbs-area-next .gc-icon-next-vt { font-size: 1.5em !important; } .gc-overlay-area .gc-icon-next { position: relative; right: 0; font-size: 3em; } /* *** ICON PREV *** */ .gc-icon-prev { top: 50%; left: 4px; } .gc-icon-prev:before { position: absolute; top: -1px; left: 7px; content: "\f0d9"; } .gc-icon-prev-vt { top: 0; left: 50%; } .gc-icon-prev-vt:before { position: absolute; top: -2px; left: -2px; content: "\f0d9"; } .gc-display-area .gc-icon-prev { font-size: 2em !important; } .gc-thumbs-area-prev .gc-icon-prev { font-size: 2em !important; } .gc-thumbs-area-prev .gc-icon-prev-vt { font-size: 1.5em !important; } .gc-overlay-area .gc-icon-prev { position: relative; left: 0; font-size: 3em; } /*********************LOADING***************************/ .gc-loading { position: absolute; top: 50%; left: 50%; width: 31px; height: 31px; margin-left: -15px; margin-top: -15px; background-image: url(../images/loader.gif); } .gc-loading3 { position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; font-size: 0.25em; text-indent: -9999em; border-top: 1.1em solid rgba(102, 153, 102, 0.2); border-right: 1.1em solid rgba(102, 153, 102, 0.2); border-bottom: 1.1em solid rgba(102, 153, 102, 0.2); border-left: 1.1em solid #669966; -webkit-animation: loadGC 1.1s infinite linear; animation: loadGC 1.1s infinite linear; } .gc-loading3, .gc-loading3:after { border-radius: 50%; width: 30px; height: 30px; } @-webkit-keyframes loadGC { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loadGC { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*********************GENERAL***************************/ .gc-hide { display: none; z-index: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; } .gc-noscroll { overflow: hidden; } .gc-start { display: none; z-index: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; } /* Deepak Edition */ .navbar .has-megamenu { position: static !important; } .navbar .megamenu { left: 0; right: 0; width: 100%; padding: 20px; top: 80%; } .price-range-slider { width: 100%; padding-bottom: 20px; } .price-range-slider .range-value { margin: 0; } .price-range-slider .range-value input { width: 100%; background: none; color: #121212; font-size: 13px; font-weight: bold; box-shadow: none; border: none; margin: 0px 0 20px 0; } .price-range-slider .range-bar { border: none; background: #744a29; height: 3px; width: 90%; margin-left: 8px; } .price-range-slider .range-bar .ui-slider-range { background: #7b5333; } .price-range-slider .range-bar .ui-slider-handle { border: none; border-radius: 25px; background: #fff; border: 3px solid #eeb3b9; height: 20px; width: 20px; top: -0.70em; cursor: pointer; outline: none; } .price-range-slider .range-bar .ui-slider-handle+span { background: #fff; } .ui-widget.ui-widget-content { border: 3px solid #744a29; } /*=============================End============================*/ .account_section { padding: 25px; border: 1px solid #cccccc59 } .link_close { position: absolute; right: 5px; top: -15px; background: #ffd7db; color: #fff !important; width: 30px; height: 30px; padding: 0 3px; font-size: 21px; overflow: hidden; text-align: center; border-radius: 50%; } .nav.nav-tabs-left { float: left; display: block; margin-right: 20px; border-bottom: 0; border-right: 1px solid #ddd; padding-right: 15px; width: 100%; } .nav-tabs-left .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; background: #ccc; } .nav-tabs-left .nav-link { border: 1px solid transparent; border-top-left-radius: 0rem !important; border-top-right-radius: 0rem !important; } .nav-tabs-left .nav-item .nav-link { border: 1px solid #e8e8e8; padding: 8px 14px; border-radius: 4px; background: #ffd7db; color: #503620; } .nav-tabs-left .nav-link.active { color: #fff; background-color: #503620 !important; border-color: transparent !important; } .tab-content-left>.active { display: block; background: #f9f9f9; min-height: 165px; padding: 20px; } .nav.nav-tabs-left { float: left; display: block; margin-right: 20px; border-bottom: 0; border-right: 1px solid transparent; padding-right: 15px; } .notice-box { background-color: #fff; letter-spacing: 1px; text-align: center; padding: 15px 45px; border-radius: 25px; display: inline-block; margin: auto; z-index: 98; width: 100%; position: relative; top: -28px; } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { opacity: 1 !important; cursor: pointer; } .btn-secondary { color: #fff; background-color: #503620; border-color: #6c757d; } @media (min-width:1025px) and (max-width:1500px) { .hvr-sweep-to-right { padding: 7px 15px; font-size: 11px; } .br-233 { border-radius: 23px; overflow: hidden; height: auto !important; } } @media (min-width:768px) and (max-width:1024px) { .hvr-sweep-to-right { padding: 2px 10px; font-size: 8px; } .br-233 { border-radius: 23px; overflow: hidden; height: auto !important; } .phone-logo { display: block; position: absolute; z-index: 9; margin: 0 auto; width: 100% } .phone-logo img { width: 100px; margin: 0px auto } .breadcrumb123 { padding-top: 89px !important; } } .gal { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3 } .gal .test-c { width: 100%; padding: 8px } @media (max-width:850px) { .carousel-inner { position: relative; width: 100%; overflow: hidden; top: 79px; } .gal { -webkit-column-count: 3; -moz-column-count: 3; column-count: 2; } .br-233 { border-radius: 23px; overflow: hidden; height: auto !important; } } @media (max-width:500px) { .gal { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1 } } .testi { position: relative } .testi .cont-holder { display: inline-table; overflow: hidden; position: relative; margin-bottom: 10px; background: #fff; border: 1px solid #ccc; border-radius: 5px; padding: 15px } .testi .cont-holder img { width: 100px; height: auto } .testi .cont-holder p {} @media (max-width:767.98px) { .carousel-inner { position: relative; width: 100%; overflow: hidden; top: 79px; } .text-justify { text-align: left !important } .br-233 { border-radius: 23px; overflow: hidden; height: auto !important; } footer .text-right, .copyright .text-right { text-align: left } .copyright { text-align: center; margin-top: 20px } .copyright .text-right { text-align: center !important } spacer:before { display: inline-block } spacer { margin: 5px 0 } .p70 { padding: 10px 0 } .container-fluid1 { padding-right: 25px; padding-left: 25px } .desktop-header { display: none } .phone-logo { display: block; position: absolute; z-index: 9; margin: 0 auto; width: 100% } .phone-logo img { width: 100px; margin: 0px auto } .best-seller img { margin-bottom: 15px } .h2-head span { display: inline-block } .best-seller h5 { margin-bottom: 20px } .v-line { background: url(../images/line.jpg) repeat-x center; min-height: 40px; } .product-grid4, .product-grid { margin: 20px; margin-bottom: 10px; } .product-grid4 .product-image4 img { padding: 15px; width: 100% } .product-grid4 .product-content, .product-grid4 .price, .product-grid4 .text-right { text-align: center !important } .nav-tabs { padding: 0 33px; } .latest .justify-content-end { -ms-flex-pack: start !important; justify-content: flex-start !important; } #breadcrumb { padding-top: 58px } [class^=hvr-] { margin-bottom: 5px; } .cart-table .product-size, .cart-table .product-name { min-width: 250px } .cart-table .product-price, .cart-table .product-subtotal { min-width: 130px } .product-detail .title { margin: 15px 0 7px; } .product-grid4, .product-grid { margin: 0; } .search_list button { position: absolute; top: 0; right: 0; height: 26px; background: #503620; color: #fff; } .language_currency>ul>li::before { content: ""; border-right: 0px solid #503620; } .search_list input { border: 0 } .language_currency>ul>li:last-child { float: right } .language_currency>ul>li:last-child { padding-right: 5px; } html body { min-width: 100%; min-height: 100%; -webkit-background-size: auto auto; -moz-background-size: auto auto; -o-background-size: auto auto; background-size: auto auto } } @media (max-width:480px) { .carousel-inner { position: relative; width: 100%; overflow: hidden; top: 79px; } .header_contact_info>ul>li { display: block; line-height: 20px; position: relative; padding: 5px } .br-233 { border-radius: 23px; overflow: hidden; height: auto !important; } .language_currency>ul>li { margin-right: 10px; padding-right: 8px; text-align: center } .language_currency>ul>li>a { padding: 0 5px } .language_currency>ul>li>a img { vertical-align: sub } .mini_cart { min-width: 240px; } .language_currency>ul>li { float: right; position: relative; border-right: 0; margin-top: 10px; margin-right: 0; padding-right: 0 } .language_currency>ul>li::before { content: ""; border-right: 0px solid #503620 } .search_list button { right: unset; } .language_currency>ul>li>a { padding: 0 3px } .language_currency>ul>li>a span.item_count { width: 18px; height: 18px; line-height: 18px; background: #503620; color: #fff; text-align: center; font-weight: 600; font-size: 10px; display: inline-block; position: relative; top: 4px; text-align: center; left: -6px; border-radius: 20px } .language_currency>ul>li>a img { margin-right: 0px; width: 13px } .header_top { padding: 11px 0 } .phone-logo { display: block; position: absolute; z-index: 9; margin: 0 auto; width: 100% } .phone-logo img { width: 100px; margin: 0px auto } .canvas_open { top: 8px } .grey-back { margin: 10px } .product-grid4 { text-align: left !important; border: 1px solid #afadad; padding: 0; border-radius: 8px; margin: 5px; background: #fde3e6; box-shadow: 0 0 3px rgba(0, 0, 0, .2) } .product-grid4 .title { font-size: 15.5px } .product-grid4 .product-image4 { position: relative; overflow: hidden } .product-grid4 .product-image4 img { padding: 0; width: 100% } .product-grid4 .product-content { padding: 14px 8px; position: relative; text-align: left !important } .product-grid4 .price { text-align: left !important; padding: 0 } .product-grid4 .product-content .nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 4px; border: solid 1px #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 13px; font-weight: 400; height: 30px; line-height: 30px; outline: 0; padding-left: 4px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100% } .product-grid4 .product-content .btn-buy { padding: 3px 6px; margin-top: 7px; margin-right: 1px; background: #7d5536; display: inline-block; color: #fff; font-size: 10px; text-transform: uppercase; border-radius: 4px; } } .br-23 { border-radius: 23px; overflow: hidden; height:auto !important; } @media (max-width: 768px){ .breadcrumb123 { padding-top: 89px !important; } .br-233 { border-radius: 23px; overflow: hidden; height: auto !important; } .carousel-inner { position: relative; width: 100%; overflow: hidden; top: 79px; } } /* sidenav */ .sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 85px; left: 0; background-color: #ffd6db; overflow-x: hidden; transition: 0.5s; padding-top: 26px; } .sidenav .closebtn { position: absolute; top: 12px; right: 0px; font-size: 36px; margin-left: 50px; } @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} } .canvas_open1 a{ width: 145px; height: 41px; line-height: 35px; font-size: 18px; background: #ffd7db; color: #503620; font-weight: bold; padding: 5px; } .canvas_open1 .icon-menu{ position: relative; top: 2px; } .custom-form-check label{ font-weight: 500; color: #222; font-size: 20px; padding: 8px 10px; } @media only screen and (max-width: 374px) { .header_top .container-fluid { padding-right: 5px; padding-left: 5px; } .breadcrumb a{ font-size: 13px; } } @media only screen and (max-width:425px) { .canvas_open a{ line-height: 42px; } }