/*----------------------------------------------------------------- [Master Stylesheet] Project: Regalia Version: 1.0 Last change: 07/06/2021 Primary use: Jewellery -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [Table of contents] 1. Prefix Styles 2. Floating 3. Ancore 4. helper class 5. Header 5.1 Header 1 5.2 Header 2 5.3 Header 3 6. Index Content 7. Footer 8. Breadcrumb 9. About Us Content: 10. Shortcodes 11. Blog 12. Product | List | Single | cart | Checkout 13. Some Common Section -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [Fonts] Base Fonts(Headings) 1 : Domine Base Fonts(Content) 2 : Quicksand -------------------------------------------------------------------*/ /*--------------------------------------------------*/ /*1 Prefix Styles*/ /*--------------------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:wght@300;400;500;600;700&display=swap'); .m0 { margin: 0 } .p0 { padding: 0 } .pb-0 { padding-bottom: 0 !important } .pt-0 { padding-top: 0 !important } .mb15 { margin-bottom: 15px } .mb30 { margin-bottom: 30px } body { position: relative; font-family: 'Quicksand', sans-serif; background-color: #fef9f5; } /** { font-family: 'Quicksand', sans-serif }*/ p { font-family: 'Quicksand', sans-serif; letter-spacing: 1px; font-size: 15px } a { color: #91786f } a:hover, a:focus { color: #845345 } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 700; } h3 { color: #545454; } /*--------------------------------------------------*/ /*End Prefix Styles*/ /*--------------------------------------------------*/ /*--------------------------------------------------*/ /*2 Floating*/ /*--------------------------------------------------*/ .fleft { float: left } .updat_cart { float: right; } ::selection { color: #fff; background-color: #c1a89f } ::-moz-selection { color: #fff; background-color: #c1a89f } section.row, header.row, footer.row { margin: 0; position: relative } /*--------------------------------------------------*/ /*End Floating*/ /*--------------------------------------------------*/ /*--------------------------------------------------*/ /*3 Ancore*/ /*--------------------------------------------------*/ a, .btn, button { outline: none; transition: all 300ms ease-in-out 0s } a:focus, .btn:focus, button:focus, a:hover, .btn:hover, button:hover { outline: none; text-decoration: none; transition: all 300ms ease-in-out 0s } /*--------------------------------------------------*/ /*End Ancore*/ /*--------------------------------------------------*/ /*--------------------------------------------------*/ /*4 helper class*/ /*--------------------------------------------------*/ .circle { border-radius: 100% } .contentRowPad { padding: 35px 0 35px } .d-flex { display: -ms-flexbox !important; display: flex !important; } .col-full { width: 100%; padding-left: 15px; padding-right: 15px; } /*--------------------------------------------------*/ /*End helper class*/ /*--------------------------------------------------*/ /*---------------------------------------*/ /*5 HEADER*/ /*---------------------------------------*/ /* 5.1 header 1*/ .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { background: none; } .h_cart::after { content: ""; position: absolute; top: 0; left: 0; width: 35px; height: 100%; } .h_cart th.productImage { font-size: 0; } @-webkit-keyframes pulse { 0% { -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0) } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes pulse { 0% { -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0) } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .navbar #mainNav .nav ul.nav.megaInnerMenu li { text-transform: capitalize; } .container { width: 100% !important; max-width: 1200px !important; } .offers_navbtn a { display: inline-block; vertical-align: middle; position: relative } .offers_navbtn a i { padding: 0 1px; margin-right: 10px; font-size: 1.6em; vertical-align: middle; display: inline-block; color: #c1a89f; transition: all .3s ease; margin-right: 8px; margin-top: 0px } .offers_navbtn a:hover i { color: #fff; transition: all .3s ease } #header .logo_line .logo .logo_a img { height: 81px } #header .top_menus { padding: 17px 0 50px } #header .logo_line .searchSec, #header .logo_line .searchSec>div { padding-right: 0; position: static; } #header .container { position: relative; } #header { left: 0; right: 0; top: 0; z-index: 999; transition: all 0.3s; background: #fff; } #header.header-scrolled { background: #fff } #header.header-scrolled .logo_line .logo .logo_a img { height: 53px; } #header.header-scrolled .logo_line { margin-bottom: 5px; margin-top: 5px; } /*#header.header-scrolled .wishlistCompare{ height: 0; margin: 0; overflow: hidden; }*/ #header .top_menus { padding: 17px 0 50px } #header .top_menus .nav li a { padding: 0 20px; line-height: 1; text-transform: capitalize; color: #5f5e5e; font-family: 'Quicksand', sans-serif; } #header .top_menus .nav li a:hover { color: #c1a89f; background-color: transparent } #header .top_menus .nav li+li { border-left: 2px solid #dcdcdc } #header .top_menus .nav li:first-child a { padding-left: 15px } #header .top_menus .nav li:last-child a { padding-right: 15px } #header .logo_line { margin-bottom: 15px; margin-top: 15px; transition: all 0.4s ease-in-out; } #header .logo_line .logo .logo_a { display: inline-block } #header .logo_line .searchSec .searchForm { width: 100%; padding-top: 0 } #header .logo_line .searchSec .searchForm .input-group { border: 1px solid transparent; border-radius: 4px; display: flex; } #header .logo_line .searchSec .searchForm .input-group .form-control { border: none; box-shadow: none; height: 31px; line-height: 31px; padding: 0 35px 0 2px; border-bottom: 1px solid #cacaca; font-family: 'Quicksand', sans-serif; background: transparent; color: #222; transition: all 0.3s ease; width: 215px; /* font-size: 16px; */ } #header .logo_line .searchSec .searchForm .input-group .form-control:focus { width: 300px; } #header .logo_line .searchSec .searchForm .input-group .form-control::-moz-placeholder { color: #222; opacity: 1 } #header .logo_line .searchSec .searchForm .input-group .form-control:-ms-input-placeholder { color: #222; opacity: 1 } #header .logo_line .searchSec .searchForm .input-group .form-control::-webkit-input-placeholder { color: #222; opacity: 1 } #header .logo_line .searchSec .searchForm .input-group .form-control:focus { border-color: #c1a89f } #header .logo_line .searchSec .searchForm .input-group button.dropdown-toggle { border: 0; border-radius: 0; background: none; text-transform: uppercase; font-size: 12px; line-height: 35px; color: #505050; font-family: 'Quicksand', sans-serif; font-weight: 600; padding: 0 } #header .logo_line .searchSec .searchForm .input-group button.dropdown-toggle i { margin: 0 8px 0 5px; font-size: 18px; color: #b7b7b7 } #header .logo_line .searchSec .searchForm .input-group .dropdown-menu { z-index: 10000; border-radius: 0; padding: 0; right: -35px; margin-top: 0 } #header .logo_line .searchSec .searchForm .input-group .dropdown-menu li a { padding: 0 15px; line-height: 30px; text-transform: capitalize } #header .logo_line .searchSec .searchForm .input-group .dropdown-menu li a:hover, #header .logo_line .searchSec .searchForm .input-group .dropdown-menu li a:focus { background: none } #header .logo_line .searchSec .searchForm .input-group .dropdown-menu li+li a { border-top: 1px solid rgba(220, 220, 220, 0.5) } #header .logo_line .searchSec .searchForm .input-group .searchIco { background: transparent; color: #c1a89f } #header .logo_line .searchSec .searchForm .input-group .searchIco button { border: none; background: none; text-shadow: none; color: #c1a89f; font-size: 18px; line-height: 35px; width: 35px; padding: 0; text-align: center; margin-left: -30px; } #header .logo_line .searchSec .wishlistCompare { width: 100%; padding: 0 15px; text-align: right } #header .logo_line .searchSec .wishlistCompare .nav li a { padding: 0; color: #222; font-size: 14px; font-family: 'Quicksand', sans-serif; padding-bottom: 10px; } #header .logo_line .searchSec .wishlistCompare .nav li a:hover, #header .logo_line .searchSec .wishlistCompare .nav li a:focus { background: none } #header .logo_line .searchSec .cartCount { text-align: center } #header .logo_line .searchSec .cartCount .cartCountInner { width: 100%; height: 100% } #header .logo_line .searchSec .wishlistCompare .nav li { display: inline-block; vertical-align: middle; margin-left: 20px } #header .logo_line .searchSec .wishlistCompare .nav li.h_cart { position: relative } #header .logo_line .searchSec .wishlistCompare .nav li.h_cart .hclist { position: absolute; right: 0; width: 391px; text-align: left; z-index: 99999; opacity: 0; vertical-align: middle; transition: all .3s ease-in; border-top: 10px solid transparent } #header .logo_line .searchSec .wishlistCompare .nav li.h_cart:hover .hclist { opacity: 1; transition: all .3s ease-in } #header .logo_line .searchSec .wishlistCompare .nav li.h_cart .table-responsive { height: 0; padding: 0; background: #fff; box-shadow: 0 3px 17px -3px rgba(0, 0, 0, 0.3) } #header .logo_line .searchSec .wishlistCompare .nav li.h_cart .table-responsive table { margin-bottom: 0 } #header .logo_line .searchSec .wishlistCompare .nav li.h_cart:hover .table-responsive { height: auto; padding: 10px } #header .logo_line .searchSec .wishlistCompare .nav li.h_cart .hclist .table-responsive { vertical-align: middle } #header .logo_line .searchSec .wishlistCompare .nav li.h_cart .hclist .table-responsive a { color: #333 } #header .logo_line .searchSec .wishlistCompare .nav li.h_cart .hclist .table-responsive * { vertical-align: middle } #header .logo_line .searchSec .cartCount .cartCountInner a { color: #505050; font-size: 14px; font-family: 'Quicksand', sans-serif; padding: 0 } #header .logo_line .searchSec .cartCount .cartCountInner a span { display: inline-block; vertical-align: middle } #header .logo_line .searchSec .cartCount .cartCountInner .badge, #header .logo_line .searchSec .wishlistCompare .nav li a .wish { padding: 0; text-align: center; font-weight: lighter; font-family: 'Quicksand', sans-serif; font-size: 14px; display: inline-block; position: relative; line-height: 18px; text-align: center; cursor: pointer; color: #000; width: 36px; background: transparent; background-size: 100% 100%; line-height: 25px; vertical-align: middle; font-weight: bold } #header .logo_line .searchSec .wishlistCompare .nav li a .wish sup { background: #c1a89f; width: 17px; display: inline-block; height: 17px; border-radius: 100px; line-height: 15px; margin-left: 20px; color: #000; font-size: 12px; } #header .logo_line .searchSec .cartCount .cartCountInner .badge i, #header .logo_line .searchSec .wishlistCompare .nav li>a>span>i { color: #5f5049; font-size: 25px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; } #header .logo_line .searchSec .cartCount .cartCountInner:hover .badge i, #header .logo_line .searchSec .wishlistCompare .nav li a:hover i { color: #c1a89f; transition: all .3s ease-in } #header .logo_line .searchSec .cartCount .cartCountInner:hover .badge, #header .logo_line .searchSec .wishlistCompare .nav li a:hover .wish { color: #fff } #header .navbar { background: transparent; border: none; box-shadow: none; position: static; } #header .navbar .navbar-header button { margin: 0; width: 100%; height: 50px; color: #FFF; font-family: 'Quicksand', sans-serif; font-size: 18px; text-transform: uppercase; background: #efefef; border-radius: 0; border-color: transparent } #header .navbar .navbar-header button.collapsed { background: #c1a89f } #header .navbar .navbar-header button:hover, #header .navbar .navbar-header button:focus { /*background: #222*/ } #header .navbar #mainNav .nav { position: static; text-transform: uppercase; width: 100% } #header .navbar #mainNav .nav li a { padding: 0 24px; line-height: 52px; color: #222; font-family: 'Quicksand', sans-serif; position: relative } #header .navbar #mainNav .nav li a span { font-family: inherit; } #header .navbar #mainNav .nav>li:first-child>a { padding-left: 0 } #header .navbar #mainNav .nav li a:hover { box-shadow: none; background: transparent; color: #c1a89f; } #header .navbar #mainNav .nav li.active a, #header .navbar #mainNav .nav li.open a { box-shadow: none; background: transparent; color: #91786f } #header .navbar #mainNav .nav.navbar-nav>li.offers_navbtn a:hover:after { display: none } #header .navbar #mainNav .nav li.dropdown .dropdown-menu, #header .navbar #mainNav .nav li.open .dropdown-menu { border: 0; border-bottom: 1px solid #c1a89f; border-radius: 0; padding: 0; min-width: 195px } #header .navbar #mainNav .nav li.dropdown .dropdown-menu li.active a { color: #c1a89f } #header .navbar #mainNav .nav li.dropdown .dropdown-menu li, #header .navbar #mainNav .nav li.open .dropdown-menu li { border-bottom: 1px solid #e9eaee } #header .navbar #mainNav .nav li.dropdown .dropdown-menu li:first-child, #header .navbar #mainNav .nav li.open .dropdown-menu li:first-child { padding-top: 10px } #header .navbar #mainNav .nav li.dropdown .dropdown-menu li:last-child, #header .navbar #mainNav .nav li.open .dropdown-menu li:last-child { border-bottom-color: #b9e2be; padding-bottom: 10px } #header .navbar #mainNav .nav li.dropdown .dropdown-menu li a, #header .navbar #mainNav .nav li.open .dropdown-menu li a { line-height: 43px; border-bottom: 1px solid #f3f3f3; font-family: 'Quicksand', sans-serif; color: #373737; font-weight: 600; background-color: transparent } #header .navbar #mainNav .nav li.dropdown .dropdown-menu li a:hover, #header .navbar #mainNav .nav li.open .dropdown-menu li a:hover { color: #c1a89f } #header .navbar #mainNav .nav li.dropdown.megaMenu, #header .navbar #mainNav .nav li.open.megaMenu { position: static } #header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu, #header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu { width: 100%; position: absolute; padding: 0 } #header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li, #header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li { float: left; border: none; padding: 0 20px } #header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li .listTitle, #header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li .listTitle { margin: 0; line-height: 45px; font-family: 'Quicksand', sans-serif; color: #222 } #header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li .listTitle a, #header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li .listTitle a { color: #c1a89f; float: right; display: inline; font-family: 'Quicksand', sans-serif; font-weight: 700 } #header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li .listTitle a i, #header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li .listTitle a i { margin-left: 5px } #header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li .megaInnerMenu, #header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li .megaInnerMenu { float: none } #header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li .megaInnerMenu li, #header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li .megaInnerMenu li { float: none; display: block; border: none; padding-left: 0 } #header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li .megaInnerMenu li a, #header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li .megaInnerMenu li a { line-height: 30px; border: none; padding-left: 0; font-family: 'Quicksand', sans-serif; } #header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li .megaInnerMenu li a img, #header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li .megaInnerMenu li a img { width: 100% } #header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.listMenu, #header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.listMenu { width: 20% } #header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu, #header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu { width: 60% } #header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .row, #header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .row { border-bottom: 1px solid #e9eaee } #header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .listTitle a, #header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .listTitle a { padding-right: 0; border: 1px solid #c1a89f; width: 110px; margin-top: 6px; height: 34px; line-height: 34px; text-align: center; padding: 0; border-radius: 1px; background: #c1a89f; color: #fff; } #header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu, #header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu { border: none } #header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li, #header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li { padding: 15px 0; float: left; width: 201px } #header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li+li, #header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li+li { margin-left: 20px } #header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a, #header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a { padding: 0; text-align: center; overflow: hidden; display: block } #header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a .row, #header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a .row { border: none; font-family: 'Quicksand', sans-serif; font-weight: 700; color: #222 } #header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a .row.imgHov, #header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a .row.imgHov { position: relative } #header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a .row.imgHov .hovCnt, #header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a .row.imgHov .hovCnt { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.45); position: absolute; top: 0; left: -150%; transition: all 300ms ease-in-out 0s } #header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a .row.imgHov .hovCntInner, #header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a .row.imgHov .hovCntInner { position: absolute; top: calc(50% - 21px); left: 300%; white-space: nowrap; display: block; font-family: 'Quicksand', sans-serif; font-weight: 700; color: #FFF; padding: 0 15px; line-height: 40px; border: 1px solid #FFF; transition: all 300ms ease-in-out 0s } #header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a .row.menuTitle, #header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a .row.menuTitle { line-height: 45px } #header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a:hover .row, #header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a:hover .row { color: #c1a89f } #header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a:hover .row.imgHov .hovCnt, #header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a:hover .row.imgHov .hovCnt { left: 0 } #header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a:hover .row.imgHov .hovCntInner, #header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a:hover .row.imgHov .hovCntInner { left: 0; right: 0; margin-left: auto; margin-right: auto; max-width: 110px; } #header .topFeatures .nav-justified { padding: 18px 0 } #header .topFeatures .nav-justified li img { margin-right: 10px } #header .topFeatures .nav-justified li+li { border-left: 2px solid #cccac0 } #header .navbar #mainNav .nav.navbar-nav>li.offers_navbtn { float: right } /*#header .navbar #mainNav .nav.navbar-nav > li.offers_navbtn a { background: #c1a89f none repeat scroll 0 0; border-radius: 84px; color: #fff; line-height: 30px; margin-top: 10px; border: 2px solid #c1a89f; padding-left: 13px; padding-right: 13px }*/ #header .navbar #mainNav .nav.navbar-nav>li.offers_navbtn a { background: #c1a89f none repeat scroll 0 0; border-radius: 84px; color: #fff; line-height: 35px; margin-top: 4px; border: 2px solid #c1a89f; padding-left: 13px; padding-right: 13px; } #header .navbar #mainNav .nav.navbar-nav>li.offers_navbtn a i { color: #fff; margin-top: -4px } #header .navbar #mainNav .nav.navbar-nav>li.offers_navbtn a:hover { color: #c1a89f; background-color: #fff } #header .navbar #mainNav .nav.navbar-nav>li.offers_navbtn a:hover i { color: #c1a89f } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } #header .logo_line .logo .logo_a img { height: auto; max-width: 100%; max-height: 85px; } #header .logo_line .logo .logo_a span { color: #fff; font-size: 24px; vertical-align: middle; margin-left: 7px; margin-top: 0; display: inline-block; text-transform: uppercase; font-family: 'Quicksand', sans-serif; font-size: 30px; font-weight: 700 } #header .logo_line .logo .logo_a i { font-size: 3em; color: #fff; vertical-align: middle } /**/ .homepage-3slider { overflow: hidden; } .home-3-slider .flexslider { border-color: transparent; background: none; margin: 0; } .home-3-slider-row { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; background: #f8f1e8; padding-top: 168px; } .home-3-slider #carousel-thum .slides { padding-top: 0; padding-bottom: 0; } .home-3-slider #slider-thum { border: none; margin-bottom: 0; } .home-3-slider-box { box-shadow: 10px 10px 46px -27px rgba(193, 168, 159, 0.6); border-radius: 10px; padding: 0 15px 15px; margin: 30px 10px; border: 1px solid #fff; cursor: pointer; background: #fff; transition: all 0.6s ease; } .home-3-slider-box:hover { box-shadow: 10px 20px 26px -7px rgba(193, 168, 159, 0.6); margin-top: 20px } .slider_caption h3 { font-size: 19px; line-height: 1.3; margin-top: 0; margin-bottom: 20px; } .slider_caption h5 { opacity: 0.5; margin-bottom: 2px; font-size: 15px; } .slider_caption a { font-size: 15px; } .home-3-slider-box:hover .slider_caption a { font-size: 15px; font-weight: 700; color: #000; } .home-3-slider .flex-direction-nav a.flex-next::before, .home-3-slider .flex-direction-nav a::before { display: none; } .home-3-slider .flex-prev, .home-3-slider .flex-next { background: #c1a89f; border-radius: 100%; line-height: 54px; text-align: center; } .home-3-slider-text { margin: 30px auto 0; max-width: 60%; } .home-3-slider-text h1 { color: #5f5049 } /**/ /* end header 1*/ /* 5.2 header 2*/ /* #header2 { position: relative; padding-top: 0; height: auto; } */ #header2 { position: relative; height: auto; padding: 15px 0; } /* .header-scrolled { position: sticky !important; z-index: 9999; background: white; top: 0; transition: .7s; } */ #header2 .menu .navbar { box-shadow: none; border: none; background: none } #header2 .menu .navbar .navbar-header button { border-radius: 0; color: #FFF; border: none; width: 100%; margin: 0; background: #c1a89f } #header2 .menu .navbar .navbar-header button:hover, #header2 .menu .navbar .navbar-header button:focus, #header2 .menu .navbar .navbar-header button[aria-expanded="true"] { background: #222 } #header2 .menu .navbar .navbar-header button[aria-expanded="false"] { background: #c1a89f } #header2 .menu .navbar #mainNav2 ul li a { line-height: 72px; padding: 0 15px; text-transform: uppercase; font-family: 'Quicksand', sans-serif; font-weight: 400; color: #000000; font-size: 15px } #header2 .menu .navbar #mainNav2 ul li a:hover, #header2 .menu .navbar #mainNav2 ul li a:focus { background: none } #header2 .menu .navbar #mainNav2 ul li.dropdown ul, #header2 .menu .navbar #mainNav2 ul li.open ul { border: 0; border-radius: 0; padding: 0; min-width: 195px; background: none } #header2 .menu .navbar #mainNav2 ul li.dropdown ul li, #header2 .menu .navbar #mainNav2 ul li.open ul li { border-bottom: 1px solid #e9eaee } #header2 .menu .navbar #mainNav2 ul li.dropdown ul li:first-child, #header2 .menu .navbar #mainNav2 ul li.open ul li:first-child { border-top: 2px solid transparent } #header2 .menu .navbar #mainNav2 ul li.dropdown ul li:last-child, #header2 .menu .navbar #mainNav2 ul li.open ul li:last-child { border-color: transparent } #header2 .menu .navbar #mainNav2 ul li.dropdown ul li a, #header2 .menu .navbar #mainNav2 ul li.open ul li a { line-height: 43px; border-bottom: 1px solid #f3f3f3; font-family: 'Quicksand', sans-serif; color: #373737; font-weight: 600; background-color: #FFF } #header2 .menu .navbar #mainNav2 ul li.dropdown .dropdown-menu>.active>a { color: #c1a89f } #header2 .menu .navbar #mainNav2 ul li.dropdown ul li a:hover, #header2 .menu .navbar #mainNav2 ul li.open ul li a:hover { color: #c1a89f } #header2 .logo { padding: 6px 0 6px; } #header2 .logo a { display: block; line-height: 58px } #header2 .logo a img { max-width: 100% } #header2 .menu2 { padding: 18px 0 0; } #header2 .menu2 ul li { float: left } #header2 .menu2 ul li a { line-height: 14px; padding: 0 15px; font-family: 'Quicksand', sans-serif; color: #454545; text-transform: uppercase; } #header2 .menu2 ul li a i { color: #735c54; } #header2 .menu2 ul li a:hover, #header2 .menu2 ul li a:focus { background: none } #header2 .menu2 ul li:first-child { border-right: 1px solid #4c4c4c } #header2 .menu2 ul li:nth-child(3), #header2 .menu2 ul li:nth-child(4) { font-size: 20px } /*#header2 .menu2 ul li:last-child a { width: 65px; height: 32px; background: url(../images/icons/cart5.png) no-repeat scroll 15px 0 transparent; margin-top: -8px; text-align: center }*/ #header2 .menu2 ul li:last-child a { width: 65px; height: 32px; background: url(../images/icons/cart5.png) no-repeat scroll 15px 0 transparent; margin-top: -8px; text-align: center; background-size: 27px; background-position: left bottom; } #header2 .menu2 ul li:last-child a .badge { width: 20px; line-height: 20px; border-radius: 100%; background: #735c54; padding: 0; text-align: center; font-weight: lighter; font-family: 'Quicksand', sans-serif; font-size: 11px; display: inline-block; position: relative; top: -3px } #header2 #searchForm { background: rgba(0, 0, 0, 0.65); position: absolute; top: 100%; width: 100%; z-index: 99999 } #header2 #searchForm form .input-group { padding: 15px 0 } #header2 #searchForm form .input-group .form-control { border-radius: 0; line-height: 100px; height: 100px; padding: 0 20px; border: none; background: rgba(0, 0, 0, 0.65); font-size: 30px; font-family: 'Quicksand', sans-serif; font-weight: 100 } #header2 #searchForm form .input-group .form-control::-moz-placeholder, #header2 #searchForm form .input-group .form-control:-ms-input-placeholder, #header2 #searchForm form .input-group .form-control::-webkit-input-placeholder { color: #FFF; opacity: 1 } /* End header 2*/ /* 5.3 header 3*/ #header2 #searchForm form .input-group .input-group-addon { border-radius: 0; padding: 0 20px; border: none; background: rgba(0, 0, 0, 0.65); font-size: 50px } #header3 .logo_line .searchSec, #header3 .logo_line .searchSec>div { padding-right: 0; position: static; } #header3 .container { position: relative; } #header3 { position: fixed; left: 0; right: 0; top: 0; z-index: 999; transition: all 0.3s; } #header3.header-scrolled { background: #735c54 } #header3.header-scrolled .logo_line .logo .logo_a img { height: 53px; } #header3.header-scrolled .logo_line { margin-bottom: 5px; margin-top: 5px; } #header3.header-scrolled .wishlistCompare { height: 0; margin: 0; overflow: hidden; } #header3 .top_menus { padding: 17px 0 50px } #header3 .top_menus .nav li a { padding: 0 20px; line-height: 1; text-transform: capitalize; color: #5f5e5e; font-family: 'Quicksand', sans-serif; } #header3 .top_menus .nav li a:hover { color: #c1a89f; background-color: transparent } #header3 .top_menus .nav li+li { border-left: 2px solid #dcdcdc } #header3 .top_menus .nav li:first-child a { padding-left: 15px } #header3 .top_menus .nav li:last-child a { padding-right: 15px } #header3 .logo_line { margin-bottom: 15px; margin-top: 15px; transition: all 0.4s ease-in-out; } #header3 .logo_line .logo .logo_a { display: inline-block } #header3 .logo_line .searchSec .searchForm { width: 100%; padding-top: 0 } #header3 .logo_line .searchSec .searchForm .input-group { border: 1px solid transparent; border-radius: 4px; display: flex; } #header3 .logo_line .searchSec .searchForm .input-group .form-control { border: none; box-shadow: none; height: 31px; line-height: 31px; padding: 0 35px 0 2px; border-bottom: 1px solid #cacaca; font-family: 'Quicksand', sans-serif; background: transparent; color: #fff; transition: all 0.3s ease; width: 215px; /* font-size: 16px; */ } #header3 .logo_line .searchSec .searchForm .input-group .form-control:focus { width: 300px; } #header3 .logo_line .searchSec .searchForm .input-group .form-control::-moz-placeholder { color: #FFF; opacity: 1 } #header3 .logo_line .searchSec .searchForm .input-group .form-control:-ms-input-placeholder { color: #FFF; opacity: 1 } #header3 .logo_line .searchSec .searchForm .input-group .form-control::-webkit-input-placeholder { color: #FFF; opacity: 1 } #header3 .logo_line .searchSec .searchForm .input-group .form-control:focus { border-color: #c1a89f } #header3 .logo_line .searchSec .searchForm .input-group button.dropdown-toggle { border: 0; border-radius: 0; background: none; text-transform: uppercase; font-size: 12px; line-height: 35px; color: #505050; font-family: 'Quicksand', sans-serif; font-weight: 600; padding: 0 } #header3 .logo_line .searchSec .searchForm .input-group button.dropdown-toggle i { margin: 0 8px 0 5px; font-size: 18px; color: #b7b7b7 } #header3 .logo_line .searchSec .searchForm .input-group .dropdown-menu { z-index: 10000; border-radius: 0; padding: 0; right: -35px; margin-top: 0 } #header3 .logo_line .searchSec .searchForm .input-group .dropdown-menu li a { padding: 0 15px; line-height: 30px; text-transform: capitalize } #header3 .logo_line .searchSec .searchForm .input-group .dropdown-menu li a:hover, #header3 .logo_line .searchSec .searchForm .input-group .dropdown-menu li a:focus { background: none } #header3 .logo_line .searchSec .searchForm .input-group .dropdown-menu li+li a { border-top: 1px solid rgba(220, 220, 220, 0.5) } #header3 .logo_line .searchSec .searchForm .input-group .searchIco { background: transparent; color: #c1a89f } #header3 .logo_line .searchSec .searchForm .input-group .searchIco button { border: none; background: none; text-shadow: none; color: #fff; font-size: 18px; line-height: 35px; width: 35px; padding: 0; text-align: center; margin-left: -30px; } #header3 .logo_line .searchSec .wishlistCompare { width: 100%; padding: 0 15px; text-align: right } #header3 .logo_line .searchSec .wishlistCompare .nav li a { padding: 0; color: #fff; font-size: 14px; font-family: 'Quicksand', sans-serif; padding-bottom: 10px; } #header3 .logo_line .searchSec .wishlistCompare .nav li a:hover, #header3 .logo_line .searchSec .wishlistCompare .nav li a:focus { background: none } #header3 .logo_line .searchSec .cartCount { text-align: center } #header3 .logo_line .searchSec .cartCount .cartCountInner { width: 100%; height: 100% } #header3 .logo_line .searchSec .wishlistCompare .nav li { display: inline-block; vertical-align: middle; margin-left: 20px } #header3 .logo_line .searchSec .wishlistCompare .nav li.h_cart { position: relative } #header3 .logo_line .searchSec .wishlistCompare .nav li.h_cart .hclist { position: absolute; right: 0; width: 391px; text-align: left; z-index: 99999; opacity: 0; vertical-align: middle; transition: all .3s ease-in; border-top: 10px solid transparent } #header3 .logo_line .searchSec .wishlistCompare .nav li.h_cart:hover .hclist { opacity: 1; transition: all .3s ease-in } #header3 .logo_line .searchSec .wishlistCompare .nav li.h_cart .table-responsive { height: 0; padding: 0; background: #fff; box-shadow: 0 3px 17px -3px rgba(0, 0, 0, 0.3) } #header3 .logo_line .searchSec .wishlistCompare .nav li.h_cart .table-responsive table { margin-bottom: 0 } #header3 .logo_line .searchSec .wishlistCompare .nav li.h_cart:hover .table-responsive { height: auto; padding: 10px } #header3 .logo_line .searchSec .wishlistCompare .nav li.h_cart .hclist .table-responsive { vertical-align: middle } #header3 .logo_line .searchSec .wishlistCompare .nav li.h_cart .hclist .table-responsive a { color: #333 } #header3 .logo_line .searchSec .wishlistCompare .nav li.h_cart .hclist .table-responsive * { vertical-align: middle } #header3 .logo_line .searchSec .cartCount .cartCountInner a { color: #505050; font-size: 14px; font-family: 'Quicksand', sans-serif; padding: 0 } #header3 .logo_line .searchSec .cartCount .cartCountInner a span { display: inline-block; vertical-align: middle } #header3 .logo_line .searchSec .cartCount .cartCountInner .badge, #header3 .logo_line .searchSec .wishlistCompare .nav li a .wish { padding: 0; text-align: center; font-weight: lighter; font-family: 'Quicksand', sans-serif; font-size: 14px; display: inline-block; position: relative; line-height: 18px; text-align: center; cursor: pointer; color: #000; width: 36px; background: transparent; background-size: 100% 100%; line-height: 25px; vertical-align: middle; font-weight: bold } #header3 .logo_line .searchSec .wishlistCompare .nav li a .wish sup { background: #c1a89f; width: 17px; display: inline-block; height: 17px; border-radius: 100px; line-height: 15px; margin-left: 20px; color: #000; font-size: 12px; } #header3 .logo_line .searchSec .cartCount .cartCountInner .badge i, #header3 .logo_line .searchSec .wishlistCompare .nav li>a>span>i { color: #fff; font-size: 25px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1 } #header3 .logo_line .searchSec .cartCount .cartCountInner:hover .badge i, #header3 .logo_line .searchSec .wishlistCompare .nav li a:hover i { color: #c1a89f; transition: all .3s ease-in } #header3 .logo_line .searchSec .cartCount .cartCountInner:hover .badge, #header3 .logo_line .searchSec .wishlistCompare .nav li a:hover .wish { color: #fff } #header3 .navbar { background: transparent; border: none; box-shadow: none; position: static; } #header3 .navbar .navbar-header button { margin: 0; width: 100%; height: 50px; color: #FFF; font-family: 'Quicksand', sans-serif; font-size: 18px; text-transform: uppercase; background: #222; border-radius: 0; border-color: transparent } #header3 .navbar .navbar-header button.collapsed { background: #c1a89f } #header3 .navbar .navbar-header button:hover, #header3 .navbar .navbar-header button:focus { background: #222 } #header3 .navbar #mainNav .nav { position: static; text-transform: uppercase; width: 100% } #header3 .navbar #mainNav .nav li a { padding: 0 24px; line-height: 52px; color: #fff; font-family: 'Quicksand', sans-serif; position: relative } #header3 .navbar #mainNav .nav li a span { font-family: inherit; } #header3 .navbar #mainNav .nav>li:first-child>a { padding-left: 0 } #header3 .navbar #mainNav .nav li a:hover { box-shadow: none; background: transparent; color: #FFF } #header3 .navbar #mainNav .nav li.active a, #header3 .navbar #mainNav .nav li.open a { box-shadow: none; background: transparent; color: #FFF } #header3 .navbar #mainNav .nav.navbar-nav>li.offers_navbtn a:hover:after { display: none } #header3 .navbar #mainNav .nav li.dropdown .dropdown-menu, #header3 .navbar #mainNav .nav li.open .dropdown-menu { border: 0; border-bottom: 1px solid #c1a89f; border-radius: 0; padding: 0; min-width: 195px } #header3 .navbar #mainNav .nav li.dropdown .dropdown-menu li.active a { color: #c1a89f } #header3 .navbar #mainNav .nav li.dropdown .dropdown-menu li, #header3 .navbar #mainNav .nav li.open .dropdown-menu li { border-bottom: 1px solid #e9eaee } #header3 .navbar #mainNav .nav li.dropdown .dropdown-menu li:first-child, #header3 .navbar #mainNav .nav li.open .dropdown-menu li:first-child { padding-top: 10px } #header3 .navbar #mainNav .nav li.dropdown .dropdown-menu li:last-child, #header3 .navbar #mainNav .nav li.open .dropdown-menu li:last-child { border-bottom-color: #b9e2be; padding-bottom: 10px } #header3 .navbar #mainNav .nav li.dropdown .dropdown-menu li a, #header3 .navbar #mainNav .nav li.open .dropdown-menu li a { line-height: 43px; border-bottom: 1px solid #f3f3f3; /* font-family: 'Quicksand', sans-serif;*/ font-family: 'Quicksand', sans-serif; color: #373737; font-weight: 600; background-color: transparent } #header3 .navbar #mainNav .nav li.dropdown .dropdown-menu li a:hover, #header3 .navbar #mainNav .nav li.open .dropdown-menu li a:hover { color: #c1a89f } #header3 .navbar #mainNav .nav li.dropdown.megaMenu, #header3 .navbar #mainNav .nav li.open.megaMenu { position: static } #header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu { width: 100%; position: absolute; padding: 0 } #header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li { float: left; border: none; padding: 0 20px } #header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li .listTitle, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li .listTitle { margin: 0; line-height: 45px; font-family: 'Quicksand', sans-serif; color: #222 } #header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li .listTitle a, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li .listTitle a { color: #c1a89f; float: right; display: inline; font-family: 'Quicksand', sans-serif; font-weight: 700 } #header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li .listTitle a i, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li .listTitle a i { margin-left: 5px } #header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li .megaInnerMenu, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li .megaInnerMenu { float: none } #header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li .megaInnerMenu li, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li .megaInnerMenu li { float: none; display: block; border: none; padding-left: 0 } #header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li .megaInnerMenu li a, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li .megaInnerMenu li a { line-height: 30px; border: none; padding-left: 0; font-family: 'Quicksand', sans-serif; } #header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li .megaInnerMenu li a img, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li .megaInnerMenu li a img { width: 100% } #header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.listMenu, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.listMenu { width: 20% } #header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu { width: 60% } #header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .row, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .row { border-bottom: 1px solid #e9eaee } #header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .listTitle a, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .listTitle a { padding-right: 0; border: 1px solid #c1a89f; width: 110px; margin-top: 6px; height: 34px; line-height: 34px; text-align: center; padding: 0; border-radius: 1px; background: #c1a89f; color: #fff; } #header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu { border: none } #header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li { padding: 15px 0; float: left; width: 201px } #header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li+li, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li+li { margin-left: 20px } #header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a { padding: 0; text-align: center; overflow: hidden; display: block } #header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a .row, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a .row { border: none; font-family: 'Quicksand', sans-serif; font-weight: 700; color: #222 } #header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a .row.imgHov, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a .row.imgHov { position: relative } #header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a .row.imgHov .hovCnt, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a .row.imgHov .hovCnt { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.45); position: absolute; top: 0; left: -150%; transition: all 300ms ease-in-out 0s } #header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a .row.imgHov .hovCntInner, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a .row.imgHov .hovCntInner { position: absolute; top: calc(50% - 21px); left: 300%; white-space: nowrap; display: block; font-family: 'Quicksand', sans-serif; font-weight: 700; color: #FFF; padding: 0 15px; line-height: 40px; border: 1px solid #FFF; transition: all 300ms ease-in-out 0s } #header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a .row.menuTitle, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a .row.menuTitle { line-height: 45px } #header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a:hover .row, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a:hover .row { color: #c1a89f } #header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a:hover .row.imgHov .hovCnt, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a:hover .row.imgHov .hovCnt { left: 0 } #header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a:hover .row.imgHov .hovCntInner, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a:hover .row.imgHov .hovCntInner { left: 0; right: 0; margin-left: auto; margin-right: auto; max-width: 110px; } #header3 .topFeatures .nav-justified { padding: 18px 0 } #header3 .topFeatures .nav-justified li img { margin-right: 10px } #header3 .topFeatures .nav-justified li+li { border-left: 2px solid #cccac0 } #header3 .navbar #mainNav .nav.navbar-nav>li.offers_navbtn { float: right } /*#header3 .navbar #mainNav .nav.navbar-nav > li.offers_navbtn a { background: #c1a89f none repeat scroll 0 0; border-radius: 84px; color: #fff; line-height: 30px; margin-top: 10px; border: 2px solid #c1a89f; padding-left: 13px; padding-right: 13px }*/ #header3 .navbar #mainNav .nav.navbar-nav>li.offers_navbtn a { background: #c1a89f none repeat scroll 0 0; border-radius: 84px; color: #fff; line-height: 35px; margin-top: 4px; border: 2px solid #c1a89f; padding-left: 13px; padding-right: 13px; } #header3 .navbar #mainNav .nav.navbar-nav>li.offers_navbtn a i { color: #fff; margin-top: -4px } #header3 .navbar #mainNav .nav.navbar-nav>li.offers_navbtn a:hover { color: #c1a89f; background-color: #fff } #header3 .navbar #mainNav .nav.navbar-nav>li.offers_navbtn a:hover i { color: #c1a89f } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } #header3 .logo_line .logo .logo_a img { height: auto; max-width: 100%; max-height: 85px; } #header3 .logo_line .logo .logo_a span { color: #fff; font-size: 24px; vertical-align: middle; margin-left: 7px; margin-top: 0; display: inline-block; text-transform: uppercase; font-family: 'Quicksand', sans-serif; font-size: 30px; font-weight: 700 } #header3 .logo_line .logo .logo_a i { font-size: 3em; color: #fff; vertical-align: middle } /* end header 3*/ /*header 1*/ #header1 .navbar-default { background: transparent; border-bottom: none; box-shadow: none; } #header1 .navbar-brand { height: 81px; padding-top: 0; padding-bottom: 0; } #header1 .navbar-brand>img { max-height: 100%; } /*end header 1*/ /*---------------------------------------*/ /*END HEADER*/ /*---------------------------------------*/ /*--------------------------------------------------*/ /*6. Index Content: Portfolio / Project / Works grid*/ /*--------------------------------------------------*/ #shopFeatures, #shopRings { padding: 35px 0 45px } #homeBlog { padding: 35px 0; background-color: #fff; } #shopFeatures .coreFeature { margin-bottom: 20px } #shopFeatures .coreFeature .coreFeatureInner .icon { width: 78px; line-height: 78px; background: #eeeff0; margin: 0 auto 15px } .coreFeature .icon i { font-size: 34px; display: inline-block; vertical-align: middle } #shopFeatures .coreFeature .coreFeatureInner h5 { font-family: 'Quicksand', sans-serif; text-transform: uppercase; color: #222; line-height: 24px } #shopFeatures .coreFeature .coreFeatureInner p { font-family: 'Quicksand', sans-serif; color: #626262; line-height: 20px } #featureProducts, #Dshine { padding-bottom: 35px } #featureProducts .product { margin-bottom: 0; } #homeBanners .homeBanner { text-transform: uppercase; color: #222 } #homeBanners .homeBanner img { width: 100% } #homeBanners .homeBanner .bannerTextArea { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.85); padding: 10px } #homeBanners .homeBanner .bannerTextArea .bannerTextAreaInner { height: 100%; border: 2px solid #222; padding-top: 50px } #homeBanners .homeBanner .bannerTextArea .bannerTextAreaInner h4 { font-size: 20px; font-family: 'Quicksand', sans-serif; font-weight: 700 } #homeBanners .homeBanner .bannerTextArea .bannerTextAreaInner h4:after { content: ''; width: 65px; height: 2px; background: #222; margin: 13px auto; display: block } #homeBanners .homeBanner .bannerTextArea .bannerTextAreaInner h5 { font-family: 'Quicksand', sans-serif; } #homeBanners2 .newArrivals { position: relative } #homeBanners2 .newArrivals img { width: 100% } #homeBanners2 .newArrivals .newArrivalsBox { position: absolute; width: 215px; padding: 10px; background: rgba(255, 255, 255, 0.55); top: calc(50% - 85px); left: 0 } #homeBanners2 .newArrivals .newArrivalsBox .newArrivalsBoxInner { width: 100%; height: 100%; background: #FFF; padding: 20px; text-transform: uppercase } #homeBanners2 .newArrivals .newArrivalsBox .newArrivalsBoxInner h3 { line-height: 28px; margin-bottom: 5px } #homeBanners2 .newArrivals .newArrivalsBox .newArrivalsBoxInner a { font-family: 'Quicksand', sans-serif; font-size: 14px; color: #222 } #homeBanners2 .newArrivals .newArrivalsBox .newArrivalsBoxInner a i { margin-left: 5px; font-size: 18px } #homeBanners2 .newYearSale { background: #c1a89f; color: #FFF; text-align: center; padding: 20px } #homeBanners2 .newYearSale h5 { position: relative; z-index: 2; margin: 5px 0 0 } #homeBanners2 .newYearSale h5:before { content: ''; width: 100%; display: block; height: 1px; background: #FFF; position: relative; z-index: 0; margin-bottom: -15px } #homeBanners2 .newYearSale h5 span { background: #c1a89f; padding: 0 25px; display: inline-block; line-height: 30px; position: relative; z-index: 3 } #homeBanners2 .newYearSale h2 { color: #FFF; margin-bottom: 0; line-height: 40px } #homeBanners2 .newYearSale h3 { color: #FFF; line-height: 34px; font-size: 22px; margin-bottom: 0; padding-bottom: 4px; border-bottom: 1px solid #FFF } #homeBanners2 .endYearSale { position: relative; margin-top: 30px; text-align: center; overflow: hidden } #homeBanners2 .endYearSale img { width: 100% } #homeBanners2 .endYearSale .endYearSaleBox { position: absolute; width: 100%; height: 100%; padding: 10px; top: 0; left: 0 } #homeBanners2 .endYearSale .endYearSaleBox .endYearSaleBoxInner { padding: 20px; border: 1px solid #FFF; height: 100%; text-transform: uppercase } #homeBanners2 .endYearSale .endYearSaleBox .endYearSaleBoxInner h5 { color: #FFF; margin-top: 0; font-family: 'Quicksand', sans-serif; font-size: 14px } #homeBanners2 .endYearSale .endYearSaleBox .endYearSaleBoxInner h2 { color: #FFF; margin-bottom: 10px } #homeBanners2 .endYearSale .endYearSaleBox .endYearSaleBoxInner h6 { color: #FFF; margin-bottom: 5px } #homeBanners2 .factoryOutlet { position: relative } #homeBanners2 .factoryOutlet img { width: 100% } #homeBanners2 .factoryOutlet .factoryOutletBox { position: absolute; width: 215px; padding: 10px; background: rgba(255, 255, 255, 0.55); top: calc(50% - 85px); right: 0; text-align: center } #homeBanners2 .factoryOutlet .factoryOutletBox .factoryOutletBoxInner { width: 100%; height: 100%; background: #FFF; padding: 20px; text-transform: uppercase } #homeBanners2 .factoryOutlet .factoryOutletBox .factoryOutletBoxInner h3 { line-height: 28px; margin-bottom: 5px; font-size: 22px } #homeBanners2 .factoryOutlet .factoryOutletBox .factoryOutletBoxInner a { font-family: 'Quicksand', sans-serif; font-size: 14px; color: #222 } #homeBanners2 .factoryOutlet .factoryOutletBox .factoryOutletBoxInner a i { margin-left: 5px; font-size: 18px } /*.sectionTitle { text-align: center; text-transform: uppercase; margin-bottom: 45px }*/ .sectionTitle { text-align: center; text-transform: uppercase; margin-bottom: 30px; margin-top: 30px; } .sectionTitle h3 { font-family: 'Quicksand', sans-serif; } .sectionTitle h5 { font-family: 'Quicksand', sans-serif; } .product { margin-bottom: 35px; } /*.contentRowPad .product {}*/ .product .productInner { text-align: center; text-transform: uppercase; overflow: hidden } .product .productInner .imgHov { position: relative } /* .product .productInner .imgHov img { width: 100%; } */ .product .productInner .imgHov img { width: 100% !important; min-height: 270px !important; object-fit: cover !important; } .product .productInner .imgHov .hovArea { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: rgba(0, 0, 0, 0.5); padding-top: 85px; transition: all 300ms ease-in-out 0s; opacity: 0; z-index: 99; } .product .productInner .imgHov .hovArea img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; filter: brightness(50%); width: 100%; height: 100%; object-fit: cover; max-width: inherit !important; } .product .productInner .imgHov .hovArea .icons { margin-bottom: 20px; margin-top: -15px; transition: all 800ms ease-in-out 0s } .product .productInner .imgHov .hovArea .icons ul { margin: 0; font-size: 16px; line-height: 40px } .product .productInner .imgHov .hovArea .icons ul li a { padding: 0; width: 40px; border: none; display: block; color: #fff } .product .productInner .imgHov .hovArea .icons ul li a:hover { background-color: #c1a89f; color: #fff; border-color: #c1a89f } .product .productInner .imgHov .hovArea .proType { margin-bottom: 20px; transition: all 300ms ease-in-out 0s; transition-delay: 400ms } .product .productInner .imgHov .hovArea .proType a { line-height: 1; display: inline-block; font-size: 13px; font-family: 'Quicksand', sans-serif; color: #fff } .product .productInner .imgHov .hovArea .proRating { margin-bottom: 10px; transition: all 300ms ease-in-out 0s; transition-delay: 400ms } .product .productInner .imgHov .hovArea .proRating i { font-size: 20px; color: #fff } .product .productInner .imgHov .hovArea .proRating i:nth-child(5) { color: #373737 } .product .productInner .imgHov .hovArea .proPrice { font-size: 24px; font-family: 'Quicksand', sans-serif; color: #fff; transition: all 300ms ease-in-out 0s; transition-delay: 400ms; font-weight: 700; } .product .productInner .imgHov .hovArea .proPrice i { margin-right: 2px } .product .productInner .proName a { font-family: 'Quicksand', sans-serif; line-height: 43px; color: #222; font-weight: 700; display: inline-block; font-size: 16px; } .product .productInner .proBuyBtn .btn { color: white; font-family: 'Quicksand', sans-serif; font-size: 14px; display: inline-block; line-height: 35px; border: 2px solid #673e10; padding: 0 17px; border-radius: 40px; background-color: #673e10; text-transform: uppercase } .product .productInner .proBuyBtn .btn:hover { background: #222; color: #FFF; border: 2px solid #222; } .product .productInner:hover .imgHov .hovArea { top: 0; left: 0; width: 100%; height: 100%; opacity: 1 } .product .productInner:hover .imgHov .hovArea .icons { margin-top: 0 } .product .productInner:hover .imgHov .hovArea .proType { margin-right: 0 } .product .productInner:hover .imgHov .hovArea .proRating { margin-left: 0 } .product .productInner:hover .imgHov .hovArea .proPrice { margin-top: 0 } .singleProduct .flexslider { border: none; margin-bottom: 30px; overflow: hidden } .singleProduct .flexslider#productImageSliderNav { margin-bottom: 55px } .singleProduct .flexslider#productImageSliderNav .slides li { padding: 0 10px; box-shadow: none; border-radius: 0 } .singleProduct .flexslider#productImageSliderNav .slides li img { width: 100%; border-radius: 0 } .singleProduct .flexslider#productImageSliderNav .flex-direction-nav a { height: 30px; width: 30px; background: #222; line-height: 165px; margin-top: -15px; opacity: 1; text-align: center } .singleProduct .flexslider#productImageSliderNav .flex-direction-nav a:before { display: none } .singleProduct .flexslider#productImageSliderNav .flex-direction-nav a i { font-size: 22px; color: #FFF; line-height: 30px; width: 100%; position: absolute; top: 0; left: 0 } .singleProduct .flexslider#productImageSliderNav .flex-direction-nav a.flex-prev { left: 0 } .singleProduct .flexslider#productImageSliderNav .flex-direction-nav a.flex-next { right: 0 } .singleProduct .flexslider#productImageSliderNav .flex-direction-nav a:hover, .singleProduct .flexslider#productImageSliderNav .flex-direction-nav a:focus { background: #c1a89f } .singleProduct .heading { margin-bottom: 10px } .singleProduct .heading.price { font-size: 22px; color: #4c4c4c; font-size: large; margin-top: revert; } .singleProduct .heading.price del { color: #878787; margin-right: 20px } .singleProduct .heading.proAttr { text-transform: capitalize; margin-bottom: 0; line-height: 50px } .singleProduct .starsRow { font-family: 'Quicksand', sans-serif; color: #373737 } .singleProduct .starsRow .stars { color: #222; margin-right: 20px } .singleProduct .starsRow a { color: #373737 } .singleProduct .starsRow span { margin: 0 10px } .singleProduct .shortDesc { padding: 20px 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc } .singleProduct .shortDesc p { line-height: 24px; color: #373737 } .singleProduct .sizeSelect.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 120px; margin-bottom: 25px } .singleProduct .sizeSelect .btn { border-color: #dcdcdc; color: #373737; padding: 0 15px; line-height: 28px; font-family: 'Quicksand', sans-serif; } .singleProduct .wce { margin-bottom: 25px; line-height: 40px } .singleProduct .wce li a { color: #373737 } .singleProduct .wce li a i { display: inline-block; margin-right: 10px } .singleProduct .wce li a:hover { color: #c1a89f } .singleProduct .qtyAtc { margin-bottom: 40px } .singleProduct .qtyAtc .btn-default:hover { background: #c1a89f; border-color: #c1a89f; } .singleProduct .qtyAtc .quantity { font-family: 'Quicksand', sans-serif; color: #222; line-height: 42px; margin-right: 20px; margin-bottom: 15px } .singleProduct .qtyAtc .quantity span { color: #dcdcdc; margin: 0 5px } .singleProduct .qtyAtc .btn { border-color: #dcdcdc } .singleProduct .qtyAtc .btn img { margin-right: 5px } .spinner { width: 70px; border: 1px solid #dcdcdc; height: 42px } .spinner input { text-align: center; border-radius: 0; border: none; box-shadow: none; line-height: 40px; padding: 0 } .spinner .input-group-btn-vertical { position: relative; white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell } .spinner .input-group-btn-vertical>.btn { display: block; float: none; width: 100%; max-width: 100%; padding: 9px; margin-left: 0; position: relative; border-radius: 0; border: none !important; box-shadow: none !important } .spinner .input-group-btn-vertical>.btn:last-child { margin-top: -2px } .spinner .input-group-btn-vertical i { position: absolute; top: 0; left: 5px } .descList dl { margin: 20px 0 } .descList dl dt { text-align: left; text-transform: uppercase; font-family: 'Quicksand', sans-serif; color: #222; line-height: 26px } .descList dl dd { font-family: 'Quicksand', sans-serif; color: #373737; line-height: 26px; margin-left: 0 } .cartTable .descList dl dd { float: left } .product2 { margin-bottom: 30px } .product2 .thumbnail { padding: 10px; border-radius: 0; cursor: crosshair } .product2 .thumbnail .imgHov { position: relative; overflow: hidden } .product2 .thumbnail .imgHov img { width: 100% } .product2 .thumbnail .imgHov .hovArea { position: absolute; bottom: -55px; width: 100%; transition: all 300ms ease-in-out 0s } .product2 .thumbnail .imgHov .hovArea .links { padding: 20px 0; background: rgba(255, 255, 255, 0.85); text-align: center; margin-bottom: -125px; transition: all 300ms ease-in-out 0s } .product2 .thumbnail .imgHov .hovArea .links a { width: 40px; line-height: 38px; display: inline-block; margin: 0 5px; color: #c1a89f; border: 1px solid #c1a89f; border-radius: 0 } .product2 .thumbnail .imgHov .hovArea .getlike { padding: 0 40px; background: #c1a89f; margin-bottom: -45px; transition: all 300ms ease-in-out 0s } .product2 .thumbnail .imgHov .hovArea .getlike a { display: inline-block; color: #fff; font-family: 'Quicksand', sans-serif; line-height: 45px } .product2 .thumbnail .imgHov .hovArea .getlike a i { font-size: 22px; margin-right: 5px } .product2 .thumbnail .imgHov .hovArea .getlike a.fright { margin: 0 10px } .product2 .thumbnail .productIntro .heading { line-height: 24px; margin: 15px 0 0 } .product2 .thumbnail .productIntro .heading a { color: #222 } .product2 .thumbnail .productIntro .heading span { float: right; font-size: 14px; color: #c1a89f } .product2 .thumbnail .productIntro .heading span del { color: #373737; margin-right: 5px } .product2 .thumbnail .productIntro .proCat { line-height: 35px; margin: 0; font-family: 'Quicksand', sans-serif; font-weight: 600; color: #222; text-transform: capitalize } .product2 .thumbnail .productIntro .stars { margin-bottom: 12px } .product2 .thumbnail .productIntro .stars i { color: #373737 } .product2 .thumbnail .productIntro .stars i.stared { color: #222 } .product2 .thumbnail .productIntro .stars .vote { color: #c1a89f } .product2 .thumbnail:hover .imgHov .hovArea { bottom: 0 } .product2 .thumbnail:hover .imgHov .hovArea .links { margin-bottom: 0 } .product2 .thumbnail:hover .imgHov .hovArea .getlike { margin-bottom: 0 } .product2.col-sm-3 .thumbnail .imgHov .hovArea .links a { width: 35px; line-height: 33px; font-size: 15px } .product2.col-sm-3 .thumbnail .imgHov .hovArea .getlike { padding: 0 20px } .product2.col-sm-3 .thumbnail .imgHov .hovArea .getlike a i { margin-right: 5px } .product2.col-sm-3 .thumbnail .imgHov .hovArea .getlike a.fright { margin: 0 2px } .img-popup { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.8); text-align: center; display: none; z-index: 9999999999999; animation: pop-in; animation-duration: 0.5s; -webkit-animation: pop-in 0.5s; -moz-animation: pop-in 0.5s; -ms-animation: pop-in 0.5s; } .img-popup img { position: absolute; top: 50%; max-width: 80%; max-height: 80vh; display: inline-block; transform: translate(-50%, -50%); } .close-lightbox { position: absolute; top: 45px; right: 20%; padding: 0; color: #fff; font-size: 20px; border: 2px solid #fff; border-radius: 50%; z-index: 99; cursor: pointer; width: 40px; height: 40px; line-height: 36px; display: block; } .lightboxfadeout { animation: fadeout; animation-duration: 0.5s; -webkit-animation: fadeout 0.5s; -moz-animation: fadeout 0.5s; -ms-animation: fadeout 0.5s; } @keyframes pop-in { 0% { opacity: 0; transform: scale(0.1); } 100% { opacity: 1; transform: scale(1); } } @-webkit-keyframes pop-in { 0% { opacity: 0; -webkit-transform: scale(0.1); } 100% { opacity: 1; -webkit-transform: scale(1); } } @-moz-keyframes pop-in { 0% { opacity: 0; -moz-transform: scale(0.1); } 100% { opacity: 1; -moz-transform: scale(1); } } @keyframes fadeout { 100% { opacity: 0; transform: scale(0.1); } 0% { opacity: 1; transform: scale(1); } } @-webkit-keyframes fadeout { 100% { opacity: 0; -webkit-transform: scale(0.1); } 0% { opacity: 1; -webkit-transform: scale(1); } } @-moz-keyframes fadeout { 100% { opacity: 0; -moz-transform: scale(0.1); } 0% { opacity: 1; -moz-transform: scale(1); } } #newProducts h3.heading { margin-bottom: 50px; text-align: center } .featureCats .owl-nav div { position: absolute; top: calc(50% - 25px); width: 44px; line-height: 56px; color: #FFF; font-size: 28px; background: #000; text-align: center } .featureCats .owl-nav div.owl-prev { left: 0 } .featureCats .owl-nav div.owl-next { right: 0 } .featureCats .item { padding: 0 15px; text-transform: uppercase; text-align: center; overflow: hidden } .featureCats .item .imgHov { position: relative; overflow: hidden } .featureCats .item .imgHov img { width: 100% } .featureCats .item .imgHov .hovArea { font-family: 'Quicksand', sans-serif; position: absolute; width: 100%; height: 100%; top: 0; left: -50%; padding-top: calc(50% - 120px); background: rgba(193, 168, 159, 0.85); overflow: hidden; transition: all 300ms ease-in-out 0s; opacity: 0 } .featureCats .item .imgHov .hovArea i { font-size: 22px; line-height: 1; margin-top: -250%; transition: all 300ms ease-in-out 0s } .featureCats .item .imgHov .hovArea h4 { line-height: 60px; font-weight: 700; font-size: 18px; margin: 0 -200% 0 0; transition: all 300ms ease-in-out 0s } .featureCats .item .imgHov .hovArea a { font-size: 12px; line-height: 30px; background: #222; display: inline-block; padding: 0 20px; color: #FFF; margin-top: 5px; margin-bottom: -250%; position: relative } .featureCats .item a h4 { font-size: 16px; font-family: 'Quicksand', sans-serif; color: #222; line-height: 40px } .featureCats .item:hover .imgHov .hovArea { left: 0; opacity: 1 } .featureCats .item:hover .imgHov .hovArea i { margin-top: 0 } .featureCats .item:hover .imgHov .hovArea h4 { margin: 0 } .featureCats .item:hover .imgHov .hovArea a { margin-bottom: 0 } #featureCat2 { background: #f6f6f6 } #featureCat2 h3.heading { margin-bottom: 50px; text-align: center } #featureCat2 .category2 { cursor: crosshair } #featureCat2 .category2 .imgHov { margin-bottom: 15px; position: relative; overflow: hidden } #featureCat2 .category2 .imgHov img { width: 100% } #featureCat2 .category2 .imgHov .hovArea { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); transition: all 300ms ease-in-out 0s; transition-duration: 150ms } #featureCat2 .category2 .imgHov .hovArea:before { width: 0; height: 0; border-top: 193px solid rgba(0, 0, 0, 0.65); border-right: 284px solid transparent; position: absolute; top: 0; left: -100%; transition: all 300ms ease-in-out 0s; transition-delay: 150ms; transition-duration: 200ms } #featureCat2 .category2 .imgHov .hovArea a { display: inline-block; line-height: 30px; border: 1px solid #fff; padding: 0 17px; text-transform: uppercase; color: #fff; position: absolute; top: calc(50% - 16px); left: 150%; transition-delay: 300ms } #featureCat2 .category2 .imgHov .hovArea a i { margin-left: 7px } #featureCat2 .category2 .heading { line-height: 40px; margin-bottom: 0 } #featureCat2 .category2 .list-unstyled { line-height: 36px; margin: 0; color: #222 } #featureCat2 .category2:hover .imgHov .hovArea { top: 0 } #featureCat2 .category2:hover .imgHov .hovArea:before { left: 0 } #featureCat2 .category2:hover .imgHov .hovArea a { left: calc(50% - 65px) } #testiTab { text-align: center; border: none; margin-bottom: 20px; height: 114px } #testiTab li { padding: 0 35px; display: inline-block; float: none; vertical-align: top; position: relative; z-index: 99; } #testiTab li a { position: relative; padding: 0; border: none; width: 81px; height: 81px; margin: 0; border-radius: 100%; cursor: pointer; background: transparent; } /* #testiTab li a img { width: 100%; border-radius: 100%; } */ #testiTab li a img { width: 110px; border-radius: 100%; margin-left: -25px; margin-top: -5px; } #testiTab li a i { position: absolute; top: 57px; right: 0; font-size: 25px; color: #000; font-weight: 100; transition: all .3s ease } #testiTab li.active a i { opacity: 0; transition: all .1s ease-out } /*#testiTab li.active a:before, #testiTab li.active a:after { border-top: 14px solid #ccc } #testiTab li.active a:after { border-top: 13px solid #FFF }*/ .testiTabContent .tab-pane { width: calc(100% - 60px); padding: 30px 40px 60px; background: #FFF; border-radius: 0; margin: 0 auto; border: none; text-align: center; margin-bottom: 20px; border-radius: 9px; box-shadow: 1px 1px 180px -8px rgba(0, 0, 0, 0.2); } .testiTabContent .tab-pane.active * { -webkit-animation-name: descending-order; animation-name: descending-order; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-delay: 0.05s; } @-webkit-keyframes descending-order { 0% { opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes descending-order { 0% { opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .testiTabContent .tab-pane h5 { font-family: 'Quicksand', sans-serif; text-transform: uppercase } .testiTabContent .tab-pane h5.customerName { font-weight: 700; color: #c1a89f; margin-top: 0 } .customerName::before { content: ""; display: block; border-top: 1px solid #ccc; position: relative; top: -10px; max-width: 70px; margin: auto } .testiTabContent .tab-pane h5.customerType { margin-bottom: 20px; font-family: 'Quicksand', sans-serif; } .testiTabContent .tab-pane p { color: #373737; margin-bottom: 30px; line-height: 32px; position: relative; font-size: 21px } .t_q_start, .t_q_end { font-size: 4.5em; line-height: 1px; display: inline; vertical-align: bottom; position: relative; top: 5px; } .testi_rating { margin-top: 17px; opacity: 0; position: relative; transition: all 0.3s ease 0.15s; } #testiTab li.active .testi_rating { opacity: 1; } .testi_rating i { color: #c1a89f; height: 70px; position: absolute; width: 20px; left: 0; bottom: -10px; transform-origin: top center; right: 0; margin: auto; display: flex; align-items: flex-end; transition: all 0.3s ease-out 0.15s; } .testi_rating>i:nth-child(1) { transform: rotate(0); } .testi_rating>i:nth-child(2) { transform: rotate(0); } .testi_rating>i:nth-child(3) { transform: rotate(0); } .testi_rating>i:nth-child(4) { transform: rotate(0); } .testi_rating>i:nth-child(5) { transform: rotate(0); } li.active .testi_rating>i:nth-child(1) { transform: rotate(32deg); } li.active .testi_rating>i:nth-child(2) { transform: rotate(16deg); } li.active .testi_rating>i:nth-child(3) { transform: rotate(0deg); } li.active .testi_rating>i:nth-child(4) { transform: rotate(-16deg); } li.active .testi_rating>i:nth-child(5) { transform: rotate(-32deg); } .testi_rating i.fa-star-o { color: #000; opacity: .5 } #testiTab { position: relative; display: inline-block; } #testiTab li.tab_arrow { position: absolute; color: red; font-size: 24px; top: -30px; padding: 0; left: 0; right: auto; transition: all 0.5s ease-in-out; width: 127px; height: 130px; border-radius: 0 0 100% 100%; box-shadow: 0 20px 21px rgba(0, 0, 0, 0.1); background: #fff; z-index: 8; } /**/ /*li.active-bg .active-bg-inside { display: block; width: 100%; height: 100%; position: relative; } .active-bg-inside::after, .active-bg-inside::before { right: 0; content: ""; position: absolute; width: 8px; height: 8px; overflow: hidden; background: radial-gradient(circle closest-side,transparent 0,transparent 50%,#293039 0) 200% 200%/400% 400%; } .active-bg-inside::before { top: -8px; } .active-bg-inside::after { bottom: -8px; transform: scaleY(-1); }*/ /**/ #testiTab li:nth-child(1).active~.tab_arrow { left: 0; } #testiTab li:nth-child(2).active~.tab_arrow { left: 20%; } #testiTab li:nth-child(3).active~.tab_arrow { left: 40%; } #testiTab li:nth-child(4).active~.tab_arrow { left: 60%; } #testiTab li:nth-child(5).active~.tab_arrow { left: 80%; } /*#testiTab li.tab_arrow { width: 0; height: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-bottom: 14px solid transparent; position: absolute; margin: 0 auto; display: block; top: -31px; left: calc(50% - 14px) }*/ /*#testiTab li.tab_arrow { border-top: 13px solid transparent; top: -32.8px }*/ /*#brands.contentRowPad { padding-bottom: 35px; }*/ #brands .brands ul { float: none } #brands .brands ul li { width: 16.66%; padding: 0 15px } #brands .brands ul li a { line-height: 74px; border: 1px solid #ccc; padding: 0 10px; text-align: center; border-radius: 50px; overflow: hidden } #brands .brands ul li a img { max-width: 100% } #brands .brands ul li a:hover { background: transparent; border-color: rgba(253, 64, 94, 0.3) } #brands2 .heading { margin-bottom: 50px } #brands2 .brands ul li { width: 20%; border: 1px solid #eeeff0; float: left; margin-bottom: -1px; margin-right: -1px } #brands2 .brands ul li a { line-height: 74px; padding: 0 10px; text-align: center; border-radius: 0; margin: 0 } #brands2 .brands ul li a img { max-width: 100% } #brands2 .brands ul li a:hover { background: transparent; border-color: rgba(253, 64, 94, 0.3) } #slider { overflow: hidden; width: 100% } #slider .sliderCont { border: none; border-radius: 0 } #slider .sliderCont .slides { margin: 0; width: 100%; text-align: center; position: relative } #slider .sliderCont .slides .text_lines { height: 165px; color: #000; position: absolute; top: calc(50% - 80px); width: 100% } #slider .sliderCont.dark .slides .text_lines { color: #fff; top: calc(77% - 80px) } #slider .sliderCont.dark .text_lines .theme_btn { background: transparent; color: #fff; } #slider .sliderCont .slides .text_lines h3 { font-size: 30px; font-family: 'Quicksand', sans-serif; text-transform: uppercase } #slider .sliderCont .slides .text_lines h2 { font-size: 35px; font-family: 'Quicksand', sans-serif; text-transform: uppercase; color: #c1a89f } #slider .sliderCont.dark .slides .text_lines h2, #slider .sliderCont.dark .flex-direction-nav a i { color: #fff; text-shadow: none } #slider .sliderCont .slides .text_lines a h4 { text-transform: lowercase; color: #000 } #slider .sliderCont .flex-direction-nav a { height: 165px; width: 80px; background: rgba(0, 0, 0, 0); line-height: 165px; margin-top: -80px; opacity: 1; text-align: center } #slider .sliderCont .flex-direction-nav a:before { display: none } #slider .sliderCont .flex-direction-nav a i { font-size: 35px; color: #000; line-height: 165px } #slider .sliderCont .flex-direction-nav a.flex-prev { left: -100px } #slider .sliderCont .flex-direction-nav a.flex-next { right: -100px } #slider .sliderCont:hover .flex-direction-nav a.flex-prev { left: 0 } #slider .sliderCont:hover .flex-direction-nav a.flex-next { right: 0 } #slider2 { width: 100%; overflow: hidden } #slider2 .sliderCont2 { border: none; border-radius: 0; text-align: center } #slider2 .sliderCont2 .slides { margin: 0; width: 100%; text-align: center; position: relative } #slider2 .sliderCont2 .slides .text_lines { height: 80px; background: rgba(0, 0, 0, 0.38); color: #FFF; position: absolute; top: calc(50% - 40px); width: 100% } #slider2 .sliderCont2 .slides .text_lines h3 { font-size: 30px; font-family: 'Quicksand', sans-serif; text-transform: uppercase; line-height: 80px; margin: 0 } #slider2 .sliderCont2 .flex-control-nav.flex-control-thumbs { position: relative; bottom: 100px; z-index: 999; text-align: center; background: #FFF; margin: 0 auto; display: inline-block; width: auto; padding: 3px; height: 54px } #slider2 .sliderCont2 .flex-control-nav.flex-control-thumbs li { display: inline-block; float: none; width: 100px } #slider2 .sliderCont2 .flex-direction-nav a { height: 80px; width: 80px; background: rgba(0, 0, 0, 0); line-height: 80px; margin-top: -70px; opacity: 1; text-align: center } #slider2 .sliderCont2 .flex-direction-nav a:before { display: none } #slider2 .sliderCont2 .flex-direction-nav a i { font-size: 35px; color: #FFF; line-height: 80px } #slider2 .sliderCont2 .flex-direction-nav a.flex-prev { left: -100px } #slider2 .sliderCont2 .flex-direction-nav a.flex-next { right: -100px } #slider2 .sliderCont2:hover .flex-direction-nav a.flex-prev { left: 0 } #slider2 .sliderCont2:hover .flex-direction-nav a.flex-next { right: 0 } #ourTeam .thumbnail { border-radius: 0; padding: 10px; text-align: center } #ourTeam .thumbnail h4 { text-transform: uppercase; color: #686868; font-family: 'Quicksand', sans-serif; font-weight: 700 } #ourTeam .thumbnail h5 { text-transform: capitalize; color: #3d3d3d; font-family: 'Quicksand', sans-serif; } #ourTeam .thumbnail ul { background: #f4f4f4 } #ourTeam .thumbnail ul li { padding: 0 } #ourTeam .thumbnail ul li a { width: 40px; line-height: 40px; color: #929292; display: block } #ourTeam .thumbnail ul li a:hover { color: #c1a89f } .hero_screen .text_lines { height: 165px; color: #000; position: absolute; top: calc(50% - 80px); width: 100% } .hero_screen .text_lines { color: #fff; top: calc(77% - 80px) } .hero_screen .text_lines .theme_btn { background: transparent; color: #fff; } .hero_screen .text_lines h3 { font-size: 16px; font-family: 'Quicksand', sans-serif; text-transform: uppercase } .hero_screen .text_lines h2 { font-size: 35px; font-family: 'Quicksand', sans-serif; text-transform: uppercase; color: #fff; text-shadow: none } .hero_screen .text_lines a h4 { text-transform: lowercase; color: #000 } .hero_screen .owl-nav { position: absolute; top: 0; bottom: 0; height: 0; display: flex; width: 100%; margin: auto; align-items: center; justify-content: space-between; font-size: 54px; color: rgba(255, 255, 255, 0.5); padding-left: 15px; padding-right: 15px; } .hero_screen .owl-nav:hover { color: rgba(255, 255, 255, 1); } /*--------------------------------------------------*/ /*End Index Content: Portfolio / Project / Works grid*/ /*--------------------------------------------------*/ /*--------------------------------------------------*/ /*7 FOOTER*/ /*--------------------------------------------------*/ /* footer { background: #735c54; } */ footer { background: #4c4b4b; } footer .copyRight { border-top: 1px solid #836c64; line-height: 12px; padding: 19px 0; color: #FFF; font-size: 12px; font-family: 'Quicksand', sans-serif; } footer .copyRight a { color: #FFF } footer .copyRight ul li a { padding: 0 12px; text-transform: uppercase } footer .copyRight ul li a:hover { background-color: transparent } footer .copyRight ul li+li { border-left: 1px solid #FFF } /*footer .topFooter { background: rgba(0, 0, 0, 0.75) }*/ footer .topFooter .line1, footer .topFooter .line2 { padding: 45px 15px } /* footer .topFooter .line1 { padding-top: 0; padding-bottom: 0; background: rgba(0, 0, 0, 0.2); } */ footer .topFooter .line1 { padding-top: 0; padding-bottom: 0; background: #673e10; } footer .topFooter .footFeatures .footFeature { padding: 55px 20px; color: #FFF; text-transform: uppercase; text-align: center } footer .topFooter .footFeatures .footFeature .texts { padding-left: 20px; text-align: left } footer .topFooter .footFeatures .footFeature .texts h4 { font-size: 16px; font-family: 'Quicksand', sans-serif; margin: 0 0 10px } footer .topFooter .footFeatures .footFeature .texts h2 { font-size: 32px; font-family: "Quicksand"; margin: 0 } footer .topFooter .footFeatures .footFeature:hover {} footer .topFooter .widget { color: #FFF } footer .topFooter .widget h4 { text-transform: uppercase; font-size: 15.2px; font-family: 'Quicksand', sans-serif; margin: 0 0 25px } footer .topFooter .widget p { /* font-family: 'Quicksand', sans-serif;*/ margin: 0 0 25px; line-height: 26px } footer .topFooter .widget ul.list-inline li a { font-size: 14px; width: 30px; display: block; line-height: 30px; border: 1px solid #FFF; color: #FFF; text-align: center } footer .topFooter .widget ul.list-inline li a:hover, footer .topFooter .widget ul.list-inline li a:focus { background: #c1a89f; border-color: #c1a89f } footer .topFooter .widget ul.nav li a { line-height: 30px; /* font-family: 'Quicksand', sans-serif;*/ color: #FFF; padding: 0 } /* footer .topFooter .widget ul.nav li a:hover, footer .topFooter .widget ul.nav li a:focus { color: #88b4e1; background-color: transparent } */ footer .topFooter .widget ul.nav li a:hover, footer .topFooter .widget ul.nav li a:focus { color: #000000; background-color: transparent } footer .topFooter .widget .input-group { margin-bottom: 0; border: 1px solid rgba(255, 255, 255, 0.2); padding: 0 0 0 10px; display: flex; align-items: center; } footer .topFooter .widget .input-group .input-group-addon { color: #FFF; padding: 0 0; line-height: 1; background-color: transparent; border: none; width: auto; margin-right: 10px; } footer .topFooter .widget .input-group input { padding: 0; font-size: 14px; color: #FFF; background-color: transparent; border: none; line-height: 15px; height: auto; width: 100%; box-shadow: none; } footer .topFooter .widget .input-group .btn { width: auto; padding-left: 10px; padding-right: 10px; border: none; color: #fff; border-left: 1px solid rgba(255, 255, 255, 0.3); line-height: 40px; } footer .topFooter .widget .input-group input:focus { box-shadow: none } footer .topFooter .widget .input-group input::-moz-placeholder { color: #FFF; opacity: 1 } footer .topFooter .widget .input-group input:-ms-input-placeholder { color: #FFF; opacity: 1 } footer .topFooter .widget .input-group input::-webkit-input-placeholder { color: #FFF; opacity: 1 } footer .topFooter .widget input[type="submit"].form-control { background: transparent; border-radius: 0; text-transform: uppercase; color: #FFF; font-family: 'Quicksand', sans-serif; transition: all 300ms ease-in-out 0s; line-height: 1.5em; height: auto; border: 1px solid rgba(255, 255, 255, 0.2); } footer .topFooter .widget input[type="submit"].form-control:hover, footer .topFooter .widget input[type="submit"].form-control:focus { background: #c1a89f; border-color: #c1a89f } footer.footer2 .topFooter .widget input[type="submit"].form-control { background: #c1a89f; border-color: transparent } footer.footer2 .topFooter .widget input[type="submit"].form-control:hover, footer.footer2 .topFooter .widget input[type="submit"].form-control:focus { background: #222; border-color: transparent } footer.footer2 .copyRight {} .collumn-2 { column-count: 2; } .tags { padding-left: 0; margin-bottom: 0; list-style: none; } .tags li { display: block; margin-bottom: 3px; } .tags li a { background: transparent; color: #fff; padding: 6px 6px; border-radius: 3px; display: block; } .tags li a:hover { background: transparent; box-shadow: none; } /*--------------------------------------------------*/ /*END FOOTER*/ /*--------------------------------------------------*/ /*--------------------------------------------------*/ /*8 BREADCRUMB*/ /*--------------------------------------------------*/ /* #breadcrumbRow { text-transform: uppercase; font-weight: 700; background: url(../images/pageCover.jpg) no-repeat scroll center 0 transparent; background: url(../images/slider/slider-3-6.jpg) no-repeat scroll center 0 transparent; background-position: top 57% center; background-size: cover; height: 198px; padding-top: 210px; padding-bottom: 40px; } */ #header3+#breadcrumbRow { padding-top: 270px; } #breadcrumbRow h2 { font-size: 32px; text-align: center; margin: 0; /* color: #725c54; */ color: #000; font-weight: 700; max-width: 1170px; margin: auto; padding-left: 15px; padding-right: 15px; } #breadcrumbRow .pageTitle {} #breadcrumbRow .pageTitle h4 { font-family: 'Quicksand', sans-serif; line-height: 50px; margin: 0; display: none } #breadcrumbRow .pageTitle ul { background-color: transparent; margin: 20px 0 10px; padding: 0; line-height: 0; text-align: center; } /* #breadcrumbRow .pageTitle ul li { font-family: 'Quicksand', sans-serif; color: rgba(255,255,255,0.6); } */ #breadcrumbRow .pageTitle ul li { font-family: 'Quicksand', sans-serif; color: rgb(0 0 0 / 100%); text-align: center; } /* #breadcrumbRow .pageTitle ul li + li:before { content: "/"; display: inline-block; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); color: rgba(255,255,255,0.6); } */ #breadcrumbRow .pageTitle ul li+li:before { content: "/"; display: inline-block; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); color: rgb(0 0 0 / 100%); } #breadcrumbRow { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px 0; } /* #breadcrumbRow .pageTitle ul li a { font-family: 'Quicksand', sans-serif; color: #c1a89f; color: rgba(255,255,255,0.6); } */ #breadcrumbRow .pageTitle ul li a { font-family: 'Quicksand', sans-serif; /* color: #c1a89f; */ color: rgb(0 0 0 / 100%); } #breadcrumbRow .pageTitle ul li a:hover { color: #222 } /*--------------------------------------------------*/ /*END BREADCRUMB*/ /*--------------------------------------------------*/ /*--------------------------------------------------*/ /* 9 About Us Content*/ /*--------------------------------------------------*/ #whatWeDid .tab_menu .row { height: 390px; background: url(../images/wwd.jpg) no-repeat scroll center 0; background-size: cover; margin-right: 5px; position: relative } #whatWeDid .tab_menu .row .nav { position: absolute; right: 15px; top: calc(50% - 85px) } #whatWeDid .tab_menu .row .nav li+li { margin-top: 3px } #whatWeDid .tab_menu .row .nav li a { display: inline-block; background: #dcdcdc; color: #FFF; font-size: 24px; font-family: 'Quicksand', sans-serif; line-height: 40px; padding: 0 35px; min-width: 125px } #whatWeDid .tab_menu .row .nav li.active a { background: #c1a89f } #whatWeDid .tab-contents .tab-content { padding-left: 5px } #whatWeDid .tab-contents .tab-content .tab-pane h3 { font-family: 'Quicksand', sans-serif; text-transform: uppercase; color: #222; margin: 35px 0 30px } #whatWeDid .tab-contents .tab-content .tab-pane p { margin-bottom: 20px; font-family: 'Quicksand', sans-serif; color: #373737; line-height: 24px } #hww h3 { font-family: 'Quicksand', sans-serif; color: #000; text-align: center; text-transform: uppercase; margin-bottom: 50px } #hww .col-sm-4 h5 { font-size: 16px; font-family: 'Quicksand', sans-serif; color: #222; margin-bottom: 20px; text-transform: uppercase } #hww .col-sm-4 h5 span { color: #c1a89f; margin-right: 5px } #hww .col-sm-4 p { font-family: 'Quicksand', sans-serif; line-height: 24px; color: #373737; font-size: 15px } #ourGreatServices .col-sm-4 .middleBox h4 { margin-top: 40px; text-transform: uppercase; font-family: 'Quicksand', sans-serif; color: #c1a89f; font-weight: 700; margin-bottom: 25px } #ourGreatServices .col-sm-4 .middleBox p { font-family: 'Quicksand', sans-serif; color: #373737; line-height: 24px; margin-bottom: 25px } #ourGreatServices .col-sm-4 .middleBox a { text-transform: uppercase; font-family: 'Quicksand', sans-serif; color: #c1a89f; line-height: 1 } #ourGreatServices .col-sm-4 .middleBox a i { margin-left: 5px; font-size: 18px } #ourGreatServices .col-sm-4 .sideBox { position: relative } #ourGreatServices .col-sm-4 .sideBox .imgB { padding-right: 64px } #ourGreatServices .col-sm-4 .sideBox .imgB img { width: 100% } #ourGreatServices .col-sm-4 .sideBox .icoPlus { position: absolute; right: 0; bottom: 0; width: 100%; height: 100% } #ourGreatServices .col-sm-4 .sideBox .icoPlus img { right: 0; position: absolute; bottom: 50px } #ourGreatServices .col-sm-4 .sideBox .icoPlus a { padding-right: 64px; line-height: 50px; background: #c1a89f; display: inline-block; font-family: 'Quicksand', sans-serif; font-size: 18px; color: #FFF; position: absolute; bottom: 0; right: 0 } #ourGreatServices .col-sm-4 .sideBox .icoPlus a span { text-transform: uppercase; padding: 0 30px } #bringIdeas { text-align: center } #bringIdeas h3 { color: #222; font-family: 'Quicksand', sans-serif; font-weight: 700; margin-bottom: 50px; text-transform: uppercase } #contactBanner { background: #c1a89f; padding: 50px 0 } #contactBanner .container .row { padding-left: 110px } #contactBanner .container .row h3 { font-size: 25px; font-family: 'Quicksand', sans-serif; color: #FFF; font-weight: 700; margin-top: 0; text-transform: uppercase } #contactBanner .container .row h5 { font-weight: 700; color: #FFF; font-family: 'Quicksand', sans-serif; font-size: 16px; margin-bottom: 0 } #contactBanner .container .row a { padding: 0 23px; line-height: 40px; font-family: 'Quicksand', sans-serif; font-size: 16px; text-transform: uppercase; color: #FFF; font-weight: 100; display: inline-block; border: 1px solid #FFF; border-radius: 0 } #pricing .pricing { text-align: center; color: #FFF; margin-top: 30px; transition: all 300ms ease-in-out 0s } #pricing .pricing .pricingTitle { line-height: 60px; background: #333; text-transform: uppercase; font-family: 'Quicksand', sans-serif; font-size: 26px; font-weight: 700; transition: all 300ms ease-in-out 0s } #pricing .pricing .features { padding: 20px 35px; border: 1px solid #dcdcdc } #pricing .pricing .features .pricePerMonth { background: #f8f8f8; color: gray; margin-bottom: 20px } #pricing .pricing .features .pricePerMonth i { color: #5a5b5e } #pricing .pricing .features .pricePerMonth span { line-height: 70px; font-size: 30px; font-family: 'Quicksand', sans-serif; color: #5a5b5e } #pricing .pricing .features .list-group { box-shadow: none } #pricing .pricing .features .list-group .list-group-item { border: none; color: #373737; line-height: 42px } #pricing .pricing .features .list-group .list-group-item+.list-group-item { border-top: 1px dashed #dcdcdc } #pricing .pricing .joinNow { padding: 15px 0; background: #333; text-transform: uppercase; transition: all 300ms ease-in-out 0s } #pricing .pricing .joinNow a { line-height: 40px; display: inline-block; padding: 0 35px; border: 1px solid #FFF; color: #FFF; font-family: 'Quicksand', sans-serif; font-size: 16px } #pricing .pricing.active { margin-top: 0 } #pricing .pricing.active .pricingTitle { background: #c1a89f } #pricing .pricing.active .joinNow { background: #c1a89f } #pricing .pricing:hover { cursor: pointer } #pricing .pricing:hover .pricingTitle { background: #c1a89f } #pricing .pricing:hover .joinNow { background: #c1a89f } #pricing .pricing:hover.active { margin-top: 0 } #pricing .pricing:hover.active .pricingTitle { background: #333 } #pricing .pricing:hover.active .joinNow { background: #333 } #pricing .pricing:hover.active .joinNow a { background: #c1a89f } #page404 { text-align: center } #page404 img { display: inline-block; max-width: 100% } /*--------------------------------------------------*/ /*End About Us Content*/ /*--------------------------------------------------*/ /*--------------------------------------------------*/ /*10 Shortcodes*/ /*--------------------------------------------------*/ .shortcodesRow { margin-top: 80px !important; padding-bottom: 0 } .shortcodesRow h4.shortcodeHeading { font-family: 'Quicksand', sans-serif; margin-bottom: 30px; margin-top: 0; line-height: 1; color: #222; text-transform: uppercase; font-size: 20px } .shortcodesRow p { margin: 0; font-size: 14px; font-family: 'Quicksand', sans-serif; line-height: 24px; color: #373737 } #headings .col-sm-6 { padding-right: 30px } .heading { font-family: 'Quicksand', sans-serif; margin-bottom: 20px; margin-top: 0; line-height: 1; color: #222; text-transform: uppercase } h1.heading { font-size: 30px } h2.heading { font-size: 28px } h3.heading { font-size: 24px } h4.heading { font-size: 20px } h5.heading { font-size: 16px } h6.heading { font-size: 14px } h1, h2, h3, h4, h5, h6 { font-family: 'Quicksand', sans-serif; } .btn { font-family: 'Quicksand', sans-serif; font-size: 15px; font-weight: 400; line-height: 40px; background: transparent; padding: 0 35px; border-radius: 0; text-transform: uppercase; text-shadow: none; box-shadow: none } .btn.btn-sm { font-size: 14px; line-height: 50px } .btn.btn-lg { line-height: 50px } .btn.btn-default { border: 1px solid #333; color: #333 } .btn.btn-default:hover { border: 1px solid #333; background: #333; color: #fff } .btn.btn-default.filled { background: #333; color: #FFF } .btn.btn-default.filled:hover { color: #333; border-color: #333; background: #fff } .btn.btn-primary { border: 1px solid #673e10; color: #673e10; } .btn.btn-primary:hover { border: 1px solid #673e10; background: #673e10; color: #fff } .btn.btn-primary.filled { background: #673e10; color: #FFF; } .btn.btn-primary.filled:hover { background: #fff; color: #88b4e1; border: 1px solid #88b4e1 } /* .form-control:focus { border-color: #66afe9; } */ .form-control:focus { border-color: #673e10; } .bootstrap-select.btn-group .btn .caret { right: 4px } .dropcap:first-letter { float: left; padding: 0 18px; line-height: 56px; margin-right: 15px; margin-top: 5px; font-size: 40px; font-family: 'Quicksand', sans-serif; border: 2px solid #c1a89f; color: #222 } .dropcap.dropcaFill:first-letter { background: #c1a89f; color: #FFF } span[data-toggle="tooltip"] { color: #c1a89f; cursor: pointer } .tooltip .tooltip-arrow { width: 15px; height: 15px; border: none; background: #c1a89f; transform: rotate(45deg) } .tooltip.in { opacity: 1 } .tooltip .tooltip-inner { border-radius: 0; background: #c1a89f; font-family: 'Quicksand', sans-serif; color: #FFF; padding: 5px 35px; line-height: 20px; text-transform: capitalize } abbr[title] { color: #c1a89f; border-bottom: 1px solid #c1a89f } .primary-bg { background: #222; color: #FFF; padding: 0 1px } .base-bg { background: #c1a89f; color: #FFF; padding: 0 1px } .bold_italic { font-weight: 700; font-style: italic; color: #222 } .bold { font-weight: 700; color: #222 } #shortcodeTab { border-bottom-color: #ccc } #shortcodeTab li a { border-radius: 0; border: 1px solid #dcdcdc; margin: 0; text-transform: capitalize; font-family: 'Quicksand', sans-serif; color: #454545; padding: 0 15px; line-height: 40px; font-weight: 700 } #shortcodeTab li a i { margin-right: 7px } #shortcodeTab li+li { margin-left: -1px } #shortcodeTab li.active a { border-color: #ccc; border-bottom-color: transparent } .shortcodeTabContent .tab-pane { padding: 22px; border: 1px solid #dcdcdc; border-top: none } .shortcodeTabContent .tab-pane#description .img { width: 155px } .shortcodeTabContent .tab-pane#description .desc { width: calc(100% - 155px); padding-left: 20px } .shortcodeTabContent .tab-pane#description .desc h5 { font-size: 16px; margin-top: 10px } .shortcodeTabContent .tab-pane#description .desc p { color: #373737; line-height: 24px } .shortcodeTabContent .tab-pane .reviewCount { font-size: 18px; text-transform: uppercase; border-bottom: 1px dashed #dcdcdc; padding-bottom: 5px; margin-bottom: 10px } .shortcodeTabContent .tab-pane .reviewBody { font-size: 16px; line-height: 24px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #dcdcdc } .shortcodeTabContent .tab-pane .reviewForm .form-control { height: 35px; line-height: 35px; border-radius: 0; margin-bottom: 15px } .shortcodeTabContent .tab-pane .reviewForm .form-control.reviewText { height: 120px } .shortcodeTabContent .tab-pane .reviewForm .ratingStars { font-size: 16px; font-family: 'Quicksand', sans-serif; line-height: 40px } .shortcodeTabContent .tab-pane .reviewForm .ratingStars .rating-symbol:first-child { margin-left: 10px } .shortcodeTabContent .tab-pane .reviewForm .ratingStars .glyphicon { font-size: 22px; color: #c1a89f } .shortcodeTabContent .tab-pane .additionInfoRow { line-height: 40px; font-size: 15px; font-family: 'Quicksand', sans-serif; letter-spacing: .5px; color: #373737 } .shortcodeTabContent .tab-pane .additionInfoRow+.additionInfoRow { border-top: 1px dashed #dcdcdc } .shortcodeTabContent .tab-pane .additionInfoRow .infoTitle { width: 100px } #accordion .panel { border-radius: 0; margin-bottom: 10px } #accordion .panel .panel-heading { background: none; padding: 0 } #accordion .panel .panel-heading h4 a.not_collapsed { font-family: 'Quicksand', sans-serif; font-size: 18px; color: #373737; padding: 0 20px; line-height: 40px; display: block; text-transform: capitalize } #accordion .panel .panel-heading h4 a.not_collapsed:after { display: inline-block; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); float: right; content: "-"; line-height: 40px; font-size: 22px } #accordion .panel .panel-heading h4 a.not_collapsed.collapsed:after { content: "+" } #accordion .panel .panel-heading h4 a i { margin-right: 7px } #accordion .panel .panel-collapse .panel-body { font-family: 'Quicksand', sans-serif; color: #373737; line-height: 24px } .service2 .media .media-left { padding: 0 } .service2 .media .media-left a { line-height: 56px; width: 60px; border: 2px solid #222; display: block; border-radius: 100%; text-align: center } .service2 .media .media-body { padding: 10px 20px 0 } .service2 .media .media-body .readMore { margin-top: 15px; display: inline-block; color: #222; font-size: 12px } .service2 .media .media-body .readMore i { font-size: 15px; margin-left: 5px } .progressTitle { margin-bottom: 10px } .custom_progress { box-shadow: none; background: none; border: 1px solid #dcdcdc; border-radius: 0; height: 10px; margin-bottom: 25px; overflow: visible } .custom_progress .progress-bar { background: none #c1a89f; box-shadow: none; position: relative } .custom_progress .progress-bar .tooltip { opacity: 1; right: -28px; border-radius: 3px; top: -38px } .custom_progress .progress-bar .tooltip .tooltip-arrow { z-index: -1 } .custom_progress .progress-bar .tooltip .tooltip-inner { font-family: 'Quicksand', sans-serif; font-size: 12px; line-height: 20px; padding: 0 20px } .customAlert { text-transform: uppercase; line-height: 40px; padding: 10px 15px; border-radius: 0; border: 1px solid #dcdcdc; color: #aaa; font-family: 'Quicksand', sans-serif; margin-bottom: 0 } .customAlert+.alert { margin-top: 30px } .customAlert button { line-height: 40px; opacity: 1 } .customAlert i { width: 40px; line-height: 38px; border: 1px solid #c1a89f; border-radius: 100%; text-align: center; margin-left: 5px; margin-right: 15px } .customAlert.success-alert button { color: #c1a89f } .customAlert.success-alert i { color: #c1a89f; border-color: #c1a89f } .customAlert.error-alert button { color: #fc4a4a } .customAlert.error-alert i { color: #fc4a4a; border-color: #fc4a4a } .customAlert.warning-alert button { color: #f1c40f } .customAlert.warning-alert i { color: #f1c40f; border-color: #f1c40f } .customAlert.notification-alert button { color: #289dcc } .customAlert.notification-alert i { color: #289dcc; border-color: #289dcc } #testimonialTabs { background: #fff } .testimonialStyle2 { padding-bottom: 75px } .testimonialStyle2 .testiInner { padding: 30px 30px 0; background: #FFF; border: 1px solid #dcdcdc } .testimonialStyle2 p { color: #373737; margin-bottom: 20px; line-height: 24px } .testimonialStyle2 .clientInfo .thumbnail { float: left; padding: 3px; border: 1px solid #dcdcdc; border-radius: 100%; width: 75px; height: 75px; margin-bottom: -35px; margin-right: 10px } .testimonialStyle2 .clientInfo .thumbnail img { width: 100%; border-radius: 100% } .testimonialStyle2 .clientInfo .clientName { text-transform: uppercase; color: #c1a89f; padding-top: 10px } .testimonialStyle2 .clientInfo .clientName:before { display: inline-block; content: '\2014 \00A0' } .testimonialStyle3 { margin-top: 30px } .testimonialStyle3 .testiText { padding: 20px; background: #FFF; border: 1px solid #dcdcdc; color: #373737; margin-bottom: 20px; line-height: 24px; position: relative } .testimonialStyle3 .testiText:before, .testimonialStyle3 .testiText:after { content: ''; bottom: -15px; left: calc(50% - 15px); border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #dcdcdc; position: absolute; width: 0; height: 0 } .testimonialStyle3 .testiText:after { bottom: -14px; border-top-color: #FFF } .testimonialStyle3 img { width: 95px; height: 95px; border-radius: 100%; margin-bottom: 10px } .testimonialStyle3 .clientName { color: #222; font-family: 'Quicksand', sans-serif; line-height: 24px; text-transform: uppercase } .testimonialStyle3 .stars { margin: 0 } .testimonialStyle3 .stars li { color: #aaa; padding: 0; font-size: 14px } .testimonialStyle3 .stars li.stared { color: #222 } .testimonialStyle4 { margin-top: 30px; border-bottom: 2px solid #c1a89f; padding: 30px 40px 20px; background: #FFF } .testimonialStyle4 .testiText { padding-top: 15px; color: #373737; line-height: 24px } .testimonialStyle4 img { width: 95px; height: 95px; border-radius: 100%; margin-bottom: 20px } .testimonialStyle4 .clientName { color: #c1a89f; font-family: 'Quicksand', sans-serif; line-height: 24px; text-transform: uppercase } .testimonialStyle4 .stars { margin: 0 } .testimonialStyle4 .stars li { color: #aaa; padding: 0; font-size: 14px } .testimonialStyle4 .stars li.stared { color: #222 } #mapBox { height: 400px } #mapBox #content { width: 100% } #mapBox #content .mapInfoWindowRowInner { border: 1px solid #c1a89f; padding: 10px 20px; text-align: center } #mapBox #content .mapInfoWindowRowInner h5 { font-family: 'Quicksand', sans-serif; font-size: 16px; color: #000; margin-bottom: 10px } #mapBox #content .mapInfoWindowRowInner p { font-family: 'Quicksand', sans-serif; margin-bottom: 0; color: #373737 } .contactInfo { margin-bottom: 20px } .contactInfo .media-left { padding-right: 20px } .contactInfo .media-left i { width: 40px; line-height: 40px; text-align: center; color: #FFF; background: #333; font-size: 18px; border-radius: 100% } .contactInfo .media-body h5 { font-family: 'Quicksand', sans-serif; } .contactInfo .media-body h5.heading { margin: 7px 0 12px } .contactInfo .media-body h5:last-child { color: #373737 } .searchForm { margin-bottom: 0 } .searchForm .input-group .form-control { border-radius: 0; line-height: 35px; height: 37px; box-shadow: none; border: 1px solid #dcdcdc; border-right: none } .searchForm .input-group .input-group-addon { border-radius: 0; background: none; border: 1px solid #dcdcdc; border-left: 0 } .searchForm .input-group .input-group-addon button { line-height: 35px; padding: 0 15px; border: none; color: #fff; background: none; background-color: #c1a89f } .searchForm .input-group .input-group-addon button:hover { background: #333 } .categories { margin-bottom: 25px } .categories ul li { line-height: 32px; color: #373737 } .categories ul li::before { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: ""; margin-right: 10px; height: 8px; width: 8px; background: #c1a89f; border-radius: 10px } .latestPosts { margin-bottom: 35px } .latestPosts h4 { margin-bottom: 30px } .latestPosts .latestPost+.latestPost { margin-top: 20px } .latestPosts .latestPost .media-left { padding-right: 25px } .latestPosts .latestPost .media-left a { display: block; border-radius: 100%; width: 65px; height: 65px } .latestPosts .latestPost .media-left a img { width: 100%; border-radius: 100% } .latestPosts .latestPost .media-body h5 { margin: 15px 0 10px } .latestPosts .latestPost .media-body p { font-size: 12px; font-family: 'Quicksand', sans-serif; color: #373737 } .tags { margin-bottom: 30px } .tags h4 { margin-bottom: 30px } .tags .tagsNav li { float: left; margin-right: 5px } .tags .tagsNav li a { background: #373737; color: #FFF; line-height: 30px; padding: 0 20px; display: block; font-size: 16px; font-family: 'Quicksand', sans-serif; font-weight: 700; border-radius: 3px; margin-bottom: 5px } .tags .tagsNav li a:hover { background: #c1a89f } .flickrPhoto { margin-bottom: 30px } .flickrPhoto h4 { margin-bottom: 30px } .flickrPhoto ul li { margin-bottom: 10px } .flickrPhoto ul li a { padding: 0; display: block; width: 93px; height: 93px; border-radius: 100% } .flickrPhoto ul li a img { width: 100%; border-radius: 100% } .shareRow { padding: 15px 0; border-width: 1px 0; border-style: solid; border-color: #eeeff0; margin-bottom: 25px } .shareRow h4 { line-height: 45px; margin: 0 } .shareRow ul { float: right; margin: 0 } .shareRow ul li { padding: 0 } .shareRow ul li a { width: 45px; line-height: 43px; display: block; border: 1px solid #eeeff0; text-align: center; border-radius: 100%; color: #373737; font-size: 16px } .shareRow ul li a:hover, .shareRow ul li a:focus { background: #c1a89f; border-color: #c1a89f; color: #FFF } .commentCount { line-height: 80px; margin-bottom: 0 } .commentBox, .authorBox { padding: 20px; margin: 0; border: 1px solid #eeeff0 } .commentBox .media-left, .authorBox .media-left { padding: 0 } .commentBox .media-left a, .authorBox .media-left a { width: 110px; height: 110px; display: block } .commentBox .media-left a img, .authorBox .media-left a img { width: 100% } .commentBox .media-body, .authorBox .media-body { padding-left: 20px } .commentBox .media-body h5, .authorBox .media-body h5 { margin: 5px 0 } .commentBox .media-body h6, .authorBox .media-body h6 { margin: 0; font-size: 12px; font-family: 'Quicksand', sans-serif; line-height: 1; color: #373737 } .commentBox .media-body h6 a, .authorBox .media-body h6 a { color: #373737 } .commentBox .media-body p, .authorBox .media-body p { /*font-family: 'Quicksand', sans-serif;*/ line-height: 24px; color: #373737; margin: 20px 0 0 } .commentBox .list-inline, .authorBox .list-inline { margin-top: 20px } .commentBox .list-inline li, .authorBox .list-inline li { margin-right: 20px; padding: 0 } .commentBox .list-inline li a, .authorBox .list-inline li a { color: #373737; text-transform: uppercase; font-family: 'Quicksand', sans-serif; } .commentBox .list-inline li a i, .authorBox .list-inline li a i { margin-right: 5px } .commentBox .list-inline li a:hover, .authorBox .list-inline li a:hover { color: #c1a89f } .commentBox.innerComment, .authorBox.innerComment { margin-left: 110px } .commentBox { margin-bottom: 25px } #replyForm { margin-top: 25px; margin-bottom: 30px } #replyForm form label { font-weight: 600; font-size: 12px; font-family: 'Quicksand', sans-serif; color: #373737; text-shadow: none } #replyForm form .form-control { border-radius: 0; margin-bottom: 30px; box-shadow: none; border-color: #dcdcdc; font-family: 'Quicksand', sans-serif; } #replyForm form textarea.form-control { height: 210px; resize: none; margin-bottom: 35px } .colorSelect input[type="radio"] { display: none } .colorSelect input[type="radio"]+label { width: 25px; height: 25px; padding: 2px; border: 1px solid #dcdcdc; margin-right: 3px } .colorSelect input[type="radio"]+label span { width: 100%; height: 100%; background: #000; display: block } .colorSelect input[type="radio"]+label[for="cl1"] span { background: #937d68 } .colorSelect input[type="radio"]+label[for="cl2"] span { background: #9f948e } .colorSelect input[type="radio"]+label[for="cl3"] span { background: #953d25 } .colorSelect input[type="radio"]+label[for="cl4"] span { background: #dbcebe } .colorSelect input[type="radio"]+label[for="cl5"] span { background: #f3ecda } .colorSelect input[type="radio"]+label[for="cl6"] span { background: #c2ac9b } .colorSelect input[type="radio"]:checked+label { border-color: #c1a89f; background: rgba(253, 64, 94, 0.3) } .centeredTabMenu { margin-bottom: 55px; border: none; text-align: center } .centeredTabMenu li { display: inline-block; float: none; text-transform: uppercase } .centeredTabMenu li a { border-radius: 0; border: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; color: #aaa; font-family: 'Quicksand', sans-serif; } .centeredTabMenu li a:hover, .centeredTabMenu li a:focus { border: 1px solid #222; border-bottom: 1px solid #222; color: #222; background-color: transparent } .centeredTabMenu li.active a { border-color: #222; color: #222; border-bottom: 1px solid #222 } .centeredTabMenu li.active a:hover, .centeredTabMenu li.active a:focus { border: 1px solid #222; border-bottom: 1px solid #222; color: #222; background-color: transparent } .heading-center { margin-bottom: 50px } .featuresTexts { margin: 0 } .featuresTexts+.featuresTexts { margin-top: 50px } .featuresTexts .media-left { padding-left: 100px; padding-right: 10px; font-size: 30px; font-family: 'Quicksand', sans-serif; line-height: 1; color: #222 } .featuresTexts .media-body h5 { color: #c1a89f; margin-top: 5px } .featuresTexts .media-body p { font-size: 16px; line-height: 24px; color: #222; margin-bottom: 5px } .featuresTexts .media-body a { color: #c1a89f; text-transform: uppercase; font-family: 'Quicksand', sans-serif; font-size: 12px; line-height: 22px; text-decoration: underline } .contactHeading { font-size: 20px; padding: 20px 0; border-bottom: 2px solid #ccc; margin-bottom: 25px; } .contactForm { position: relative } .contactForm #contactForm { margin-bottom: 30px } .contactForm #contactForm label { font-family: 'Quicksand', sans-serif; font-size: 12px; font-weight: 400; color: #373737; text-transform: uppercase; text-shadow: 0 } .contactForm #contactForm .form-control { border-radius: 0; box-shadow: none; margin-bottom: 20px } .contactForm #contactForm textarea { resize: none; height: 160px } .contactForm #contactForm .captchaRow { background: #f4f4f4; padding: 15px; margin-bottom: 20px } .contactForm #contactForm .captchaRow img { margin-bottom: 10px; max-width: 100% } .contactForm #contactForm .captchaRow .form-control { margin-bottom: 0 } .contactForm #success, .contactForm #error { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none } .contactForm #success span, .contactForm #error span { line-height: 40px; font-family: 'Quicksand', sans-serif; font-size: 14px; position: absolute; top: calc(50% - 20px); left: 0; width: 100% } .contactForm #success span { color: #c1a89f } .contactForm #error span { color: #fc4a4a } /*--------------------------------------------------*/ /*End Shortcodes*/ /*--------------------------------------------------*/ /*--------------------------------------------------*/ /*11 Blog*/ /*--------------------------------------------------*/ .sidebar { background: #f5f5f5; padding: 15px } .sidebar .searchForm { margin-bottom: 30px } .blog { margin-bottom: 50px } .blog.single_post { margin-bottom: 25px } .blog .featureImg { margin-bottom: 25px } .blog .featureImg img { width: 100% } .blog .titleRow { margin-bottom: 15px } .blog .titleRow .date { font-family: 'Quicksand', sans-serif; font-size: 22px; color: #373737; text-align: center; width: 55px; padding: 5px; line-height: 1; border: 1px solid #dcdcdc; transition: all 300ms ease-in-out 0s } .blog .titleRow .date:hover { color: #c1a89f; border-color: #c1a89f } .blog .titleRow .date span { font-size: 18px; display: block } .blog .titleRow .titlePart { width: calc(100% - 55px); padding-left: 20px } .blog .titleRow .titlePart .blogTitle { margin: 5px 0 0; transition: all 300ms ease-in-out 0s } .blog .titleRow .titlePart .blogTitle:hover { color: #c1a89f } .blog .titleRow .titlePart p { color: #373737; line-height: 30px; font-family: 'Quicksand', sans-serif; } .blog .titleRow .titlePart p a { color: #373737 } .blog .titleRow .titlePart p a:hover { color: #c1a89f } .blog .titleRow .titlePart p span { margin: 0 15px } .blog .excerpt { /*font-family: 'Quicksand', sans-serif;*/ font-size: 14px; line-height: 24px; color: #373737 } /*--------------------------------------------------*/ /*End Blog*/ /*--------------------------------------------------*/ /*--------------------------------------------------*/ /*12 Product | List | Single | cart | Checkout*/ /*--------------------------------------------------*/ .catalogBox { text-transform: uppercase; padding: 15px; text-align: center; width: 20% } .catalogBox .thumbnail { border-radius: 0; border: none; margin-bottom: 10px; padding: 10px; box-shadow: none } .catalogBox .thumbnail .thumbnailInner { position: relative; overflow: hidden } .catalogBox .thumbnail .thumbnailInner img { width: 100% } .catalogBox .thumbnail .thumbnailInner .hoverBox { position: absolute; top: 200%; left: 200%; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.55); transition: all 300ms ease-in-out 0s } .catalogBox .thumbnail .thumbnailInner .hoverBox a { color: #FFF; font-weight: 700; font-family: 'Quicksand', sans-serif; font-size: 16px; position: absolute; top: -500%; left: -500%; transition-delay: 300ms } .catalogBox .thumbnail .thumbnailInner .hoverBox a i { margin-bottom: 10px; font-size: 36px } .catalogBox .catalogType { font-family: 'Quicksand', sans-serif; font-size: 16px; color: #222; line-height: 1.3 } .catalogBox .catalogType span { display: block; font-family: 'Quicksand', sans-serif; font-size: 14px } .catalogBox:hover .thumbnail .thumbnailInner .hoverBox { top: 0; left: 0 } .catalogBox:hover .thumbnail .thumbnailInner .hoverBox a { color: #FFF; font-weight: 700; font-family: 'Quicksand', sans-serif; font-size: 16px; position: absolute; top: calc(50% - 34px); left: calc(50% - 30px) } .catalogBox:hover .thumbnail .thumbnailInner .hoverBox a i { margin-bottom: 10px; font-size: 36px } .login { margin-bottom: 70px } .login h4.heading { margin-bottom: 30px } .login .loginInner { margin: 0; padding: 40px 0; border: 1px solid #dcdcdc } .login .loginInner label { font-family: 'Quicksand', sans-serif; font-weight: 400; color: #373737 } .login .loginInner .loginForm { padding: 0 40px } .login .loginInner .loginForm .form-group { margin-bottom: 30px } .login .loginInner .loginForm .form-group .form-control { border-radius: 0; box-shadow: none } .login .loginInner .loginForm .form-group:last-child { padding-top: 10px; line-height: 30px; margin-bottom: 0 } .login .loginInner .loginForm .form-group:last-child a { color: #c1a89f; font-family: 'Quicksand', sans-serif; margin-left: 20px; font-size: 12px } .login .loginInner .accountStart { padding: 0 40px } .login .loginInner .accountStart h3 { font-size: 22px; font-family: 'Quicksand', sans-serif; color: #222; font-weight: 600; margin-bottom: 15px } .login .loginInner .accountStart label { margin-bottom: 20px } .login .loginInner .btn { padding: 0 15px } .orderSummaryInner { padding: 20px 40px } .orderSummaryInner table { text-transform: uppercase } .orderSummaryInner table thead { font-family: 'Quicksand', sans-serif; font-size: 16px; color: #222; border-bottom: 1px solid #dcdcdc } .orderSummaryInner table thead tr th { line-height: 30px; border: none; padding: 0 0 5px } .orderSummaryInner table thead tr th:last-child { text-align: right } .orderSummaryInner table tbody { color: #373737; font-family: 'Quicksand', sans-serif; border-bottom: 1px solid #dcdcdc; padding: 10px 0 } .orderSummaryInner table tbody tr td { line-height: 30px; border: none; padding: 0 } .orderSummaryInner table tbody tr td:last-child { text-align: right } .orderSummaryInner table tbody tr:first-child td { padding-top: 5px } .orderSummaryInner table tbody tr:last-child td { padding-bottom: 5px } .orderSummaryInner table tfoot tr { color: #222; font-family: 'Quicksand', sans-serif; font-size: 14px } .orderSummaryInner table tfoot tr td { line-height: 30px; border: none; padding: 0 } .orderSummaryInner table tfoot tr td:last-child { text-align: right } .orderSummaryInner table tfoot tr:nth-child(2) { font-weight: 600 } .orderSummaryInner table tfoot tr:last-child { font-family: 'Quicksand', sans-serif; font-size: 16px; font-weight: 700 } .orderSummaryInner table tfoot tr:first-child td { padding-top: 5px } .checkoutForm .form-control { border-radius: 0; margin-bottom: 20px } .checkoutForm #shippingAddressEscape { float: left } .checkoutForm #shippingAddressEscape+label { font-family: 'Quicksand', sans-serif; color: #000; font-size: 14px; font-weight: 400; margin-left: 10px } .checkoutForm .paymentMethodMode { margin-top: 70px } .checkoutForm .paymentMethodMode h4 { margin-bottom: 30px } .checkoutForm .paymentMethodMode label { margin-bottom: 30px; font-family: 'Quicksand', sans-serif; font-weight: 400; color: #222; display: block } .checkoutForm .paymentMethodMode label .label-p { color: #373737; padding-left: 35px; margin-top: 5px; display: block; } .checkoutForm .paymentMethodMode label input { margin-right: 20px; float: left } .checkoutForm button[type="submit"] { margin-top: 20px } .cartPage .pageHeading { margin-bottom: 50px } .cartTable { margin-bottom: 50px } .cartTable .table thead { text-transform: uppercase; text-wrap: nowrap; } /* .cartTable .table thead tr th { padding: 17px; line-height: 1; border: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc !important; font-family: 'Quicksand', sans-serif; font-weight: 700; color: #222; white-space: nowrap } */ .cartTable .table thead tr th { padding: 17px; line-height: 1; border: 1px solid #545454; border-top: 1px solid #545454 !important; font-family: 'Quicksand', sans-serif; font-weight: 700; color: white; line-height: 20px; vertical-align: middle; } .cartTable .table thead tr th:first-child { width: 160px } .cartTable .table thead tr th:nth-child(2) { width: 540px } /* .cartTable .table tbody tr td { padding: 20px; line-height: 1; border: 1px solid #dcdcdc; text-align: center; white-space: nowrap } */ .cartTable .table tbody tr td { padding: 20px; line-height: 1; border: 1px solid #545454; text-align: center; white-space: nowrap; background: #e7ecf1 !important; vertical-align: middle; } .cartTable .table tbody tr td:first-child { width: 160px; text-align: left } .cartTable .table tbody tr td:first-child img { width: 100% } .cartTable .table tbody tr td:nth-child(2) { width: 540px; text-align: left } .cartTable .table tbody tr td.price { font-size: 18px; font-family: 'Quicksand', sans-serif; line-height: 1.2; color: #222 } .cartTable .table tbody tr td.price del { display: block; color: #373737 } .cartTable .table tbody tr td .edit { display: inline-block; width: 40px; line-height: 40px; background: #545454; color: #FFF; text-align: center; font-size: 18px; border: none; border-radius: 3px; } .cartTable .table tbody tr td .edit:hover { background-color: #673e10; } .cartTable .table tbody tr td .descList dl { margin: 0 } .cartTable .table tbody tr td .heading { margin-bottom: 10px } .cartTable .table tfoot tr td { padding: 20px; width: 100%; line-height: 1; border: 1px solid #dcdcdc } .cartTable .table tfoot tr td a.fright { margin-left: 0px; border-color: #dcdcdc; color: #373737; float: right; } .cartTable .table tfoot tr td a.fright:hover { background-color: transparent; border-color: #c1a89f } .discountCupon { border: 1px solid #dcdcdc; padding: 20px } .discountCupon .heading { margin-bottom: 10px } .discountCupon p { color: #373737; margin-bottom: 10px } .discountCupon .form-control { border-radius: 0; margin-bottom: 20px; box-shadow: none } .discountCupon .btn { padding: 0 15px } .shippingTax { border: 1px solid #dcdcdc; padding: 20px } .shippingTax .heading { margin-bottom: 10px } .shippingTax p { color: #373737; margin-bottom: 10px } .shippingTax .form-control { border-radius: 0; margin-bottom: 20px; box-shadow: none } .shippingTax .countrySelect.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; margin-bottom: 10px } .shippingTax .countrySelect .btn { border-color: #dcdcdc; color: #373737; padding: 0 15px; line-height: 28px; font-family: 'Quicksand', sans-serif; } .shippingTax label { font-family: 'Quicksand', sans-serif; font-size: 12px; font-weight: 400; color: #222; margin: 0 0 5px } .shippingTax .form-group { margin: 0 } .shippingTax .btn { padding: 0 15px } .totalCheckout { text-align: right } .totalCheckout .link { display: block; line-height: 1; color: #373737; font-family: 'Quicksand', sans-serif; margin-top: 10px } .totalCheckout .descList dl dt, .totalCheckout .descList dl dd { text-align: right; font-family: 'Quicksand', sans-serif; color: #373737; font-size: 14px; font-weight: 400; display: flex; align-items: center; justify-content: flex-end; margin-left: -80px; } /* dl.dl-horizontal dd { font-weight: bold !important; } */ .totalCheckout .descList dl dt:last-child, .totalCheckout .descList dl dd:last-child, .totalCheckout .descList dl dt.gt, .totalCheckout .descList dl dd.gt { color: #373737; font-size: 16px; font-family: 'Quicksand', sans-serif; font-weight: 400; margin-top: 5px } .totalCheckout .descList dl dt { width: 100%; float: left !important; clear: left; display: flex; align-items: center; } .proMedia { margin: 0 } .proMedia .media { margin: 0; padding: 20px 0 } .proMedia .media+.media { border-top: 1px solid #cfdae3 } .proMedia .media .media-left { padding: 0 } .proMedia .media .media-left a { width: 84px; height: 84px; display: block } .proMedia .media .media-left a img { width: 100% } .proMedia .media .media-body { padding-left: 20px } .proMedia .media .media-body h5 { color: #c1a89f; margin: 0 } .proMedia .media .media-body h5 del { margin-right: 10px; color: #222 } .proMedia.topRated .media-body { padding-left: 20px } .proMedia.topRated .media-body h6 { margin-bottom: 0 } .proMedia.topRated .media-body h5 { color: #c1a89f } .proMedia.topRated .media-body h5 del { margin-right: 10px; color: #222 } .proMedia.topRated .media-body .proRates { margin: 0 } .proMedia.topRated .media-body .proRates li { line-height: 40px; padding: 0; color: #373737 } .proMedia.topRated .media-body .proRates li.rates { color: #222 } #welcome2furniture { text-align: center } #welcome2furniture p { font-family: 'Quicksand', sans-serif; color: #373737; line-height: 24px; max-width: 880px; margin: 0 auto 20px } #welcome2furniture ul li { padding: 0 2px } #welcome2furniture ul li a { padding: 0; line-height: 40px; width: 40px; font-size: 18px; background: #373737; color: #fff; border-radius: 100%; display: block } #welcome2furniture ul li a:hover, #welcome2furniture ul li a:focus { background: #c1a89f } .shopFeatures_new { padding-bottom: 16px; } .shopFeatures_new ul { padding: 0; margin: 0 -15px 0 } .shopFeatures_new ul:after { content: ""; display: block; clear: both } .shopFeatures_new ul li { width: 33.333%; display: block; border: 15px solid #fff; position: relative; float: left; overflow: hidden } .shopFeatures_new ul li.sf_first { width: 100% } .shopFeatures_new ul li img { max-width: inherit; width: 100%; height: auto; opacity: 1; -webkit-transition: all .2s linear; transition: all .2s linear; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1) } .shopFeatures_new ul li:hover img { opacity: .8; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1) } .shopFeatures_new ul li .sf_box { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; z-index: 1; color: #fff; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap } .shopFeatures_new ul li .sf_box .sf_box_inner { font-size: 0; line-height: 0; vertical-align: middle; width: 100%; text-align: center; font-size: 24px } .shopFeatures_new ul li .sf_box h2 { font-size: 2em; text-transform: uppercase; letter-spacing: .5em; margin-top: 0; font-weight: 700 } .shopFeatures_new ul li .sf_box h3 { font-size: .8em; font-weight: 700; letter-spacing: .3em; margin-bottom: 1em; text-transform: uppercase } /*--------------------------------------------------*/ /*End Product | List | Single | cart | Checkout*/ /*--------------------------------------------------*/ /*--------------------------------------------------*/ /*13 Some Common Section*/ /*--------------------------------------------------*/ .theme_btn.with_i, .theme_btn { background: #fff none repeat scroll 0 0; border-radius: 84px; color: #c1a89f; line-height: 25px; margin-top: 10px; border: 2px solid #c1a89f; padding: 7px 13px; position: relative; text-transform: capitalize; display: inline-block } .theme_btn.with_i:hover, .theme_btn:hover { background: #c1a89f; color: #fff } .theme_btn.with_i i:before { padding: 0 1px; margin-right: 10px; font-size: 1.5em; vertical-align: middle; display: inline-block; color: #c1a89f; transition: all .3s ease; margin-bottom: 0; display: none; } .theme_btn.with_i:hover i:before { color: #fff } #header2 .logo a img { max-width: 100%; max-height: 60px; } #slider .sliderCont .slides .text_lines h4 { margin-top: 18px } .d-carousel-cener .dc-inner .dc-containt { text-align: center; opacity: 0 } .d-carousel-cener .active.center .dc-inner .dc-containt { opacity: 1; position: relative; z-index: 1; color: #333 } .d-carousel-cener .active.center .dc-inner .dc-containt h2 { font-size: 25px; margin-top: 0; } .d-carousel-cener .active.center .dc-inner .dc-containt p { font-size: 14px; } .d-carousel-cener .active.center .dc-inner .dc-containt:hover { color: #845345 } .d-carousel-cener .dc-inner img { transform: scale(.8); transition: all .3s ease; } .d-carousel-cener .active.center .dc-inner img { transform: scale(1.5); transition: all .3s ease; } .d-carousel-cener.owl-carousel .owl-stage-outer { padding-top: 100px } #shopRings .sectionTitle { margin-bottom: 0; } .d-carousel-cener .owl-nav { text-align: center; height: 1px; } .d-carousel-cener .owl-nav .owl-prev, .d-carousel-cener .owl-nav .owl-next { width: 200px; height: 84px; cursor: pointer; background-image: url(https://ion.r2net.com/images/amazingHomepage/Arrow.svg); background-repeat: no-repeat; background-position: 50%; background-size: 50%; transition: all .3s; font-size: 0; position: relative; top: -120px; z-index: 1 } .d-carousel-cener .owl-nav .owl-prev:hover, .d-carousel-cener .owl-nav .owl-next:hover { background-position: 65% } .d-carousel-cener .owl-nav .owl-prev { transform: rotate(180deg) } .d-carousel-cener .owl-nav>div { display: inline-block; margin-left: 14%; margin-right: 14%; font-size: 38px } .btn_readmore { /* position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 30px; margin: auto; font-size: 14px; text-transform: uppercase; text-align: center; opacity: 0*/ } .btn_readmore a { color: #fff; padding: 0 10px; position: relative; display: block; max-width: inherit; margin: auto; font-family: 'Quicksand', sans-serif; border: 2px solid #673e10; line-height: 30px; background: #673e10; display: inline-block; padding-left: 33px; padding-right: 33px; font-size: 17px; border-radius: 50px; padding-bottom: 2px; } .btn_readmore a:hover { background-color: #222; transition: all .3s ease; border-color: #222; color: #fff; } .blog_inner:hover .btn_readmore { opacity: 1; transition: all .2s ease } .btn_readmore a .h-line-1 { background-color: #c1a89f; height: 2px; width: 0; position: absolute; left: 0; top: 0 } .btn_readmore a .h-line-3 { background-color: #c1a89f; height: 2px; width: 0; position: absolute; right: 0; bottom: 0 } .btn_readmore a .h-line-2 { background-color: #c1a89f; width: 2px; height: 0; position: absolute; right: 0; top: 0 } .btn_readmore a .h-line-4 { background-color: #c1a89f; width: 2px; height: 0; position: absolute; left: 0; bottom: 0 } .blog_inner:hover .btn_readmore a .h-line-1 { background-color: #c1a89f; height: 2px; width: 100%; transition: all .3s ease } .blog_inner:hover .btn_readmore a .h-line-3 { background-color: #c1a89f; height: 2px; width: 100%; transition: all .3s ease; transition-delay: .45s } .blog_inner:hover .btn_readmore a .h-line-2 { background-color: #c1a89f; width: 2px; height: 100%; transition: all .15s ease; transition-delay: .3s } .blog_inner:hover .btn_readmore a .h-line-4 { background-color: #c1a89f; width: 2px; height: 100%; transition: all .15s ease; transition-delay: .75s } .blog_inner { box-shadow: 0 0 8px -2px rgba(0, 0, 0, 0.1); margin-bottom: 30px; position: relative } .blog_inner:hover .blog_j_img img { transform: scale(1.1); transition: all 0.3s ease } .blog_inner .blog_j_img { overflow: hidden; position: relative; width: 50%; } .blog_inner .blog_j_img img { transition: all 0.3s ease; /* border: 1px solid red; */ height: 100%; width: 100%; object-fit: cover; } .blog_j_text { background-color: #fff; padding: 20px 15px 20px; width: 50%; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .blog_j_text_inner { margin: auto; max-width: 80%; } .blog_j_text p { font-family: 'Quicksand', sans-serif; letter-spacing: 0; width: 100%; color: #2a2a2a; margin-bottom: 30px; font-size: 16px; } .blog_inner.single .blog_j_text { min-height: 85px; padding: 25px 15px 15px; font-size: 17px; text-align: center; } .blog_j_text_inner h3 { margin-bottom: 35px; margin-top: 0; } .blog_j_text_inner h3 span { font-size: 16px; display: block; margin-bottom: 8px; margin-top: 8px; color: #606060; font-weight: 400; } .ring_sec h5 { margin-bottom: 0 } .ring_sec p { margin-top: 30px; margin-bottom: 30px } .com_btn { background-color: #673e10; border: 2px solid #673e10; border-radius: 50px; color: white; display: inline-block; font-family: "Quicksand", sans-serif; font-size: 15px; line-height: 35px; padding: 4px 17px; text-transform: uppercase; } .com_btn:hover { background: #222 none repeat scroll 0 0; color: #fff; border: 2px solid #222; } .diamond_j { background-image: url(../images/Diamond_Sprite.png); width: 180px; height: 150px; background-size: 100%; margin-left: auto; margin-right: auto; background-position: left 3px top -2837px; position: -webkit-sticky; position: sticky; z-index: 99; top: 240px } .diamond_b { margin-top: 0; margin-right: 9px; height: 156px; overflow: visible } .ring_cont { float: right; padding-top: 40px; } .ring_cont .btn-gap { margin-left: 10px; margin-right: 10px } /*.ring_sec { position: relative; padding-bottom: 120px; margin-top: 130px; }*/ .ring_sec { position: relative; padding-bottom: 30px; margin-top: 20px; } .ring_sec.rs_withgap { margin-top: 20px; } .ring_sec.home-2-ring { position: relative; margin-top: 100px } .ring_sec .diamond_j_cont { position: absolute; right: auto; width: 652px; left: 0; top: -120px } /*body.home-2 .innerLayout { padding-left: 30px; padding-right: 30px }*/ body.home-2 .innerLayout footer { margin-top: 0; } body.home-2 .container { width: 100%; max-width: 1230px; } .boxMain { background-color: #f2f2f2; margin-bottom: 30px } .boxMain.addboxMain { background-color: #c1a89f } .boxMain.addboxMain .gbinner .gb_cont_box { padding: 60px 15px } .boxMain.addboxMain a { color: #fff } .boxMain .gbinner { text-align: center } .boxMain .gbinner img.fill_img { width: 100% } .boxMain .gbinner img { display: block; margin-left: auto; margin-right: auto } .boxMain a { color: #373737 } .boxMain .gbinner .gb_cont_box { padding: 20px } .boxMain .gbinner .gb_cont_box.fill_bg { background-color: #c1a89f; color: #fff } .boxMain .gb_cont_box h2 { font-size: 22px; text-transform: uppercase; margin-top: 0 } .boxMain .gb_cont_box i { font-style: italic } .boxMain .gb_cont_box .gb_item_action_btn { text-transform: uppercase } .boxMain .gbinner.imgRight { display: table; direction: rtl; width: 100% } .boxMain .gbinner.imgLeft { display: table; direction: ltr; width: 100% } .boxMain .gbinner.imgRight .gb_img_box, .boxMain .gbinner.imgRight .gb_cont_box { display: table-cell; vertical-align: middle } .boxMain .gbinner.imgLeft .gb_img_box, .boxMain .gbinner.imgLeft .gb_cont_box { display: table-cell; vertical-align: middle } body.home-2 .blog_j_img img { width: 100%; max-width: inherit } body.home-2 footer .copyRight { padding-left: 15px; padding-right: 15px; font-size: 15px; } .featureCats .item .imgHov { background-color: #f7f7f7 } .cat_h { position: absolute; bottom: 15px; left: 0; right: 0 } .cat_h a { color: #c1a89f } .cat_h a span { text-transform: capitalize } .cat_h a h4:after { content: ""; display: block; margin: auto; width: 50px; height: 1px; background-color: #c1a89f } .greybg { background-color: #f7f7f7 } #back-to-top { position: fixed; bottom: 40px; right: 40px; z-index: 9999; width: 45px; height: 45px; text-align: center; line-height: 42px; background: #673e10; color: #ffffff; cursor: pointer; border: 0; border-radius: 2px; text-decoration: none; transition: opacity .2s ease-out; opacity: 0; font-size: 32px; } #back-to-top:hover { background: #545454; color: #fff; transition: all .3s ease-out } #back-to-top.show { opacity: 1 } #header2 .logo>a { max-width: 120px; margin: auto; display: block } .home-2 #slider .flex-direction-nav { position: absolute; top: 0; bottom: 0; height: 0; margin: auto; left: 0; right: 0; width: 100%; display: flex; justify-content: center; flex-direction: column; align-items: flex-end; } .home-2 #slider .sliderCont .flex-direction-nav a { height: 45px; width: 65px; background: rgba(0, 0, 0, 0); line-height: 45px; margin-top: 0; opacity: 1; text-align: center; color: #fff; position: static; font-size: 14px; } .home-2 #slider .sliderCont .flex-direction-nav a .material-icons { line-height: inherit; } .home-2 #slider .theme_btn { background: none; border-radius: 84px; color: #545454; line-height: 25px; margin-top: 10px; border: 2px solid #545454; padding: 7px 33px; position: relative; text-transform: capitalize; display: inline-block; } .home-2 #slider .theme_btn:hover { background-color: #673e10; border-color: #673e10; color: white; } .home-2 #slider .sliderCont .slides .text_lines>.container { color: #fff; } .slides .text_lines h6 { font-size: 16px; font-weight: 300; letter-spacing: 1px; } body.home-2 .logo { background-color: transparent; padding: 0px 0 !important; display: block; margin-bottom: 0px; position: relative; z-index: 555; box-shadow: none; border-radius: 0; } .qtyAtc input.form-control { padding-top: 10px; } /*t edit start*/ /*t edit start*/ /*responsive*/ @media screen and (min-width:992px) { .home-2 #slider .sliderCont .slides .text_lines>.container { max-width: calc(80% - 120px); margin: auto; color: #fff; } .home-2 #slider .sliderCont .slides .text_lines h3 { font-size: 45px; } .home-2 #slider .sliderCont .slides .text_lines { height: auto; top: calc(50% - 132px); } } @media screen and (max-width:991px) { body.home-2 .logo { background-color: #fff; padding: 17px 0 !important; display: block; margin-bottom: 0; position: relative; z-index: 555; box-shadow: unset; border-radius: 0 0 60px 60px; } footer .copyRight ul li { margin-bottom: 10px; } #nav ul li ul { position: relative; top: 0; width: 100%; background: transparent; } a.menu-icon { display: block; margin: 0 auto; float: right; } a.menu-text { display: block; } a.menu-icon span { display: block; margin: 4px 10px; background: #000; height: 3px; } a.menu-icon { display: block; height: auto; padding: 7px 0 7px 0; width: 40px; background: transparent; } #nav ul { opacity: 0; visibility: hidden; overflow: hidden; margin: 0px 0 0 0; width: 300px; position: fixed; top: 0; right: -100% !important; z-index: 11; background-color: rgb(255, 255, 255); box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2); transition: .5s; height: calc(100% + 509px); } #nav ul.mobail-slide { right: 0 !important; opacity: 1; visibility: visible; } #nav ul li { width: 100%; margin: 0; padding: 0 20px 0px; border: none; border-bottom: none !important; line-height: 35px; border-top: 1px solid #c7c7c7; } #nav ul li a { padding: 10px 0; color: #000000; } #nav ul li:last-child { border-bottom: 1px solid #c7c7c7 !important; } #nav ul li .svg-inline--fa { margin: 10px 0px; font-size: 18px; } #nav ul li:first-child { margin-left: 0px; padding-left: 20px; } /* body.mobail-visible { overflow: hidden;} .menu-backdrop { position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 2; transition: all 700ms ease; -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; opacity: 0; visibility: hidden; background: rgb(0 0 0 / 75%);} .mobail-visible .menu-backdrop { opacity: 1; visibility: visible;} */ .header-box .logo-box { display: block !important; } li.close-btn { display: block !important; } /* body.mobail-visible a.menu-icon { display: none !important;} */ span.close-btn { transition: all 0.9s ease; } .mobail-visible ul.mobail-slide span.close-btn { transform: rotate(360deg); } span.fa.fa-times.close-btn { margin-bottom: 0px; padding: 20px; font-size: 22px; float: right; margin-right: 20px; color: red !important; } #nav ul li i { display: block !important; float: right; margin-top: 8px; font-size: 17px; } ul.sub-menu { display: none !important; } #nav ul li.open ul.sub-menu { display: block !important; position: relative; box-shadow: none !important; border: none !important; top: 6px !important; } #nav ul li.open ul.sub-menu li { /* border: none !important; */ padding-left: 30px !important; } ul.sub-menu li:first-child { margin-left: 5px !important; padding-left: 15px !important; } #nav ul li.open i { transform: rotate(0deg) !important; } #nav ul .close-btn { display: block; } .top-header-block { display: block; } .header-contact { display: none !important; } .header-logo { display: none !important; } i.fas.fa-shopping-cart.cart-icon { font-size: 16px !important; color: white !important; } .cart-icon:after { left: 10px !important; top: -11px; background: #545454 !important; } .cart-box span { margin-left: 2px !important; } .cart-box span { margin-left: 2px !important; color: white !important; } .header-logo-content { padding: 5px 0 !important; border-bottom: 1px solid #ebebeb !important; background: #673e10 !important; } .my-account ul li a { color: white !important; } .my-account ul li a { margin-right: 25px !important; } .header-flex { justify-content: center !important; } .header-box { display: flex; justify-content: space-between !important; align-items: center; } .logo-box img { max-width: 200px; } #nav ul li i { /* display: none !important; */ margin-top: 0px; position: absolute !important; right: 26px !important; top: 9px !important; transform: rotate(-90deg); transition: .5s; } #nav ul { opacity: 0; visibility: hidden; overflow: hidden; margin: 0px 0 0 0; width: 300px; position: fixed; top: 153px; right: -100% !important; z-index: 11; background-color: rgb(255, 255, 255); box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.2); transition: .5s; height: calc(100% + 509px); padding: 0; z-index: 999 !important; } #nav ul li { display: inline-block; position: relative; margin: 0 !important; padding: 0 !important; } #nav ul li a { color: #111111; font-size: 13px; font-weight: 500; outline: none; padding: 10px 0; position: relative; transition: .5s; padding-left: 20px !important; } .ring_cont { float: right; padding-top: 40px; text-align: center; } footer .topFooter .footFeatures .footFeature { width: 100% !important; display: inline-block; float: none; padding: 40px 10px; } footer .media-left, footer .media-right, footer .media-body { display: block; padding: 5px; text-align: center !important; } footer .topFooter .footFeatures .footFeature .texts { padding-left: 20px; text-align: center; } .my-account ul li { list-style: none; text-align: center !important; } .my-account ul li a { margin-right: 0 !important; } .my-account { padding: 0px 0 !important; width: 33.33%; } } @media (max-width:480px) { .complete-access p { color: white; margin-bottom: 0; font-size: 14px; } } @media (max-width:390px) { .complete-access p { color: white; margin-bottom: 0; font-size: 12px; } } .fullgridBox ul { display: flex; padding: 0; flex-wrap: wrap; margin-bottom: 0; } .fullgridBox ul li { width: 25%; display: block; overflow: hidden; position: relative; } .fullgridBox ul li.fl-half { width: 50%; } .fullgridBox ul li img { height: 100%; width: 100%; object-fit: cover; transition: all 0.3s ease-in-out; } .fullgridBox ul li:hover img { transform: scale(1.05); } .fullgridBox_cont { position: absolute; z-index: 99; top: 30%; padding: 15px; left: 10%; } .fullgridBox_cont h3 { color: #000; font-family: 'Quicksand', sans-serif; } .fullgridBox ul li:hover span { color: #000; font-weight: 700; border-bottom: 1px solid #000; margin-top: 10px; } .fullgridBox ul li span { border-bottom: 1px solid rgba(0, 0, 0, 0); display: inline-block; margin-top: 0; transition: all 0.3s ease-in-out; } .fullgridBox_cont.fgb_btm { top: auto; bottom: 10%; } .fullgridBox_cont.fgb_center { left: 0; right: 0; margin: 0; width: auto; text-align: center; } .fullgridBox_cont.fgb_right { left: auto; right: 10%; } .fullgridBox_cont.fgb_top { top: 10%; bottom: auto; } /*--------------------------------------------------*/ /*End Some Common Section*/ /*--------------------------------------------------*/ @media(min-width: 1000px) and (max-width: 1100px) { .cat_h { bottom: 5px; } } @media(min-width: 768px) and (max-width: 999px) { .btn { padding: 0px 10px; } /*.product .productInner .imgHov img{width: auto;max-width: 100%;height: auto;max-height: 175px;}*/ } /**/ .product_category_box { border: 1px solid #eee; position: relative; margin-top: 30px; overflow: hidden; } .product_category_box img { max-width: 100%; transition: all 0.3s ease-in-out; } .product_category_box:hover img { border: 1px solid red; transform: scale(1.5) rotate(10deg); } .product_category_box a { position: absolute; top: 0; display: block; left: 0; right: 0; bottom: 0; top: 0; padding: 30px; } .product_category_box a h2 { font-size: 36px; color: #000; } .product_category_box a span { border: 1px solid #000; display: inline-block; padding: 11px 34px; font-size: 14px; opacity: 0; margin-left: -20px; opacity: 0; transition: all 0.3s ease-in-out; } .product_category_box a:hover span { margin-left: 0; opacity: 1; } #header2 .logo a img { max-width: 220px; max-height: 130px; } #header2 .logo>a { max-width: 223px; margin: auto; display: block; } #header2 .menu2 ul li a i { color: #673e10; } #header2 .menu2 ul li:last-child a .badge { width: 20px; line-height: 20px; border-radius: 100%; background: #673e10; padding: 0; text-align: center; font-weight: lighter; font-family: 'Quicksand', sans-serif; font-size: 11px; display: inline-block; position: relative; top: -3px; } .container.text-right h3 { color: white; } /* new header css */ #header .container { width: 100%; max-width: 1200px; } .account-head { border-bottom: 1px solid #ebebeb !important; } .my-account ul li { list-style: none; text-align: right; } .my-account ul { margin: 0; padding: 0; display: flex; justify-content: flex-end; align-items: center; } .my-account { padding: 10px 0; width: 33.33%; } .my-account ul li a { color: #242424 !important; opacity: 1; margin-right: 0; padding: 12px 0; font-size: 15px !important; font-weight: 500 !important; } ul.sub-menuu { background: white; box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); position: absolute; right: 6px; top: 65px; width: 140px; opacity: 0; visibility: hidden; z-index: 9999; } ul.sub-menuu li { padding: 8px 39px; text-align: left; } .my-account ul li:hover ul.sub-menuu { opacity: 1; visibility: visible; } .header-contact { display: flex; align-items: center; width: 33.33%; } .contact-box p { margin-bottom: 0; font-size: 14px; color: black !important; opacity: 1; font-weight: 600; } .contact-box p a { color: black; font-weight: 600; } .contact-box { margin-right: 30px; border-left: 2px solid #ebebeb; padding-left: 15px; } .header-logo-content { padding: 15px 0; border-bottom: 1px solid #ebebeb !important; } .contact-box span { font-size: 14px; } .header-logo img { width: 100%; max-width: 260px; } .header-logo { margin-left: 0; margin-right: 0; width: 33.33%; text-align: center; } .header-flex { display: flex; align-items: center; justify-content: space-between; } .cart-box { display: flex; align-items: center; margin-left: 20px; } .cart-box span { margin-bottom: 0; margin-left: 15px; } .cart-icon { margin-right: 25px; position: relative; } .cart-icon:after { position: absolute; content: ''; /* border-right: 1px solid #a7a7a7; */ width: 2px; height: 100%; right: -15px; } /* .cart-box { display: flex; align-items: center; border: 1px solid #ebebeb; padding: 10px 15px; position: relative; cursor: pointer; } */ .cart-icon:after { position: absolute; /* content: attr(data-cart-count); */ content: attr(data-cart-count); background: #673e10; width: 17px; height: 17px; color: white; font-size: 15px; border-radius: 50%; text-align: center; line-height: 17px; left: 16px; top: -2px; } .cart-procuct { position: absolute; width: 350px; left: -220px; top: 42px; z-index: 999999; background: white; border: 1px solid; padding: 15px; text-align: center; display: none; border: 1px solid #ebebeb; } .cart-box:hover .cart-procuct { display: block; } #nav {} #nav ul { margin-bottom: 0; } #nav ul li.active a { color: #673e10 !important; font-weight: bold; } #nav ul li { display: inline-block; position: relative; margin: 0px 5px; padding: 0px 10px; } #nav ul li a { color: #111111; font-size: 15px; font-weight: 500; outline: none; padding: 22px 0; position: relative; transition: .5s; } #nav ul li a::before { position: absolute; content: ''; width: 0%; height: 2px; background-color: #06A3DA; bottom: 1px; transition: 0.5s; left: 50%; } #nav ul li:first-child { margin-left: 0px; padding-left: 0px; } #nav ul li:last-child { margin-right: 0px; padding-right: 0px; } li.download-btn a { padding: 16px 28px !important; background: #ff5b00; border-radius: 100px; } ul.sub-menu { opacity: 0; visibility: hidden; transition: .5s; position: absolute; min-width: 180px; background: white; left: -14px; top: 40px; border-radius: 0px; padding: 0; z-index: 99999; box-shadow: 0 0 4px 2px rgba(0, 0, 0, .1); padding: 10px 0; } ul.sub-menu li { width: 100% !important; padding-bottom: 15px !important; padding-left: 20px !important; } ul.sub-menu li a { color: black !important; padding: 5px 0 !important; } ul.sub-menu li:first-child { margin-left: 5px !important; padding-left: 20px !important; } #nav ul li:hover ul.sub-menu { opacity: 1; visibility: visible; transform: perspective(600px) rotateX(0deg); transition: transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end; } #nav ul li i { /* display: none !important; */ margin-top: 0px; position: absolute; right: -4px; top: 4px; } .header-block { padding: 20px 0; } .header-box { display: flex; justify-content: center; align-items: center; } .logo-box { display: none; } #header.header-scrolled .header-block { position: fixed; background: white; z-index: 9999; width: 100%; top: 0; box-shadow: 0 0 4px 2px rgba(0, 0, 0, .1); } #header.header-scrolled .logo-box { display: block; } #header.header-scrolled .logo-box img { max-width: 200px; } #header.header-scrolled .header-box { display: flex; justify-content: space-between; align-items: center; } /* new header css end */ .home-2 #slider .sliderCont .slides .text_lines { height: auto; top: 50%; transform: translate(0, -50%); } .material-icons { color: #545454 !important; } .pagination-layout1 { text-align: center; } .pagination-layout1 ul { margin: 0; padding: 0; } .pagination-layout1 ul li { display: inline-block; margin: 0 3px; list-style-type: none; } .pagination-layout1 ul li:last-child { margin-right: 0; } .pagination-layout1 ul li:first-child { margin-left: 0; } .pagination-layout1 ul li a { display: inline-block; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #673e10; width: 45px; height: 45px; line-height: 45px; color: white !important; border-radius: 5px; font-weight: 600; } .pagination-layout1 ul li a.active, .pagination-layout1 ul li a:hover { color: var(--white-color); border-color: rgba(0, 0, 0, 0); } @media (max-width: 768px) { .pagination-layout1 ul li a { width: 30px; height: 30px; line-height: 27px; font-size: 11px; } } .pt-lg-30 { padding-top: 30px; } .mb-30 { margin-bottom: 30px; } .list-style-none ol, .list-style-none ul, .list-style-none { padding: 0; margin: 0; } .list-style-none li { list-style-type: none; } .row.m0.contactForm.my_account { border: 1px solid gainsboro; padding: 30px; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .my_account #contactForm label { font-family: 'Quicksand', sans-serif !important; font-size: 12px !important; font-weight: 600 !important; color: black !important; text-transform: uppercase !important; text-shadow: 0 !important; } .btn.btn-account:hover { border: 1px solid #2799b7; background: #2799b7; color: #fff; } /* .btn.btn-account { border: 1px solid #88b4e1; color: #fff; background: #88b4e1; } */ .btn.btn-account { border: 1px solid#673e10a6; color: #fff; background: #673e10a6; } button.addToCart.btn.single { color: white; font-family: 'Quicksand', sans-serif; font-size: 14px; display: inline-block; line-height: 35px; border: 2px solid #673e10; padding: 0 17px; border-radius: 5px; background-color: #673e10; text-transform: uppercase; margin-left: 20px; margin-top: -24px; } button.addToCart.btn.single:hover { color: white; font-family: 'Quicksand', sans-serif; font-size: 14px; display: inline-block; line-height: 35px; border: 2px solid black; padding: 0 17px; border-radius: 5px; background-color: black; text-transform: uppercase; } .product .productInner .related .btn { color: white; font-family: 'Quicksand', sans-serif; font-size: 14px; display: inline-block; line-height: 35px; border: 2px solid #673e10; padding: 0 17px; border-radius: 40px; background-color: #673e10; text-transform: uppercase } .product .productInner .related .btn:hover { background: #222; color: #FFF; border: 2px solid #222; } i.fas.fa-angle-down.prise { margin-left: 10px; } input#contact-us-submit { width: -webkit-fill-available; } input.form-control.inquiry { margin-top: 25px; height: 40px; } input.form-control.inquiry:focus { border-color: #ccc !important; box-shadow: none; } button.btn.btn-default.inquiry-btn { margin-top: 25px; height: 40px; padding-right: 10px; padding-left: 10px; padding-top: 3px; border: 1px solid #ccc; border-left: none; background: gainsboro; } .whatsapp-send .col-sm-8 { padding: 0; } .whatsapp-send .col-sm-4 { padding-left: 0; } .Inquiry-btn a { padding: 10px 20px; background: #673e10; color: white; font-weight: 500; border-radius: 5px; margin-right: 20px; } .Inquiry-btn { display: flex; margin: 20px 0; } .Inquiry-btn i { margin-right: 10px; } p.userlogin { color: black; font-weight: 600; display: inline-block; margin-right: 10px; } h3 p { font-size: 25px; } dl.dl-horizontal.cart dt { width: 67px; } a.btn.btn-default.btn-lg.fright.clearall { border: 1px solid #545454; color: white; background: #545454; } a.btn.btn-default.btn-lg.fright.clearall:hover { border: 1px solid #673e10; color: #fff; background: #673e10; opacity: 1; } /* dl.dl-horizontal.single dt { width: 130px; } */ dl.dl-horizontal.single dt { /* width: 130px; */ float: left; } .preloader { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 999999; display: flex; align-items: center; justify-content: center; text-align: center; background-color: white; } .preloader .vs-btn { position: absolute; top: 0; left: 0; z-index: 2; border-radius: 0; padding: 7px 25px; font-size: 16px; } .preloader .preloader-inner { opacity: 1; visibility: visible; transition: all ease 0.4s; } .preloader .loader { width: 48px; height: 48px; display: inline-block; position: relative; } .preloader .loader:after, .preloader .loader:before { content: ""; width: 48px; height: 48px; border-radius: 50%; background: #fff; position: absolute; left: 0; top: 0; box-sizing: border-box; animation: preloader 2s ease-in-out infinite; } .preloader .loader:after { animation-delay: 1s; } .preloader.animate .vs-btn, .preloader.animate .preloader-inner { opacity: 0; visibility: hidden; } @keyframes preloader { 0%, 100% { transform: scale(0); opacity: 1; } 50% { transform: scale(1); opacity: 0; } } a#proceed_inquire { border: 1px solid #545454; background: #545454; color: white; } a#proceed_inquire:hover { border: 1px solid #673e10; background: #673e10; color: white; opacity: 1; } input.btn.btn-primary.btn-lg.updat_cart { border: 1px solid #673e10; background: #673e10; color: white; } input.btn.btn-primary.btn-lg.updat_cart:hover { border: 1px solid #673e10; background: #673e10; color: white; opacity: 0.7; } /* fallback */ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } i.fas.fa-shopping-cart.cart-icon { width: 0; height: 0; font-size: 25px; color: black; } .cart-box a { display: flex; } a.forgot { float: left; font-size: 15px; margin-bottom: 10px; font-weight: 100; color: #673e10; } a.forgot:hover { color: #2799b7; } input.btn.btn-default.fa-plane { font-family: 'Font Awesome 5 Free', Tahoma; font-weight: 700; font-size: 15px !important; } .thumbnail.about img { margin-top: 10px; } .checkcer { display: inline-block; } input#IGI { margin-right: 5px; } #labIGI { margin-right: 5px; } input#GIA { margin-right: 5px; } .item-col { margin: 0; max-width: 100%; width: 100%; position: relative; flex: auto; } .product-wrapper { margin: 0 !important; padding: 15px 0px 0px 0px !important; } .product-wrapper { height: 100%; position: relative; text-align: center; padding: 15px; } .listview { padding: 15px; text-align: center; } .listview { padding: 0px !important; } .listview { padding: 15px; text-align: center; } .listview .product-image { width: 50px; height: 50px; } .product-wrapper .product-image { position: relative; border-radius: 3px; } .product-wrapper .product-image a { display: block; } span.onsale { display: none; } .product-wrapper .action-links > div { position: relative; display: inline-block; margin-top: 5px; text-align: center; } .product-wrapper .product-desc p { font-size: 14px; line-height: 18px; height: 50px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; margin: 0; } .product-wrapper .product-desc p { height: 35px !important; } .product-wrapper .add_to_cart_inline { border: none !important; display: inline-block; margin: 0; padding: 0 !important; position: relative; } .product-wrapper .add_to_cart_inline { border: none !important; display: inline-block; margin: 0; padding: 0 !important; position: relative; } .product-wrapper .action-links .add-to-cart .add_to_cart_inline a.button { font-family: Roboto, Arial, Helvetica, sans-serif; letter-spacing: 0; font-size: 12px; text-align: center; text-transform: capitalize; display: inline-block; vertical-align: top; height: auto; background-color: #f1f1f1; font-weight: normal; border-radius: 3px; color: #666; } .product-wrapper .action-links .add-to-cart .button { line-height: 40px; padding: 0 20px; width: auto; } .listview .product-desc td { vertical-align: inherit !important; } .listview .product-desc th { text-align: center; } img.woocommerce-placeholder.wp-post-image { max-width: 100%; height: auto; } .product-image { display: block; margin-right: auto; margin-left: auto; width: 50%; } a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover { background: #673e10; color: white; } .activeShape { border-bottom: 2px solid #673e10; } .btn.btn-reset { background: #673e10 !important; float: right; margin-top: -50px; margin-right: 77px; } .btn.btn-reset:hover{ background: #673e10 !important; opacity: 0.7; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.42857143px; background: #673e10; color: white; } .modal-header .close { margin-top: -25px; color:white; opacity: 1; } .modal-header .close:hover { color: black; } #clarityInfo { cursor: pointer; } .clarity_full ul li { color: #746464; padding-bottom: 10px; } .modal-lg { width: 910px; } .thankyou-icon:before { position: absolute; content: ""; width: 50px; height: 50px; border-radius: 50%; background: rgb(19 29 25 / 20%); } .btn-order-success { font-weight: 600; padding: 12px 30px; border-radius: 30px; color: #ffffff; background: #673e10; border-color: #673e10; } .btn-order-success:hover, .btn-order-success:focus { color: white; opacity: 0.7; } svg.bi.bi-cart-check.mb-5 { font-size: 4rem; } .advance-filter-btn a { padding: 10px 36px !important; background: #673e10 !important; color: white; } .complete-access { background: #673e10; padding: 7px; text-align: center; } .complete-access p { color: white; margin-bottom: 0; } .item img { max-width: 220px; margin: auto; } .owl-next { position: absolute; right: 0; top: 5px; font-size: 20px; } .owl-prev { position: absolute; top: 5px; /* transform: translate(0px, -50%); */ left: 0; font-size: 20px; } .carousel-box { margin: 60px 0; } .sectionMemerImg img { max-width: 220px; } .sectionMemerImg { text-align: center; margin: 30px 0; } .product-wrapper tr th { background: #673e10; } .diamond-title h3 { color: #673e10 !important; }