/* @font-face{font-family:"Century Gothic";src:url('../fonts/Century-Gothic-Regular?#iefix') format('embedded-opentype'),url('../fonts/Century-Gothic-Regular.woff') format('woff'),url('../fonts/Century-Gothic-Regular.ttf') format('truetype'),url('../fonts/Century-Gothic-Regular.svg#Century-Gothic-Regular') format('svg');font-weight:400;font-style:normal} @font-face{font-family:"Century Gothic";src:url('../fonts/Century-Gothic-Bold?#iefix') format('embedded-opentype'),url('../fonts/Century-Gothic-Bold.woff') format('woff'),url('../fonts/Century-Gothic-Bold.ttf') format('truetype'),url('../fonts/Century-Gothic-Bold.svg#Century-Gothic-Bold') format('svg');font-weight:700;font-style:normal} @font-face{font-family:"Century Gothic";src:url('../fonts/Century-Gothic-Italic?#iefix') format('embedded-opentype'),url('../fonts/Century-Gothic-Italic.woff') format('woff'),url('../fonts/Century-Gothic-Italic.ttf') format('truetype'),url('../fonts/Century-Gothic-Italic.svg#Century-Gothic-Italic') format('svg');font-weight:400;font-style:italic} @font-face{font-family:"Century Gothic";src:url('../fonts/Century-Gothic-Bold-Italic?#iefix') format('embedded-opentype'),url('../fonts/Century-Gothic-Bold-Italic.woff') format('woff'),url('../fonts/Century-Gothic-Bold-Italic.ttf') format('truetype'),url('../fonts/Century-Gothic-Bold-Italic.svg#Century-Gothic-Bold-Italic') format('svg');font-weight:700;font-style:italic} */ /* font-family: 'Ubuntu', sans-serif; */ html, body { font-family: 'Ubuntu', sans-serif; font-size: 14px; color: #000000; font-weight: 400; text-rendering: auto } .container { width: 100%; max-width: 1200px } a { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; color: #000 } *:focus { outline: none !important } a:focus, a:hover { text-decoration: none } p { font-family: 'Ubuntu', sans-serif; font-size: 14px; color: #000000; line-height: 24px; margin-bottom: 24px; font-weight: 400 } .noscript { background: #000; color: #fff; float: left; font-size: 20px; left: 0; margin: 0 auto; min-height: 50px; padding: 10px 0; position: fixed; right: 0; text-align: center; bottom: 0; width: 100%; z-index: 999 } .noscript p { margin-bottom: 0; color: #fff } .noscript p i { color: #f90; margin-right: 10px; font-size: 20px; vertical-align: middle } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer } figure { margin: 0 } .clearfix:before, .clearfix:after { content: ""; display: block; clear: both } .row > div { order: 1 } .row > div.pull-right { order: 2 } .content_main_btm { padding-top: 80px; } ::selection { background: #9B804F; color: #FFF } ::-moz-selection { background:#9B804F; color:#FFF } .scroll_top { bottom: 80px; cursor: pointer; height: 52px; position: fixed; right: 20px; width: 52px; z-index: 5; text-align: center; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; color: #fff; opacity: 0; visibility: hidden; background: #000; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50% } .scroll_top .fa-angle-up { font-size: 28px; margin: 4px 0 0 0 } .scroll_top .top-text { font-size: 12px; font-weight: 400; margin: -8px 0 0; text-transform: uppercase; display: block } .visible { opacity: 1; visibility: visible } .col-xl-offset-1 { margin-left: 8.33333333% } .col-xl-offset-2 { margin-left: 16.66666667% } .col-xl-offset-3 { margin-left: 25% } .col-xl-offset-4 { margin-left: 33.33333333% } .col-xl-offset-5 { margin-left: 41.66666667% } .col-xl-offset-6 { margin-left: 50% } .col-xl-offset-7 { margin-left: 58.33333333% } .col-xl-offset-8 { margin-left: 66.66666667% } .col-xl-offset-9 { margin-left: 75% } .col-xl-offset-10 { margin-left: 83.33333333% } .col-xl-offset-11 { margin-left: 91.66666667% } h1, .h1 { font-size: 42px; margin: 0 0 20px 0; font-family: 'Tenor Sans', sans-serif; font-weight: 400; color: #303030 } h2, .h2 { font-size: 36px; margin: 0 0 20px 0; font-family: 'Tenor Sans', sans-serif; font-weight: 400; color: #303030 } h3, .h3 { font-size: 30px; margin: 0 0 20px 0; font-family: 'Tenor Sans', sans-serif; font-weight: 400; color: #303030 } h4, .h4 { font-size: 24px; margin: 0 0 20px 0; font-family: 'Tenor Sans', sans-serif; font-weight: 400; color: #303030 } h5, .h5 { font-size: 20px; margin: 0 0 20px 0; font-family: 'Tenor Sans', sans-serif; font-weight: 400; color: #303030 } h6, .h6 { font-size: 16px; margin: 0 0 20px 0; font-family: 'Tenor Sans', sans-serif; font-weight: 400; color: #303030 } span.h1, span.h2, span.h3, span.h4, span.h5, span.h6 { display: block } .mt10 { margin-top: 10px } .mt15 { margin-top: 15px } .mt20 { margin-top: 20px } .mt30 { margin-top: 30px } .mb10 { margin-bottom: 10px } .mb15 { margin-bottom: 15px } .mb20 { margin-bottom: 20px } .mb30 { margin-bottom: 30px } .mtb10 { margin-bottom: 10px; margin-top: 10px } .mtb15 { margin-bottom: 15px; margin-top: 15px } .mtb20 { margin-bottom: 20px; margin-top: 20px } .mtb30 { margin-bottom: 30px; margin-top: 30px } .pt10 { padding-top: 10px } .pt15 { padding-top: 15px } .pt20 { padding-top: 20px } .pt30 { padding-top: 30px } .pb10 { padding-bottom: 10px } .pb15 { padding-bottom: 15px } .pb20 { padding-bottom: 20px } .pb30 { padding-bottom: 30px } .ptb10 { padding-bottom: 10px; padding-top: 10px } .ptb15 { padding-bottom: 15px; padding-top: 15px } .ptb20 { padding-bottom: 20px; padding-top: 20px } .ptb30 { padding-bottom: 30px; padding-top: 30px } img { max-width: 100%; height: auto } .alignleft { float: left } .alignright { float: right } img.alignleft { margin: 0 30px 20px 0 } img.alignright { margin: 0 0 20px 30px } img.aligncenter { display: block; margin: 0 auto 20px auto } button.button { background: none; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; vertical-align: top; padding: 0; border: none } .button { display: inline-block; position: relative; text-align: center; line-height: 50px; min-width: 170px; position: relative; z-index: 1; font-family: 'Ubuntu', sans-serif; font-weight: 700; font-size: 14px; color: #fff; vertical-align: top; padding: 0 15px; overflow: hidden; text-transform: uppercase } .button:before, .button:after { content: ""; display: block; height: 100%; width: 100%; position: absolute; top: 0; right: 0; transition: all 0.5s cubic-bezier(0.25, 0, 0.3, 1); -moz-transition: all 0.5s cubic-bezier(0.25, 0, 0.3, 1); -ms-transition: all 0.5s cubic-bezier(0.25, 0, 0.3, 1); -o-transition: all 0.5s cubic-bezier(0.25, 0, 0.3, 1); -webkit-transition: all 0.5s cubic-bezier(0.25, 0, 0.3, 1); z-index: -1 } .button:after { transform: scale3d(0.88, 0.6, 1); -moz-transform: scale3d(0.88, 0.6, 1); -ms-transform: scale3d(0.88, 0.6, 1); -o-transform: scale3d(0.88, 0.6, 1); -webkit-transform: scale3d(0.88, 0.6, 1); border: 2px solid } .button.primary:before { background: #000 } .button.primary:after { border-color: #000 } .button.secondary:before { background: #606060 } .button.secondary:after { border-color: #606060 } .button.default { color: #303030 } .button.default:before { background: #fff } .button.default:after { border-color: #fff } .site-main { overflow: hidden } /*=================================================== Header ===================================================*/ .top-bar { background-color: #000000; padding: 10px 0px; position: fixed; width: 100%; text-align: center; z-index: 9; } .top-bar p { margin: 0px; color: #ffffff; font-family: 'Ubuntu', sans-serif; } .top-bar p a{vertical-align: middle;margin: 0 0 0 10px;} .site-main > header { position: fixed; top: 0; left: 0; right: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; z-index: 9; background: #fff; margin-top: 44px; } .container-main { margin-top: 150px } .logo { float: left } .logo img { max-width: inherit } .search-box-main { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.85); z-index: 10; display: none } .search-box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 100%; max-width: 1200px; padding: 0 15px } .search-box form { position: relative; padding: 0 105px 0 0 } .search-text { border: none; height: 50px; width: 100%; padding: 5px 15px; font-weight: 400; color: #606060 } .search-text::-webkit-input-placeholder { color:#606060; opacity:1 } .search-text:-moz-placeholder { color:#606060; opacity:1 } .search-text::-moz-placeholder { color:#606060; opacity:1 } .search-text:-ms-input-placeholder { color:#606060; opacity:1 } h4.textcenterdata{ margin: 0 auto !important; text-align: center; font-size: 16px; font-weight: 700; } .search-input { background: #606060; border: none; height: 50px; font-weight: 700; color: #fff; font-size: 16px; padding: 0 45px 0 15px; position: absolute; right: 0; top: 0; line-height: 50px } .search-box form:before { content: "\f002"; font-family: "FontAwesome"; position: absolute; top: 50%; right: 15px; font-size: 20px; color: #fff; z-index: 1; pointer-events: none; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .search-box-main .search-close { position: absolute; top: 30px; right: 30px; font-size: 22px; color: #fff; cursor: pointer; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease } body.popup { overflow: hidden } .header-profile-list { position: absolute; right: 8px; top: 100%; background: #606060; z-index: 4; display: none; border: 1px solid #606060; margin-top: 2px } .header-profile-list ul { list-style-type: none; padding: 0; margin: 0; color: #fff; min-width: 200px; text-align: left; } .header-profile-list:before { content: "\f0d8"; font-family: "FontAwesome"; font-size: 26px; color: #606060; top: -24px; position: absolute; right: 10px; pointer-events: none; z-index: -1; } .header-profile-list ul li+li { border-top: 1px solid rgba(255,255,255,0.3) } .header-profile-list ul li a { color: #fff; display: inline-block; padding: 10px 15px; width: 100% } .header-profile-list ul li.selected a { background: #fff; color: #000 } .header-right { float: right } .header-navigation { display: inline-block; vertical-align: top } .header-buttons { display: inline-block; vertical-align: top } .search-btn-box { display: inline-block; vertical-align: top; position: relative; padding: 64px 16px 0 0 } .profile-btn-box { display: inline-block; vertical-align: top; position: relative; padding: 63px 16px 0 0 } .cart-btn-box { display: inline-block; vertical-align: top; position: relative; background: #000 } .cart-btn { border: none; height: 75px; padding-top: 4px; width: 90px; background: none; position: relative; vertical-align: top } .cart-btn .icon { display: block; margin: 0 auto; background: url(../images/sprite.png) no-repeat -65px 0 transparent; height: 26px; width: 30px; pointer-events: none } .cart-btn .index { position: absolute; background: #9B804F; display: block; height: 20px; width: 20px; color: #fff; font-size: 12px; line-height: 20px; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; top: 50%; right: 50%; margin: -20px -25px 0 0; pointer-events: none; text-align: center } .cart-btn .text { display: block; color: #fff; font-size: 12px; margin-top: 22px; font-weight: 400; pointer-events: none } .profile-btn { height: 22px; width: 22px; background: url(../images/sprite.png) no-repeat -33px 0 transparent; border: none; padding: 0 } .search-btn { height: 23px; width: 23px; background: url(../images/sprite.png) no-repeat 0 0 transparent; border: none; padding: 0 } .cart-btn-box:before { content: ""; display: block; height: 2px; left: 10px; right: 10px; top: 50%; margin-top: -1px; background: #9B804F; position: absolute } ul.header-social { list-style-type: none; padding: 22px 0 23px 0; margin: 0; text-align: center } ul.header-social li { display: inline-block; vertical-align: top; font-size: 22px; line-height: 30px } ul.header-social li a { color: #fff } ul.header-social li+li { margin-left: 10px } /*=================================================== Home Page ================================================*/ .hl-banner { } .hl-banner-slider { } .hl-banner-slider figure { overflow: hidden; position: relative; padding-left: 300px } .hl-banner-slider figure img { position: relative; z-index: -1; min-width: 100% } .hl-banner-slider figcaption { position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 20px/*158*/; max-width: 280px; margin-top: -6px; padding: 11px 0 10px 0 } .hl-banner-slider figcaption h4 { margin: 30px 0 0 0 } .hl-banner-slider figcaption h2, .hl-banner-slider figcaption .h2 { line-height: 48px; font-weight: 400; font-size: 40px; color: #000; margin: 0 0 15px 0 } .hl-banner-slider figcaption h2 span, .hl-banner-slider figcaption .h2 span { font-size: 18px; display: block; line-height: 34px } .hl-banner-slider figcaption a { font-size: 18px; font-weight: 700; display: inline-block; vertical-align: top; line-height: 30px; text-transform: uppercase; color: #000; position: relative; overflow: hidden } .hl-banner-slider figcaption a:before { content: ""; display: block; position: absolute; bottom: 4px; height: 2px; background: #000; width: 100%; z-index: 1; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease } .hl-banner-slider figcaption a:after { content: ""; display: block; position: absolute; bottom: 4px; height: 2px; background: #000; width: 100%; z-index: 1; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease } .hl-banner-slider figcaption:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.5); z-index: -1 } .hl-products { padding: 64px 30px 66px 30px;/*background:#e9e9e9*/ } .hl-products h2, .hl-products .h2 { color: #000; font-size: 30px; font-weight: 400; margin: 0 0 35px 0; text-transform: uppercase } .hl-products-slider { } .hl-products-slider figure { } .hl-products-slider figure > a { display: block; position: relative; overflow: hidden; z-index: 1; background: #fff; padding-bottom: 133.335% } .hl-products-slider figure > a:before { content: ""; display: block; height: 0; top: 0; left: 0; width: 100%; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; background: rgba(0,0,0,0.2); position: absolute } .hl-products-slider figure > a:after { content: "\f14c"; font-family: "FontAwesome"; font-size: 50px; color: #fff; position: absolute; left: 50%; top: 100%; transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease } .hl-products-slider figure > a img { z-index: -1; position: absolute; left: 50%; top: 50%; max-height: 100%; width: auto !important; transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease } .hl-products-slider figcaption { margin: 22px 0 0 0 } .hl-products-slider figcaption > a { } .hl-products-slider figcaption > a h3, .hl-products-slider figcaption > a .h3 { color: #000; display: inline-block; vertical-align: top; font-size: 16px; font-weight: 700; margin: 0; text-transform: uppercase; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; font-family: 'Ubuntu', sans-serif; line-height: 22px; max-width: calc(100% - 120px) } .hl-products-slider figcaption > a > span { color: #000; display: inline-block; vertical-align: top; font-size: 18px; font-weight: 700; position: relative; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; line-height: 22px } .hl-products-slider figcaption > a > span:before { content: "//"; margin: 0 17px; display: inline-block; vertical-align: top } .hl-products-slider .owl-nav > div { position: absolute; position: absolute; left: -22px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-top: -24px } .hl-products-slider .owl-nav > div span:before { content: "//"; font-weight: 400; font-size: 48px; color: #000; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease } .hl-products-slider .owl-nav > div.owl-next { left: auto; right: -22px } .hl-products-slider.slide-true .owl-nav > div { display: block !important } .hl-welcome { display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap } .hl-welcome-img { width: 50%; overflow: hidden } .hl-welcome-img img { position: relative; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); max-width: inherit } .hl-welcome-content-container { background: #000; width: 50% } .hl-welcome-container { max-width: 670px; padding: 64px 70px 70px 70px } .hl-welcome-container > h2, .hl-welcome-container > .h2 { text-transform: uppercase; font-size: 30px; font-weight: 400; color: #fff; margin: 0 0 28px 0 } .hl-welcome-btn { text-transform: uppercase; font-size: 18px; font-weight: 700; display: inline-block; vertical-align: top; color: #fff; line-height: 30px; position: relative } .hl-welcome-btn:before { content: ""; display: block; position: absolute; bottom: 4px; height: 2px; background: #fff; width: 100%; z-index: 1; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease } .hl-welcome-btn:after { content: ""; display: block; position: absolute; bottom: 4px; height: 2px; background: #fff; width: 100%; z-index: 1; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease } .hl-welcome-btn+.hl-welcome-btn { margin-left: 34px } .hl-welcome-content { margin-bottom: 15px; max-height: 450px } .hl-welcome-content p { } .hl-welcome-content * { color: #fff } .hl-welcome-content *:last-child { margin-bottom: 0 } /*.mCustomScrollbar:hover .mCSB_scrollTools{width:16px;transition:all 0.5s ease;} .mCustomScrollbar:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:16px;transition:all 0.5s ease;} .mCustomScrollbar:hover .mCSB_scrollTools .mCSB_draggerRail{width:16px;transition:all 0.5s ease;}*/ .hl-news { padding: 64px 0 62px 0 } .hl-news h2, .hl-news .h2 { text-transform: uppercase; font-size: 24px; font-weight: 400; color: #000; margin: 0 0 57px 0 } .hl-news figure { } .hl-news figure > a { display: block; position: relative } .hl-news figure > a:before { content: ""; display: block; height: 0; width: 100%; position: absolute; left: 0; bottom: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background: rgba(0,0,0,0.7) } .hl-news figure > a img { } .hl-news figure > a span { color: #000; position: absolute; left: 0; top: 0; transform: translateY(-50%); font-size: 60px; font-weight: 700; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease } .hl-news-date { color: #909090; font-size: 13px; font-weight: 700; text-transform: uppercase; line-height: 32px } .hl-news figcaption { margin: 28px 0 0 0 } .hl-news figcaption h3, .hl-news figcaption .h3 { text-transform: uppercase; font-size: 16px; font-weight: 400; color: #000; margin: 0; line-height: 32px } .hl-news figcaption h3 a, .hl-news figcaption .h3 a { color: #000 } .hl-newsletter { padding: 70px 0 } .hl-newsletter-content { background: #000; padding: 92px 70px 96px 70px } .hl-newsletter-content h2, .hl-newsletter-content .h2 { font-size: 24px; color: #fff; font-weight: 400; text-transform: uppercase; margin: 0 0 24px 0 } .hl-newsletter-content p { font-size: 13px; color: #fff; font-weight: 400; margin: 0 0 27px 0 } .newsletter-input-box { position: relative; margin-bottom: 20px } .newsletter-input-box .input { background: #fff; font-size: 13px; font-weight: 400; width: 100%; height: 50px; border: 1px solid #fff; text-align: center; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease } .newsletter-submit-box { margin-top: 33px } .newsletter-submit-box .input { background: none; border: none; border-bottom: 2px solid #fff; color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; padding: 0; height: 24px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease } .newsletter-input-box .input::-webkit-input-placeholder { color:#000; opacity:1 } .newsletter-input-box .input:-moz-placeholder { color:#000; opacity:1 } .newsletter-input-box .input::-moz-placeholder { color:#000; opacity:1 } .newsletter-input-box .input:-ms-input-placeholder { color:#000; opacity:1 } .hl-instagram { padding: 70px 0; position: relative } .hl-instagram h2, .hl-instagram .h2 { font-size: 24px; color: #000; font-weight: 400; text-transform: uppercase; position: absolute; left: 15px; top: 50%; transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); z-index: 2; margin: 0 } .hl-instagram-container { position: relative; margin-left: auto; padding: 0 61px 0 240px; z-index: 1 } .hl-instagram h2:before, .hl-instagram .h2:before { content: ""; display: block; height: 2px; width: 120px; background: #000; position: absolute; left: 100%; top: 50%; margin: -1px 0 0 20px } .hl-cms { background: #000; padding: 70px 0 } .hl-cms-content *:last-child { margin-bottom: 0 } .hl-cms-content ul { list-style-type: none; padding: 0 0 0 15px; margin: 0 0 22px 0; overflow: hidden } .hl-cms-content ul > li { padding: 0 0 0 22px; position: relative; line-height: 24px } .hl-cms-content ul > li:before { content: "\f00c"; height: auto; width: auto; top: 5px; background: none; font-family: 'FontAwesome'; font-size: 14px; display: inline-block; position: absolute; left: 0; border: none; line-height: initial; color: #fff } .hl-cms-content ul ul > li:before { content: ""; display: block; height: 8px; width: 8px; position: absolute; left: 0; top: 8px; border-radius: 50%; -webkit-border-radius: 50%; border: 1px solid #000 } .hl-cms-content ul ul ul > li:before { background: #000 } .hl-cms-content ul ul > li { padding: 0 0 0 15px } .hl-cms-content ul ul ul > li { padding: 0 0 0 15px } .hl-cms-content ul ul { margin: 0; padding: 0 } .hl-cms-content ul ol { margin: 0 } .hl-cms-content ol ul { margin: 0; padding: 0 } .hl-cms-content ol ol { margin: 0; } .hl-cms-content ol { padding: 0 0 0 30px; margin: 0 0 26px 0 } .hl-cms-content ol > li { line-height: 26px } .hl-cms-content ol > li:before { } .hl-cms-container { } .hl-cms-container > h2, .hl-cms-container > .h2 { margin: 0 0 35px 0; text-transform: uppercase } .hl-cms-container h1, .hl-cms-container .h1 { font-size: 30px; font-weight: 400 } .hl-cms-container h2, .hl-cms-container .h2 { font-size: 24px; font-weight: 400 } .hl-cms-container h3, .hl-cms-container .h3 { font-size: 20px; font-weight: 400 } .hl-cms-container h4, .hl-cms-container .h4 { font-size: 18px; font-weight: 400 } .hl-cms-container h5, .hl-cms-container .h5 { font-size: 16px; font-weight: 400 } .hl-cms-container h6, .hl-cms-container .h6 { font-size: 14px; font-weight: 400 } .hl-cms-container * { color: #fff } /*=================================================== Footer ===================================================*/ .site-main > footer { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; box-shadow: 0 0 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2); -ms-box-shadow: 0 0 3px rgba(0,0,0,0.2); -o-box-shadow: 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2) } .footer { position: relative; overflow: hidden } .signature { padding: 34px 0 34px 0; text-align: center; position: relative; background: #000; } .signature span, .signature p, .signature a { color: #bbb; font-family: 'Ubuntu', sans-serif; font-weight: 400; line-height: 30px; margin: 0; font-size: 14px; display: inline-block; vertical-align: top } .signature span:before { content: "|"; margin: 0 7px 0 3px } .signature p+p:before { content: "|"; margin: 0 7px 0 3px } .signature span { } .footer-navigation { padding: 40px 0; } .footer-navigation ul { list-style-type: none; padding: 0; margin: 0; display: block; vertical-align: top; max-width: 970px } .footer-navigation ul li { font-size: 13px; color: #000; display: block; vertical-align: top; line-height: 36px } /*.footer-navigation ul li+li:before{content:"//";margin:0 21px 0 18px;display:inline-block;vertical-align:top}/* /*.footer-navigation ul li:nth-child(11):before{display:none}*/ .footer-navigation ul li a { color: #000 } .footer-navigation ul li.selected a { color: #999 } /*=================================================== Inner Pages ==============================================*/ .inner-page { padding: 0 0 70px 0 } .inner-page-content > *:last-child { margin-bottom: 0 } .inner-page-content { padding: 50px 0 } #page_title { position: relative; padding: 94px 0 96px 0; overflow: hidden; text-align: center } #page_title:before { content: ""; display: block; position: absolute; top: 0; left: 300px; right: 0; bottom: 0; background: rgba(0,0,0,0.1); z-index: 1 } .page_title h1, .page_title .h1 { color: #000; margin: 0; position: relative; font-weight: 400; font-size: 50px; font-family: 'Ubuntu', sans-serif } .page_title { position: relative; z-index: 2; margin: 0 auto; padding: 0 300px; width: 100%;/*max-width:1200px;*/ } .breadcrumb_main { max-width: 1200px; margin: 0 auto; padding: 0 15px } #breadcrumb { border-bottom: 1px solid #d7d7d7 } .breadcrumb { background: none; margin: 0; background: none; border-radius: 0; -webkit-border-radius: 0; padding: 0; display: inline-block; vertical-align: top } .breadcrumb > li { color: #909090; font-size: 13px; font-family: 'Ubuntu', sans-serif; font-weight: 400; vertical-align: top; position: relative; float: left; line-height: 20px } .breadcrumb > li a:after { content: ""; display: block; height: 2px; position: absolute; bottom: -4px; left: 0; background: #fff; width: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease } .breadcrumb > li a { color: #909090; display: inline-block; vertical-align: top } .breadcrumb > li + li:before { display: inline; vertical-align: top; background: none; position: static; padding: 0 21px 0 22px; content: "//" } .breadcrumb > li.selected { color: #000 } /*.breadcrumb > li.selected:after{content:"";display:block;height:2px;position:absolute;bottom:-4px;right:0;left:20px;background:#fff;}*/ .bread_crumb { padding: 15px 0 } .inner-page ul { list-style-type: none; padding: 0 0 0 15px; margin: 0 0 22px 0; overflow: hidden } .inner-page ul > li { padding: 0 0 0 22px; position: relative; line-height: 24px; background: url('../images/tick.png'); background-repeat: no-repeat; background-position: 0; } /*.inner-page ul > li:before{content:"\f00c";height:auto;width:auto;top:5px;background:none;font-family:'FontAwesome';font-size:14px;display:inline-block;position:absolute;left:0;border:none;line-height:initial;color:#000;}*/ .inner-page ul ul > li:before { content: ""; display: block; height: 8px; width: 8px; position: absolute; left: 0; top: 8px; border-radius: 50%; -webkit-border-radius: 50%; border: 1px solid #000 } .inner-page ul ul ul > li:before { background: #000 } .inner-page ul ul > li { padding: 0 0 0 15px } .inner-page ul ul ul > li { padding: 0 0 0 15px } .inner-page ul ul { margin: 0; padding: 0 } .inner-page ul ol { margin: 0 } .inner-page ol ul { margin: 0; padding: 0 } .inner-page ol ol { margin: 0; } .inner-page ol { padding: 0 0 0 30px; margin: 0 0 26px 0 } .inner-page ol > li { line-height: 26px } .inner-page ol > li:before { } .sidebar { } .sidebar ul { padding: 0; margin: 0 } .sidebar ul li { padding: 0 } .sidebar ul li:before { display: none } .sidebar ul ul li:before { display: none } .sidebar ul li a { display: block; position: relative; font-size: 14px; color: #606060; padding: 10px 15px; background: #f5f5f5; border-left: 5px solid #bfbfbf; z-index: 1; font-weight: 400 } .sidebar ul li a:before { content: ""; position: absolute; left: -5px; top: 0; background: #fff; z-index: -1; border: 1px solid #000; border-left: 5px solid #000; right: 0; height: 100%; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; opacity: 0 } .sidebar ul li+li { margin-top: 1px } .sidebar ul li.selected > a { color: #000 } .sidebar ul li.selected a:before { opacity: 1 } .sidebar .title { display: block; color: #FFF; font-size: 20px; font-weight: 700; margin-bottom: 10px; padding: 8px 15px; background: #303030; text-align: center; text-transform: uppercase } .my_pagination { text-align: center; margin: 0; width: 100% } .my_pagination .pagination .wp-pagenavi { display: inline-block; vertical-align: top } .my_pagination .pagination .wp-pagenavi span.current { background: #0b74b9; color: #fff } .my_pagination .pagination .wp-pagenavi span, .my_pagination .wp-pagenavi a { display: block; width: 40px; height: 40px; border: 1px solid #0b74b9; line-height: 40px; color: #303030; font-weight: 400; float: left; margin: 0; padding: 0 } .my_pagination .pagination .wp-pagenavi a + span, .my_pagination .wp-pagenavi a + a, .my_pagination .wp-pagenavi span + a { border-left: 0 } .my_pagination .pagination .wp-pagenavi .nextpostslink, .my_pagination .wp-pagenavi .previouspostslink { font-size: 22px; line-height: 34px } .my_pagination .pagination li { padding: 0; float: left; background: none; } .my_pagination .pagination li:before { display: none !important } .my_pagination .pagination li a, .my_pagination .pagination li .page-numbers.dots, .my_pagination .pagination li span.page-numbers { color: #000; padding: 0; height: 50px; width: 50px; line-height: 50px; margin: 0; font-weight: 400; border: none; font-size: 13px; display: block; border: 1px solid #909090 } .my_pagination .pagination { margin: 20px 0 0 0; padding: 0; vertical-align: top; display: inline-block; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0 } .my_pagination .pagination li.disabled a { pointer-events: none } .my_pagination .pagination li.selected a { background: #000; pointer-events: none; color: #fff; border-color: #000 } .my_pagination .pagination li:first-child a, .my_pagination .pagination li:last-child a { line-height: 20px; font-size: 14px; font-weight: 400; width: auto; background: none; text-transform: uppercase; color: #000; border: none; margin: 15px 0; height: auto; display: inline-block; vertical-align: top } .my_pagination .pagination li+li { margin-left: 20px } .my_pagination .pagination li:first-child a span { font-size: 20px; vertical-align: middle; margin: -4px 9px 0 0 } .my_pagination .pagination li:last-child a span { font-size: 20px; vertical-align: middle; margin: -4px 0 0 9px } .inner-page table { width: 100% } .inner-page tr { } .inner-page td { padding: 11px 12px; border: 1px solid #d4d4d4; color: #303030; line-height: 24px } .inner-page tr:nth-child(odd) td { background: #ebebeb } .inner-page th { font-weight: 700; color: #fff; background: #000; padding: 5px 10px; border-left: 1px solid #d4d4d4; font-size: 16px; line-height: 24px; padding: 12px 13px 9px 13px } .cms-page { padding: 0 0 70px 0 } /*=================================================== Contact Page =============================================*/ /*.contact-page{padding:45px 0}*/ .contact-page .contact_us_icon span.title { display: block; color: #000; font-weight: 600; font-size: 20px; margin: 0 0 9px 0 } .contact-page .contact_us_icon span.fa, .contact-page .contact_us_icon.abn span { display: table-cell; vertical-align: middle; height: 60px; width: 60px; position: relative; color: #fff; font-size: 26px; background: #606060 } .contact-page .contact_us_icon.abn span { text-align: center; font-weight: 700; font-family: 'Ubuntu', sans-serif; font-size: 16px; text-transform: uppercase } .contact-page .contact_us_icon span.fa:before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) } .contact-page .contact_us_icon p, .contact-page .contact_us_icon a { display: table-cell; margin-bottom: 0; color: #606060; line-height: 24px; vertical-align: middle; font-weight: 400; font-size: 15px } .contact-page .contact_us_icon > p { padding-left: 15px } .contact-page .contact_us_icon > a { padding-left: 15px } .contact-page .contact_us_icon+.contact_us_icon { margin-top: 30px } .map { } .contact-page .map iframe { border: none; width: 100%; height: 330px; display: block } .contact-page form {/*margin-top:50px;*/ } .wpcf7-form-control-wrap { display: block } .input-box { margin-bottom: 30px; position: relative; z-index: 1 } .input-box .input { width: 100%; border-radius: 0; -webkit-border-radius: 0; height: 50px; border: 1px solid #909090; color: #606060; font-size: 14px; font-weight: 400; font-family: 'Ubuntu', sans-serif; padding: 10px 10px; background: none; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background: #fff } .input-box .input::-webkit-input-placeholder { color:#606060; opacity:1 } .input-box .input:-moz-placeholder { color:#606060; opacity:1 } .input-box .input::-moz-placeholder { color:#606060; opacity:1 } .input-box .input:-ms-input-placeholder { color:#606060; opacity:1 } .lbl-input { font-weight: 400; margin: 0; font-size: 14px; color: #606060; font-family: 'Ubuntu', sans-serif; line-height: 22px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; position: absolute; left: 5px; top: 20px; padding: 0 5px; background: #fff; pointer-events: none } .input-box textarea.input { height: 168px; resize: none; display: block; padding: 16px 19px } .input-box.filled .lbl-input, .input-box.focus .lbl-input { top: -11px } .input-label { font-weight: 700; font-size: 15px; display: block } select { appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none } select::-ms-expand { display:none !important } select:-moz-focusring { color:transparent; text-shadow:0 0 0 #606060; -moz-transition:all 0s ease } .select-box select { appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; width: 100%; border-radius: 0; -webkit-border-radius: 0; height: 50px; border: 1px solid #909090; color: #606060; font-size: 16px; font-weight: 400; padding: 10px 18px; background: none; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease } .select-box:after { content: "\f107"; display: block; height: 48px; width: 50px; background: #fff; position: absolute; right: 1px; top: 1px; pointer-events: none; font-size: 24px; font-family: "FontAwesome"; line-height: 46px; text-align: center; color: #909090 } .input-box.submit-box { position: relative; z-index: 1; margin: 0; width: 100%; display: inline-block; vertical-align: top; overflow: hidden; margin: 0; min-width: 210px } #wpcf7-f2426-p2359-o1 .input-box.submit-box { position: relative; z-index: 1; margin: 0; width: 100%; display: inline-block; vertical-align: top; overflow: hidden; margin: 0; min-width: 210px; top:17px; } #wpcf7-f2426-p2359-o1{ top: 15px; float: left; position: relative; margin: 5px 5px 15px 5px; width: 100%; display: block; clear: both; } .input-box.submit-box:before, .input-box.submit-box:after { content: ""; display: block; height: 100%; width: 100%; position: absolute; top: 0; right: 0; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; z-index: -1; background: #000 } .input-box.submit-box:after { background: none; border: 0px solid #fff; width: auto; height: auto; left: 2px; top: 2px; bottom: 2px; right: 2px } .input-box.submit-box input { background: none; padding: 0; color: #fff; height: 60px; border: none; font-family: 'Century Gothic'; font-size: 18px; font-weight: 700; width: 100%; text-transform: uppercase } #yith-ywraq-mail-form .input-box.submit-box input { background: none; padding: 0; color: #fff; height: 60px; border: none; font-family: 'Century Gothic'; font-size: 18px; font-weight: 700; width: 100%; text-transform: uppercase } .radio-container { margin: 0 0 10px 0 } .radio-container:after { content: ""; display: block; clear: both } .input-radio-label { position: relative; padding: 0 20px 0 30px; min-height: 20px; margin: 0 0 10px 0; color: #606060; font-size: 14px; cursor: pointer; display: inline-block } .input-radio-label input { position: absolute; left: 0; top: 0; margin: 0; height: 20px; width: 20px; opacity: 0 } .input-radio-label .icon { height: 20px; width: 20px; border: 2px solid #CCC; position: absolute; left: 0; top: 0; padding: 4px; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50% } .input-radio-label .icon:before { content: ""; display: block; height: 8px; width: 8px; background: #9b804f; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; opacity: 0 } .input-radio-label input:checked~.icon { border-color: #9b804f } .input-radio-label input:checked~.icon:before { opacity: 1 } .input-radio-label .title { } .checkbox-container { margin: 0 0 20px 0 } .checkbox-container:after { content: ""; display: block; clear: both } .input-checkbox-label { position: relative; padding: 0 20px 0 30px; min-height: 20px; margin: 0 0 10px 0; color: #606060; font-size: 14px; display: inline-block; vertical-align: top; cursor: pointer } .input-checkbox-label input { position: absolute; left: 0; top: 0; margin: 0; height: 20px; width: 20px; opacity: 0 } .input-checkbox-label .icon { height: 20px; width: 20px; border: 2px solid #CCC; position: absolute; left: 0; top: 0; padding: 4px } .input-checkbox-label .icon:before { content: "\f00c"; display: block; font-family: "FontAwesome"; color: #9b804f; position: absolute; left: 1px; top: 0; line-height: 16px; font-size: 14px; opacity: 0 } .input-checkbox-label input:checked~.icon { border-color: #9b804f } .input-checkbox-label input:checked~.icon:before { opacity: 1 } .input-checkbox-label .title { } .date-box:before { content: "\f073"; font-family: "FontAwesome"; font-size: 26px; color: #b4b4b4; position: absolute; right: 1px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); pointer-events: none; width: 42px; background: #fff; line-height: 46px; text-align: center } .file-box { margin-top: 14px } .file-box:before { content: "Browse"; display: block; position: absolute; right: 0; top: 0; line-height: 40px; text-align: center; padding: 0 0; min-width: 100px; background: #e5e5e5; color: #303030; font-size: 14px; font-weight: 700; z-index: 1; pointer-events: none } .input-box label.lbl_input { position: absolute; left: 0; top: 0; width: 100%; pointer-events: none; margin: 0; line-height: 62px; padding: 0 10px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; color: #606060 } .input-box.focus label.lbl_input, .input-box.filled label.lbl_input { top: -30px } .input-box.captcha-box { margin: 29px 0 30px 0 } .req { color: #f00; margin: 0; font-weight: 400 } div .wpcf7-form label.error, .recaptcha-error-message { color: #f00; font-size: 14px; padding: 0; margin: 0; font-weight: 400; position: absolute; left: 0; top: 100% } div div.wpcf7-response-output { text-align: center; margin: 30px 0 0 0; padding: 7px 15px } div div.wpcf7-validation-errors { color: #f00; border-color: #f00 } div div.wpcf7-mail-sent-ng { color: #f00; border-color: #f00 } div div.wpcf7-spam-blocked { color: #f00; border-color: #f00 } div div.wpcf7-mail-sent-ok { color: #398f14 } /*form .row .col-xs-12:nth-child(4){clear:both}*/ label.require { font-size: 14px; color: #606060; font-weight: 400; margin: 10px 0 0 0; display: block } div.wpcf7 div .ajax-loader { display:none; height: 16px; width: 16px; margin: 0; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); visibility: visible } div.wpcf7 div .ajax-loader.is-active { display:block; height: 16px; width: 16px; margin: 0; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); visibility: visible } .contact-form { margin-top: 43px } .contact-form h2, .contact-form .h2 { color: #10b269; font-size: 25px; font-weight: 400; } /*=================================================== Blog Page ================================================*/ .blog_page h1, .blog_page .h1 { margin-bottom: 35px } .blog_page .blog { border: 1px solid #bbb; padding: 15px } .blog_page .blog+.blog { margin-top: 30px } .blog .blog_content img { float: left; margin: 0 15px 10px 0 } .blog_content a.button { float: right; min-width: 130px; height: 40px; line-height: 38px; padding: 0 15px; font-size: 16px; } .blog_content a.read_more { font-weight: 400; display: inline-block; position: relative; margin-left: 10px } .blog_content a.read_more:after { content: "\f105"; font-family: "FontAwesome"; font-style: normal; font-size: 20px; margin-left: -10px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; opacity: 0; display: inline-block; line-height: 17px; vertical-align: middle; position: absolute; top: 3px; left: 100% } .blog_content .comment_box { margin-bottom: 5px } .blog_content:after { display: block; content: ""; clear: both } .blog_content h5 { margin-top: 0; text-transform: uppercase; font-size: 18px } .blog_content h5 a { color: #000 } .blog_content .comment_box > span { color: #999; font-size: 15px } /*.blog_page .blog_listing{border:1px solid #303030}*/ .blog_listing+.blog_listing { margin-top: 15px } .blog_listing ul { list-style-type: none; padding: 20px; margin: 0; display: block; background: #f0f0f0 } .blog_listing ul li { color: #808080; font-size: 14px; padding: 0; line-height: 30px } .blog_listing ul li:before { display: none } .blog_listing ul li a:before { content: "\f105"; font-family: "FontAwesome"; font-size: 20px; margin: 0 5px 0 0; display: inline-block; vertical-align: top } .blog_listing ul li a { color: #808080; position: relative; font-size: 16px; margin-right: 5px } .blog_page .comment_box .blog_date:before { content: "\f073"; font: normal normal normal 16px/1 FontAwesome; color: #999; margin: 0 5px 0 0 } .blog_page .comment_box .blog_author:before { content: "\f007"; font: normal normal normal 18px/1 FontAwesome; color: #999; margin: 0 5px 0 0 } .blog_content .blog_author { margin: 0 0 0 15px } .blog_listing h5 { color: #fff; margin: 0; padding: 10px 15px; background: #404040; font-size: 18px; text-transform: uppercase } .blog_listing ul li.selected a { color: #000 } .tags-box { padding: 15px; background: #f0f0f0 } .blog_listing ul .input-box { margin: 0 } .blog_listing ul .select-box select { height: 50px; font-size: 15px; background: #f0f0f0 } .blog_listing ul .select-box:after { line-height: 46px; height: 46px; font-size: 22px; background: #f0f0f0 } .blog_listing.tags a { display: inline-block; background: none; color: #000; margin: 0 5px 10px 0; padding: 7px 10px; font-size: 14px; border: 1px solid #000 } .blog-details .comment_box { margin-bottom: 5px } /*.blog-details .blog_content img{margin:5px 0 10px 0}*/ .blog-details h5 { color: #303030 } .sidebar+.sidebar { margin-top: 30px } .blog_content *:last-child { margin-bottom: 0 } .news_page { padding: 0 0 30px 0 } .news_container { display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; margin: 0 -15px } .news_box { position: relative; margin: 0 0 50px 0 } .news_box figure { } .news_box figure > a { display: block; position: relative; color: #fff; overflow: hidden } .news_box figure > a .fa { position: absolute; left: 50%; top: 100%; transform: translate(-50%, 10px); -moz-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); -o-transform: translate(-50%, 10px); -webkit-transform: translate(-50%, 10px); font-size: 50px; z-index: 2; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease } /*.news_box figure > a:before { display: block; content: ""; position: absolute; left: 0; top: 0; height: 0; width: 100%; background: rgba(0,0,0,0.7); z-index: 1; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }*/ .news_box figure > a img { position: relative; z-index: -1; width: 100%; height: auto; } .news-date { font-size: 14px; color: #909090; font-family: 'Ubuntu', sans-serif; font-weight: 700; display: block; margin: 24px 0 6px 0 } .news-date:before { content: "\f073"; font-family: "FontAwesome"; font-size: 20px; font-weight: 400; margin-right: 10px; } .news_box h4, .news_box .h4 { font-size: 18px; color: #404040; font-family: 'Ubuntu', sans-serif; font-weight: 700; line-height: 30px; margin: 0 0 14px 0 } .news_box h4 a, .news_box .h4 a { color: #000;text-align: center; display: block;font-size: 24px; margin: 10px 0 0 0; } .news_box p { margin: 0 0 27px 0 } .news_box .button { } /*=================================================== Gallery Page =============================================*/ .gallery_listing-page { padding: 40px 0 70px 0 } .gallery_listing-page figure { margin-top: 30px } .gallery_listing-page figure > a { display: block; position: relative; overflow: hidden } .gallery_listing-page figure > a:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; height: 0; width: 100%; background: rgba(0,0,0,0.7); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease } .gallery_listing-page figure > a:after { content: "\f00a"; font-family: "FontAwesome"; font-size: 30px; color: #fff; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; position: absolute; left: 50%; bottom: 100%; transform: translate(-50%, -100%); -moz-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); -o-transform: translate(-50%, -100%); -webkit-transform: translate(-50%, -100%) } .gallery_listing-page .sidebar { margin-top: 30px } .gallery_details-page { padding: 40px 0 70px 0 } .gallery_details-page figure { margin-top: 30px } .gallery_details-page figure > a { display: block; position: relative; overflow: hidden } .gallery_details-page figure > a:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; height: 0; width: 100%; background: rgba(0,0,0,0.7); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease } .gallery_details-page figure > a:after { content: "\f00e"; font-family: "FontAwesome"; font-size: 30px; color: #fff; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; position: absolute; left: 50%; bottom: 100%; transform: translate(-50%, -100%); -moz-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); -o-transform: translate(-50%, -100%); -webkit-transform: translate(-50%, -100%) } /*=================================================== FAQ Page =================================================*/ .panel-heading { color: #303030; border-radius: 0; -webkit-border-radius: 0; padding: 0 } .panel-heading > a { color: #303030 !important; font-size: 16px; font-weight: 600; padding: 10px 40px 10px 15px; display: block; position: relative; border: 1px solid #ccc; background: #ccc } .panel { border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; border: none } .panel-collapse { border: 1px solid #ccc } .store_locators { margin-top: 40px } .panel-heading > a:before, .panel-heading > a:after { content: ""; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 16px; height: 4px; background: #303030; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease } .panel-heading > a:after { width: 4px; height: 0; right: 21px } .panel-heading > a.collapsed { background: none } .panel-heading > a.collapsed:after { height: 16px } .faqs .panel+.panel { margin-top: 15px } .panel-content { padding: 15px } .faqs img { margin-bottom: 20px } .panel-content *:last-child { margin-bottom: 0 } .panel-group.faqs { margin-bottom: 0 } /*=================================================== Mini Cart ================================================*/ .mini_cart { width: 520px; height: 100%; position: fixed; background: #fff; padding: 40px 30px; left: 100%; top: 0; bottom: 0; z-index: 11; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; overflow-y: auto !important } .cart_open .mini_cart { margin-left: -520px } .cart-close { font-size: 22px; color: #000; position: absolute; right: 10px; top: 10px; cursor: pointer; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease } .mini_cart li a img { width: 90px !important; float: left !important; margin: 0 15px 0 0 !important } .mini_cart .mini_cart_item li a { } .mini_cart .mini_cart_item .remove { color: #f00; font-size: 22px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%) } .mini_cart .mini_cart_item { position: relative; background: #f0f0f0; padding: 15px 15px 15px 50px !important } .mini_cart ul { list-style-type: none; padding: 0; margin: 0 } .mini_cart .mini_cart_item:after { content: ""; display: block; clear: both } .mini_cart .mini_cart_item .remove span { pointer-events: none } body.cart_open { overflow: hidden } body.profile_open { overflow: hidden } .site-main:before { content: ""; display: block; position: fixed; top: 0; left: 0; right: 100%; background: rgba(0,0,0,0.8); bottom: 0; z-index: 11; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease } .cart_open .site-main:before { right: 520px } .mini_cart .mini_cart_item+.mini_cart_item { margin-top: 30px } #mini_cart .buttons .cart-minproduct .button { background: none; padding: 0 20px; margin: 5px 0; min-width: 170px; line-height: 50px; color: #fff } #mini_cart .cart-minproduct { display: inline-block; vertical-align: top; width: 49%; text-align: left } #mini_cart .cart-minproduct+.cart-minproduct { text-align: right } #mini_cart .total { background: #CCC; padding: 13px 15px 10px 15px; margin: 30px 0 30px 0 } #mini_cart .total strong { font-size: 16px; color: #303030 } #mini_cart .total .woocommerce-Price-amount { font-size: 16px; float: right } #mini_cart .mini_cart_item .price .woocommerce-Price-amount+.woocommerce-Price-amount { float: right } .mini_cart .mini_cart_item p { margin: 0; font-size: 12px } .mini_cart .mini_cart_item span.quantity { display: block } .mini_cart .mini_cart_item dl.variation { margin: 0 } .mini_cart .mini_cart_item dt, .mini_cart .mini_cart_item dd { display: inline-block !important; vertical-align: top; float: none; line-height: 24px; clear: none !important } /*=================================================== Product Page =============================================*/ .zoomContainer { display: none !important } .product_details_img { cursor: pointer } .zoomWrapper { margin: 0 auto; width: auto !important; height: auto !important; text-align: center } .zoomWrapper img { position: static !important; max-width: 100% } .product_details_img img { max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) } .product_details_img { overflow: hidden; position: relative; padding-bottom: 133.335% } .product_details_img:before { border: 1px solid #909090; content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 1; pointer-events: none } .thumbnail_slider .item { } .thumbnail_slider .item a { display: block; position: relative } .thumbnail_slider .item a:before { content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; border: 1px solid #ddd } .thumbnail_slider .item a.active:before { border-color: #000 } #fancybox-thumbs ul > li:before { display: none } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; -moz-appearance:none; appearance:none } input[type=number] { -moz-appearance: textfield; appearance: none } .product_details_img_box { padding-left: 130px } .product-image-details { margin: 0 -30px 0 0; position: relative } .product_details_thumbs { position: absolute; left: 0; top: 0; width: 100px } .product_details_thumbs.slides { padding: 20px 0 } .product_details_content { margin: 0 0 0 -30px } .product-quntity-container { } .product-quntity-container:after { content: ""; display: block; clear: both } .product-quntity-container .input { height: 50px } .product-sku { margin: -4px 0 0 0; display: block; font-size: 13px; color: #000 } .product_details_content .product_name { font-size: 36px; line-height: 48px; color: #000; text-transform: uppercase; margin: 23px 0 13px 0 } .product_short_desc p { color: #404040; margin: 0 0 22px 0 } .product-quntity-container { } .single-product .product-quntity-container button.button.alt { font-size: 16px; min-width: 200px; margin-left: 25px; line-height: 50px; padding: 0 15px; background: none !important } h3.product-price, .h3.product-price { font-size: 24px; font-weight: 700; margin: 0 0 28px 0; font-family: 'Ubuntu', sans-serif } .product-desc { margin-top: 30px } .product-desc p { } .product-desc h4, .product-desc .h4 { font-size: 16px; text-transform: uppercase } .product-desc ul { padding: 0 } .product-desc ul li { line-height: 30px; padding: 0 0 0 21px } .product-desc ul li:before { top: 8px } .product-quntity-container .input-box.select-box { margin: 0 0 36px 0 } .product-details-page .product-desc .button { line-height: 50px; padding: 0; color: #fff !important; background: none !important } .realted-products h2, .realted-products .h2 { } .realted-product-slider figure { } .realted-product-slider figure > a { display: block; position: relative; overflow: hidden; padding-bottom: 133.333%; background: #fff; z-index: 1 } .realted-product-slider figure > a:before { content: ""; display: block; height: 0; top: 0; left: 0; width: 100%; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; background: rgba(0,0,0,0.2); position: absolute } .realted-product-slider figure > a:after { content: "\f14c"; font-family: "FontAwesome"; font-size: 50px; color: #fff; position: absolute; left: 50%; top: 100%; transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease } .realted-product-slider figure > a img { z-index: -1; position: relative; position: absolute; left: 50%; top: 50%; max-height: 100%; width: auto !important; transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease } .realted-product-slider figcaption { margin: 22px 0 0 0 } .realted-product-slider figcaption > a { } .realted-product-slider figcaption > a h3, .realted-product-slider figcaption > a .h3 { color: #000; display: inline-block; vertical-align: middle; font-size: 16px; font-weight: 700; margin: 0; text-transform: uppercase; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; font-family: 'Ubuntu', sans-serif; max-width: calc(100% - 120px); line-height: 22px } .realted-product-slider figcaption > a span { color: #000; display: inline-block; vertical-align: top; font-size: 18px; font-weight: 700; position: relative; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease } .realted-product-slider figcaption > a > span:before { content: "//"; margin: 0 17px; display: inline-block; vertical-align: top } .realted-product-slider .owl-nav > div { position: absolute; position: absolute; left: -22px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-top: -24px } .realted-product-slider .owl-nav > div span:before { content: "//"; font-weight: 400; font-size: 48px; color: #000; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease } .realted-product-slider .owl-nav > div.owl-next { left: auto; right: -22px } .realted-product-slider.slide-true .owl-nav > div { display: block !important } .realted-products { background: #e9e9e9; padding: 64px 0 65px 0 } .realted-products h2, .realted-products .h2 { font-size: 24px; color: #000; margin: 0 0 35px 0; text-transform: uppercase } .inner-page.product-details-page { padding: 52px 0 0 0 } .spinner { display: inline-block; vertical-align: top; padding: 0; position: relative } .spinner .input_quantity { height: 50px; width: 100px; padding: 0 10px 0 10px; border: 1px solid #909090; text-align: center; color: #606060; font-size: 18px; font-weight: 700; background: #fff } .cartminus, .cartplus { text-align: center; font-size: 16px; color: #909090; overflow: hidden; line-height: 30px; position: absolute; right: 20px; top: 10px; cursor: pointer } .cartminus { left: 20px; right: auto } .product-quntity-container label { display: block; margin: 0; font-size: 16px; font-weight: 700 } .product-details-page > .container { padding-bottom: 70px } .inner-banner { padding-left: 300px } .inner-page-title { padding: 32px 0 30px 0 } .listed-items { font-size: 13px; color: #000; float: left; margin: 16px 0; display: block } .inner-page-title h1, .inner-page-title .h1 { font-size: 50px; font-weight: 400; padding: 0 220px; margin: -7px 0 0 0 } .inner-page-title .input-box.select-box { margin: 0; float: right; min-width: 200px } .inner-page-title .input-box.select-box .orderby { width: 100%; border-radius: 0; -webkit-border-radius: 0; height: 50px; border: 1px solid #909090; color: #606060; font-size: 14px; font-weight: 400; font-family: 'Ubuntu', sans-serif; padding: 10px 10px; background: none; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background: #fff; padding: 10px 20px; font-size: 13px } .product-listing-page { background: #e9e9e9; padding: 70px 0 0 0 } .product-pagination { background: #fff; margin-top: 21px } .product-pagination .my_pagination .pagination { margin: 0; padding: 70px 0 } .product figure { } .product figure > a { display: block; position: relative; overflow: hidden; z-index: 1; padding-bottom: 133.333%; background: #fff } .product figure > a:before { content: ""; display: block; height: 0; top: 0; left: 0; width: 100%; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; background: rgba(0,0,0,0.2); position: absolute } .product figure > a:after { content: "\f14c"; font-family: "FontAwesome"; font-size: 50px; color: #fff; position: absolute; left: 50%; top: 100%; transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease } .product figure > a img { z-index: -1; max-width: 100%; position: absolute; left: 50%; top: 50%; max-height: 100%; transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease } .product figcaption { margin: 22px 0 0 0 } .product figcaption > a { } .product figcaption > a h3, .product figcaption > a .h3 { color: #000; display: inline-block; vertical-align: middle; font-size: 16px; font-weight: 700; margin: 0; text-transform: uppercase; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; font-family: 'Ubuntu', sans-serif; line-height: 22px; max-width: calc(100% - 120px) } .product figcaption > a span { color: #000; display: inline-block; vertical-align: top; font-size: 18px; font-weight: 700; position: relative; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; line-height: 22px } .product figcaption > a > span:before { content: "//"; margin: 0 17px; display: inline-block; vertical-align: top } .woocommerce .product-listing-page .product { margin-bottom: 44px } .recommended-product figure { } .recommended-product figure > a { display: block; position: relative; overflow: hidden; z-index: 1 } .recommended-product figure > a:before { content: ""; display: block; height: 0; top: 0; left: 0; width: 100%; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; background: rgba(0,0,0,0.2); position: absolute } .recommended-product figure > a:after { content: "\f14c"; font-family: "FontAwesome"; font-size: 50px; color: #fff; position: absolute; left: 50%; top: 100%; transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease } .recommended-product figure > a img { z-index: -1; position: relative; width: 100%; background: #fff; transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .recommended-product figcaption { margin: 22px 0 0 0 } /*.recommended-product figcaption > a{} .recommended-product figcaption > a h3,.recommended-product figcaption > a .h3{color:#000;display:inline-block;vertical-align:middle;font-size:16px;font-weight:400;margin:0;text-transform:uppercase;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease} .recommended-product figcaption > a span{color:#000;display:inline-block;vertical-align:middle;font-size:18px;font-weight:700;position:relative;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease} .recommended-product figcaption > a > span:before{content:"//";margin:0 17px;display:inline-block;vertical-align:top}*/ .recommended-product figcaption > a { } .recommended-product figcaption > a h3, .recommended-product figcaption > a .h3 { color: #000; display: inline-block; vertical-align: middle; font-size: 16px; font-weight: 700; margin: 0; text-transform: uppercase; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; font-family: 'Ubuntu', sans-serif; max-width: calc(100% - 120px); line-height: 22px } .recommended-product figcaption > a span { color: #000; display: inline-block; vertical-align: top; font-size: 18px; font-weight: 700; position: relative; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease } .recommended-product figcaption > a > span:before { content: "//"; margin: 0 17px; display: inline-block; vertical-align: top } .recommended-product { margin-bottom: 44px; position: relative; overflow: hidden; } .product-cms-page { padding: 0 } .recommended-products { padding: 70px 0 26px 0; background: #e5e5e5 } .recommended-products h2, .recommended-products .h2 { font-size: 24px; color: #000; margin: 0 0 35px 0; text-transform: uppercase } .selected-category { display: block; cursor: pointer } .selected-category input { width: 200px; height: 50px; padding: 0 15px; margin: 0; pointer-events: none; border: 1px solid #909090; color: #606060; font-size: 14px; font-weight: 400; font-family: 'Ubuntu', sans-serif } .category-selection { position: relative; float: left } .product-categories { position: absolute; top: 100%; left: 0; width: 100%; margin-top: -1px; z-index: 2; display: none } .product-categories ul { list-style-type: none; padding: 0; margin: 0; border: 1px solid #ddd; background: #fff } .product-categories ul li { } .product-categories ul li a { line-height: 50px; width: 100%; padding: 0 15px; display: block; color: #000 } .product-categories ul li+li { border-top: 1px solid #ddd } .product-categories ul li.selected a { background: #ddd; color: #000 } .product-cms { padding-bottom: 70px } .product-cms *:last-child { margin-bottom: 0 } .product-details-page .woocommerce-message { max-width: 1170px; margin: 0 auto 30px auto; position: relative; min-height: 80px; padding-right: 210px } .product-details-page .woocommerce-message .button.wc-forward { background: none !important; padding: 0; line-height: 44px; color: #fff; min-width: 140px; position: absolute; right: 15px; top: 15px } .product-details-page .woocommerce-message .button.wc-forward:before { background: #000 } .product-details-page .woocommerce-message .button.wc-forward:after { border-color: #000 } #horizontalTab .resp-tab-content > *:last-child { margin-bottom: 0 } /*=================================================== Team Page ================================================*/ .team-page { padding: 0 0 40px 0 } .armodal_box { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; padding: 15px; background: rgba(0,0,0,0.7); text-align: left } .armodal { margin: 0 auto; width: 1000px; background: #fff; position: absolute; padding: 30px; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); max-height: 90%; max-width: 90%; overflow-y: auto; } .armodal-close { position: absolute; top: 15px; right: 15px; font-size: 20px } body.sticky { overflow: hidden } .team-page .armodal *:last-child { margin-bottom: 0 } .team-page .armodal_box h4, .staff_page .armodal_box .h4 { color: #000; font-weight: 700; font-size: 18px; margin: 0 0 5px 0; line-height: 30px; font-family: 'Ubuntu', sans-serif } .team-page .armodal img { float: left; margin: 0 30px 15px 0; border: 1px solid #EEE;/*filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:gray;*/ } .team-page .armodal ul { padding: 0 } .team-page .armodal .team-popup-designation { display: block; font-size: 14px; font-weight: 400; margin: 0 0 20px 0; color: #909090; line-height: 20px } .armodal .team-social { font-size: 20px } .armodal .team-social li { padding: 0; float: left } .armodal .team-social li:before { display: none } .armodal .team-social li a { } .armodal .team-social li+li { margin-left: 15px } .team { } .team figure { text-align: center; margin: 0 0 32px 0 } .team figure > a { display: block; position: relative; overflow: hidden } .team figure > a span { pointer-events: none; position: absolute; left: 0; width: 100%; bottom: 0; background: rgba(0,0,0,0.75); color: #fff; line-height: 24px; font-size: 14px; padding: 8px 10px 10px 10px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); -webkit-transform: translateY(100%); } .team figure > a img { pointer-events: none; width: 100% } .team figure h4, .team figure .h4 { font-size: 16px; color: #000; margin: 15px 0 0 0; line-height: 26px } .team figure h4 a, .team figure .h4 a { color: #000 } .team-designation { font-size: 14px; color: #606060; display: block; line-height: 26px } /*=================================================== Search Page ==============================================*/ .search-page { } .search-page h2, .search_page .h2 { } .search_content { padding: 20px 20px 25px 20px;/*background:#f0f0f0;*/ border: 1px solid #ddd } .search_content > h4, .search_content > .h4 { float: left; width: 100% } .search-page .search_content h4 a, .search_page .search_content .h4 a { } .search-page .search_content+.search_content { margin-top: 30px } .search_content .button { min-width: 130px; line-height: 40px; padding: 0 20px; font-size: 14px; height: 40px } .search-page .my_pagination { margin: 30px 0 0 0 } .search_content:after { content: ""; display: block; clear: both } .search_content img { margin-bottom: 0; border: 1px solid #efefef } /*=================================================== Woocommerce Pages ========================================*/ .cart_page { } .cart_page .woocommerce-cart-form table.shop_table { border: none; margin: 0 } .cart_page .woocommerce-cart-form table.shop_table tr { } .cart_page .woocommerce-cart-form table.shop_table th { background: none; border: none; border-top: 2px solid #ddd; font-weight: 700; font-size: 16px; padding: 10px 15px; color: #000 } .cart_page .woocommerce-cart-form table.shop_table td { background: none; border: none; border-top: 2px solid #ddd; padding: 15px 15px } .cart_page .woocommerce-cart-form table.shop_table th.product-subtotal, .cart_page .woocommerce-cart-form table.shop_table td.product-subtotal { text-align: right } .cart_page .woocommerce-cart-form table.shop_table th.product-quantity, .cart_page .woocommerce-cart-form table.shop_table td.product-quantity { text-align: center } .cart_page .woocommerce-cart-form table.shop_table th.product-price, .cart_page .woocommerce-cart-form table.shop_table td.product-price { text-align: right } .cart_page .woocommerce-cart-form table.shop_table td .qty { width: 140px } .cart_page .woocommerce-cart-form table.shop_table td.product-thumbnail { } .cart_page .woocommerce-cart-form table.shop_table td.product-thumbnail img { width: 70px; border: 1px solid #f0f0f0 } .cart_page .woocommerce-cart-form table.shop_table td.product-quantity .input-box { margin: 0 } .cart_page .woocommerce-cart-form table.shop_table td.product-quantity label { display: none } .cart_page .woocommerce-cart-form table.shop_table td.product-remove { } .cart_page .woocommerce-cart-form table.shop_table td.product-remove a.remove { position: relative; display: block; height: 20px; width: 20px; background: #d40000; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg) } .cart_page .woocommerce-cart-form table.shop_table td.product-remove a.remove:before, .cart_page .woocommerce-cart-form table.shop_table td.product-remove a.remove:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); height: 3px; width: 12px; background: #fff } .cart_page .woocommerce-cart-form table.shop_table td.product-remove a.remove:after { height: 12px; width: 3px } .cart_page ul.woocommerce-error { min-height: 50px } .cart_page ul.woocommerce-error li { padding: 14px 0 10px 45px !important } .cart_page ul.woocommerce-error li:before { display: none } .cart_page .woocommerce-cart-form table.shop_table td.actions { text-align: center !important; padding: 30px 0 } .cart_page .woocommerce-cart-form table.shop_table td .button.emptybtn { border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; background: #00a4e0; font-weight: 500; line-height: 50px; padding: 0 15px; color: #fff; margin: 0 13px; display: inline-block; vertical-align: top; width: auto } .cart_page .woocommerce-cart-form table.shop_table td .input-box { display: inline-block; margin: 0 13px; min-width: 170px; width: auto } .cart_page .woocommerce-cart-form table.shop_table td .input-box.disabled { opacity: 0.5; pointer-events: none } .cart_page .woocommerce-cart-form table.shop_table td .input-box .input { opacity: 1; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; height: 50px; background: none; font-weight: 700; color: #fff; font-size: 16px } .cart_page_col_container { } .cart_page .woocommerce-message { text-align: left } .cart_page .coupon .submit-box { min-width: inherit; width: 200px; margin-left: auto } .cart_page .coupon .submit-box .input { opacity: 1; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; height: 50px; background: none; font-weight: 700; color: #fff } .cart_page_col_container { display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; margin: 30px -15px 0 -15px } .cart_page_col { width: 50%; padding: 0 15px } .cart_page .coupon { height: 100%; position: relative; background: #EEE; padding: 20px 30px } .woocommerce .cart_page .cart_page_col .cart_totals { width: 100%; float: none; background: #000; padding: 20px 30px 30px 30px } .woocommerce .cart_page .cart_page_col .wc-proceed-to-checkout .checkout-button { border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; background: none; font-weight: 700; line-height: 50px; padding: 0 15px; color: #000; margin: 0; display: inline-block; vertical-align: top; font-size: 16px; min-width: 250px } .woocommerce .cart_page .cart_totals table.shop_table { border: none; border-bottom: 1px solid rgba(255,255,255,0.4); border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; margin: 20px 0 0 0 } .woocommerce .cart_page .cart_totals table.shop_table tbody tr { } .woocommerce .cart_page .cart_totals table.shop_table tbody tr td { background: none; border: 1px solid rgba(255,255,255,0.4) !important; border-width: 1px 0 0 0 !important; color: #fff; font-size: 16px; padding: 8px 10px; text-align: right } .woocommerce .cart_page .cart_totals table.shop_table tbody tr th { background: none; border: 1px solid rgba(255,255,255,0.4) !important; border-width: 1px 0 0 0 !important; font-weight: 500; color: #fff; font-size: 16px } .woocommerce .cart_page .cart_totals h2, .woocommerce .cart_page .cart_totals .h2 { line-height: 1.2; color: #fff } .woocommerce .cart_page .cart_totals .wc-proceed-to-checkout { text-align: right; padding: 0; margin: 20px 0 0 0 } .woocommerce .cart_page .cart_totals table.shop_table tbody tr.cart-discount th { font-weight: 400 } .woocommerce .cart_page .cart_totals table.shop_table tbody tr.cart-discount td { font-weight: 400 } .woocommerce .cart_page .cart_totals table.shop_table tbody tr.cart-discount th a { color: #000; margin: 0 10px 0 0; font-weight: 400 } .my-account-login-page { } .my-account-login-page #customer_login > div { width: 50%; padding: 0 15px; float: left; max-width: inherit } .my-account-login-page #customer_login { margin: 0 -15px; width: auto } .my-account-login-page #customer_login > div form { border: none; padding: 25px 30px 30px 30px; margin: 0; box-shadow: 0 0 5px #bbb; -moz-box-shadow: 0 0 5px #bbb; -ms-box-shadow: 0 0 5px #bbb; -o-box-shadow: 0 0 5px #bbb; -webkit-box-shadow: 0 0 5px #bbb; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; min-height: 435px } .woocommerce .woocommerce-password-strength { margin-top: 15px; padding: 10px 15px; width: 100% } .woocommerce .woocommerce-password-strength.bad { color: #ce5313 } .woocommerce .woocommerce-password-strength.good { color: #987007 } .woocommerce .woocommerce-password-strength.strong { color: #060 } .woocommerce .woocommerce-password-strength.short { color: #c31f1f } .woocommerce .my-account-login-page form .form-row { padding: 0; margin: 0 } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow:0 0 0px 1000px #fff inset; } .woocommerce .my-account-login-page .submit-box .input { border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; height: 50px; background: none !important; font-weight: 700; color: #fff !important; opacity: 1 !important } .woocommerce .my-account-login-page .lbl-checkbox { position: relative; margin: 25px 0 20px 0; line-height: 24px; padding: 2px 0 0 30px; cursor: pointer } .woocommerce .my-account-login-page .lbl-checkbox input { position: absolute; left: 0; top: 0; height: 24px; width: 24px; margin: 0; opacity: 0 } .woocommerce .my-account-login-page .lbl-checkbox span { } .woocommerce .my-account-login-page .lbl-checkbox span:before { content: ""; display: block; position: absolute; height: 24px; width: 24px; border: 2px solid #ddd; top: 0; left: 0 } .woocommerce .my-account-login-page .lbl-checkbox span:after { content: "\f00c"; font-family: "FontAwesome"; font-size: 16px; color: #000; position: absolute; left: 4px; top: 0; opacity: 0 } .woocommerce .my-account-login-page .lbl-checkbox input:checked~span:before { border-color: #000 } .woocommerce .my-account-login-page .lbl-checkbox input:checked~span:after { opacity: 1 } .woocommerce .my-account-login-page p { margin: 0 } .my-account-login-page h2, .my-account-login-page .h2 { } .my-account-login-page .submit-box.disabled { opacity: 0.5; pointer-events: none } p.cart-empty { text-align: center } p.return-to-shop.text-center { margin: 0 } .woocommerce .return-to-shop a.cart_empty_button { border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; background: none !important; font-weight: 700; line-height: 50px; padding: 0 15px; float: none; margin-left: 20px; color: #fff !important } .my-account-login-page .input-box .required { color: #f00 } .my-account-login-page ul.woocommerce-error { min-height: 50px; padding: 0 } .my-account-login-page ul.woocommerce-error li { padding: 12px 0 10px 45px !important } .my-account-login-page ul.woocommerce-error li:before { display: none } .woocommerce-info { border-top-color: #000 !important } .woocommerce-info:before { color: #000 !important } .woocommerce-info a { display: inline-block } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; -webkit-border-radius: 0 !important } .woocommerce .check_out_page .woocommerce-form-login p.lost_password { margin-bottom: 0 } .woocommerce .check_out_page form .form-row { padding: 0; margin: 0; display: block } .woocommerce .check_out_page .submit-box .input { border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; height: 50px; background: none !important; font-weight: 700; color: #fff !important; opacity: 1 !important; font-size: 16px } .woocommerce .check_out_page .lbl-checkbox { position: relative; margin: 25px 0 20px 0; line-height: 24px; padding: 2px 0 0 30px; cursor: pointer } .woocommerce .check_out_page .lbl-checkbox input { position: absolute; left: 0; top: 0; height: 24px; width: 24px; margin: 0; opacity: 0 } .woocommerce .check_out_page .lbl-checkbox span { } .woocommerce .check_out_page .lbl-checkbox span:before { content: ""; display: block; position: absolute; height: 24px; width: 24px; border: 2px solid #ddd; top: 0; left: 0 } .woocommerce .check_out_page .lbl-checkbox span:after { content: "\f00c"; font-family: "FontAwesome"; font-size: 16px; color: #000; position: absolute; left: 4px; top: 0; opacity: 0 } .woocommerce .check_out_page .lbl-checkbox input:checked~span:before { border-color: #000 } .woocommerce .check_out_page .lbl-checkbox input:checked~span:after { opacity: 1 } .woocommerce .check_out_page p { margin: 0 } .woocommerce .check_out_page .woocommerce-form-login p { margin: 0 0 30px 0 } .check_out_page .input-box .required { color: #f00 } .check_out_page > .row > .woocommerce-info { margin: 0 15px 30px 15px } .check_out_page form .billing-details-form .form-row-first, .check_out_page form .billing-details-form .form-row-last { width: 50% } .check_out_page form .billing-details-form .woocommerce-billing-fields__field-wrapper { margin: 0 -15px } .woocommerce form .billing-details-form .form-row { margin: 0 0 30px 0; padding: 0 15px } .woocommerce form .billing-details-form .form-row input { width: 100%; border-radius: 0; -webkit-border-radius: 0; height: 50px; border: 1px solid #bcbcbc !important; color: #606060; font-size: 14px; font-weight: 300; font-family: 'Ubuntu', sans-serif; padding: 10px 19px; background: none; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background: #fff } .woocommerce form .billing-details-form .form-row label { font-weight: 700; margin: 0 0 5px 0; font-size: 14px; color: #606060; font-family: 'Ubuntu', sans-serif; line-height: 22px; display: block; line-height: 1.3 !important } .woocommerce form .billing-details-form .select2-container--default .select2-selection--single { border: 1px solid #bcbcbc; height: 50px; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; color: #606060; font-size: 14px; font-weight: 300; font-family: 'Ubuntu', sans-serif } .woocommerce form .billing-details-form .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 48px; color: #606060 } .woocommerce form .billing-details-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-width: 0 8px 9px 8px } .woocommerce form .billing-details-form .select2-container--default .select2-selection--single .select2-selection__arrow b { border-width: 9px 8px 0 8px; margin-top: -4px; margin-left: -8px } .woocommerce form .billing-details-form .select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px; top: 2px; right: 2px; width: 40px } .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] { background: #404040 !important; color: #fff !important } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background: #000 !important } .select2-container .select2-dropdown { border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0 } .billing-details-form .create-account { margin: 0 -15px } .billing-details-form .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper { margin: 0 -15px } .woocommerce form .billing-details-form .form-row textarea { width: 100%; border-radius: 0; -webkit-border-radius: 0; height: 50px; border: 1px solid #bcbcbc !important; color: #606060; font-size: 14px; font-weight: 300; font-family: 'Ubuntu', sans-serif; padding: 10px 19px; background: none; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background: #fff; height: 150px; resize: none } .woocommerce .check_out_page .order-details { background: #000; padding: 20px 20px } .woocommerce .check_out_page .order-details h3, .woocommerce .check_out_page .order-details .h3 { color: #fff } .woocommerce .check_out_page .order-details table { background: none; border: none } .woocommerce .check_out_page .order-details table tr { background: none; border: none } .woocommerce .check_out_page .order-details table th { font-weight: 700; background: none; border: none; border-top: 1px solid #fff; color: #fff; font-size: 16px } .woocommerce .check_out_page .order-details table td { background: none; border: none; border-top: 1px solid #fff; color: #fff } .woocommerce .check_out_page .order-details table td p { color: #fff } .woocommerce form .form-row .required { text-decoration: none !important } .woocommerce .check_out_page .order-details table tfoot tr.order-total td, .woocommerce .check_out_page .order-details table tfoot tr.order-total th { border-bottom: 1px solid #fff } .woocommerce .check_out_page .order-details table tr th:nth-child(2), .woocommerce .check_out_page .order-details table tr td:nth-child(2) { text-align: right; font-weight: 400 } .woocommerce .check_out_page .order-details table tr th:nth-child(2).product-total { font-weight: 700 } .woocommerce .check_out_page .order-details .input-box.submit-box { background: none; float: right; width: auto } .woocommerce .check_out_page .order-details .input-box.submit-box:before { background: #fff } .woocommerce .check_out_page .order-details .input-box.submit-box:after { border-color: #fff } .woocommerce .check_out_page .order-details .input-box.submit-box .input { margin: 0 !important; color: #000 !important; font-weight: 700; font-size: 16px } .check_out_page ul.woocommerce-error { min-height: 50px } .check_out_page ul.woocommerce-error li { padding: 14px 0 10px 45px !important } .check_out_page ul.woocommerce-error li:before { display: none } .check_out_page .woocommerce-checkout #payment { background: none } .check_out_page .woocommerce-checkout #payment ul.payment_methods { padding: 0 } .check_out_page .woocommerce-checkout #payment ul.payment_methods li { padding: 0 } .check_out_page .woocommerce-checkout #payment div.payment_box { background: #1a1a1a } .check_out_page .woocommerce-checkout #payment div.payment_box p { color: #fff } .check_out_page .woocommerce-checkout #payment div.payment_box:before { border-bottom-color: #1a1a1a } .check_out_page .woocommerce-checkout #payment ul.payment_methods li .input-radio { position: absolute; left: 0; top: 0; opacity: 0; margin: 0; height: 20px; width: 20px; cursor: pointer } .check_out_page .woocommerce-checkout #payment ul.payment_methods li .input-radio~label:before { content: ""; display: block; height: 20px; width: 20px; border: 2px solid #fff; border-radius: 50%; position: absolute; left: 0; top: 3px; pointer-events: none } .check_out_page .woocommerce-checkout #payment ul.payment_methods li .input-radio~label:after { content: ""; height: 10px; width: 10px; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; position: absolute; left: 5px; top: 8px; background: #fff; opacity: 0; pointer-events: none } .check_out_page .woocommerce-checkout #payment ul.payment_methods li .input-radio:checked~label:after { opacity: 1 } .check_out_page .woocommerce-checkout #payment ul.payment_methods li .input-radio~label { color: #fff; padding-left: 30px; cursor: pointer; margin: 0 } .check_out_page .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method.payment_method_paypal .input-radio { top: 13px } .check_out_page .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method.payment_method_paypal .input-radio~label:before { top: 13px } .check_out_page .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method.payment_method_paypal .input-radio~label:after { top: 18px } .check_out_page .billing-details-form .woocommerce-shipping-fields { margin: 0 -15px } .check_out_page .billing-details-form .woocommerce-shipping-fields { } .woocommerce .check_out_page .woocommerce-shipping-fields h3, .woocommerce .check_out_page .woocommerce-shipping-fields .h3 { padding: 0 15px; margin: 0 } .woocommerce .check_out_page .woocommerce-shipping-fields h3 label { position: relative; margin: 0 0 20px 0; line-height: 24px; padding: 0 0 0 35px; cursor: pointer } .woocommerce .check_out_page .woocommerce-shipping-fields h3 label input { position: absolute; left: 0; top: 0; height: 24px; width: 24px; margin: 0; opacity: 0 } .woocommerce .check_out_page .woocommerce-shipping-fields h3 label span { display: inherit; font-size: 18px; font-weight: 700; vertical-align: top } .woocommerce .check_out_page .woocommerce-shipping-fields h3 label span:before { content: ""; display: block; position: absolute; height: 24px; width: 24px; border: 2px solid #ddd; top: 0; left: 0 } .woocommerce .check_out_page .woocommerce-shipping-fields h3 label span:after { content: "\f00c"; font-family: "FontAwesome"; font-size: 16px; color: #000; position: absolute; left: 4px; top: 0; opacity: 0 } .woocommerce .check_out_page .woocommerce-shipping-fields h3 label input:checked~span:before { border-color: #000 } .woocommerce .check_out_page .woocommerce-shipping-fields h3 label input:checked~span:after { opacity: 1 } .woocommerce .check_out_page .create-account label.woocommerce-form__label-for-checkbox { position: relative; margin: 0; line-height: 24px !important; padding: 0 0 0 35px; cursor: pointer; font-family: 'Ubuntu', sans-serif; color: #303030; display: inline-block; } .woocommerce .check_out_page .create-account label.woocommerce-form__label-for-checkbox input { position: absolute; left: 0; top: 0; height: 24px; width: 24px; margin: 0; opacity: 0 } .woocommerce .check_out_page .create-account label.woocommerce-form__label-for-checkbox span { display: inherit; font-size: 18px; font-weight: 700; vertical-align: top } .woocommerce .check_out_page .create-account label.woocommerce-form__label-for-checkbox span:before { content: ""; display: block; position: absolute; height: 24px; width: 24px; border: 2px solid #ddd; top: 0; left: 0 } .woocommerce .check_out_page .create-account label.woocommerce-form__label-for-checkbox span:after { content: "\f00c"; font-family: "FontAwesome"; font-size: 16px; color: #000; position: absolute; left: 4px; top: 0; opacity: 0 } .woocommerce .check_out_page .create-account label.woocommerce-form__label-for-checkbox input:checked~span:before { border-color: #000 } .woocommerce .check_out_page .create-account label.woocommerce-form__label-for-checkbox input:checked~span:after { opacity: 1 } .woocommerce .check_out_page .woocommerce-account-fields > p.create-account { margin: 0 -15px 30px -15px } .woocommerce form .billing-details-form .form-row.woocommerce-invalid label { color: #606060 } .cart-discount { } .woocommerce .check_out_page .order-details table .cart-discount th { font-weight: 400 } .woocommerce .check_out_page .order-details table .cart-discount td { font-weight: 400 } .woocommerce .check_out_page .order-details table .cart-discount th a { color: #000; margin: 0 10px 0 0; font-weight: 400 } .reset-password-page { } .reset-password-page form { max-width: 500px; margin: 0 auto; padding: 20px 30px 30px 30px; box-shadow: 0 0 5px #bbb; -moz-box-shadow: 0 0 5px #bbb; -ms-box-shadow: 0 0 5px #bbb; -o-box-shadow: 0 0 5px #bbb; -webkit-box-shadow: 0 0 5px #bbb } .woocommerce .reset-password-page .input-box { display: inline-block; min-width: 170px; width: 100% } /*.woocommerce .reset-password-page .input-box.submit-box{margin-top:30px}*/ .woocommerce .reset-password-page .input-box.submit-box .input { opacity: 1; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; height: 50px; background: none; font-weight: 700; color: #fff; font-size: 16px } .woocommerce .reset-password-page .input-box label { font-weight: 700 } .woocommerce .input-box label.error { font-weight: 400; color: #f00; position: absolute; top: 100%; left: 0 } .lost-password-page { } .lost-password-page form { max-width: 500px; margin: 0 auto; padding: 20px 30px 30px 30px; box-shadow: 0 0 5px #bbb; -moz-box-shadow: 0 0 5px #bbb; -ms-box-shadow: 0 0 5px #bbb; -o-box-shadow: 0 0 5px #bbb; -webkit-box-shadow: 0 0 5px #bbb } .woocommerce .lost-password-page .input-box { display: inline-block; margin: 0; min-width: 170px; width: 100% } .woocommerce .lost-password-page .input-box.submit-box { margin-top: 30px } .woocommerce .lost-password-page .input-box.submit-box .input { opacity: 1; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; height: 50px; background: none; font-weight: 700; color: #fff; font-size: 16px } .woocommerce-MyAccount-navigation { } .woocommerce-MyAccount-navigation ul { padding: 0; margin: 0 } .woocommerce-MyAccount-navigation ul li { padding: 0 } .woocommerce-MyAccount-navigation ul li:before { display: none } .woocommerce-MyAccount-navigation ul li a { background: #606060; display: block; padding: 13px 55px 7px 15px; color: #fff; position: relative } .woocommerce-MyAccount-navigation ul li a:before { content: "\f178"; font-family: "FontAwesome"; font-size: 26px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-right: 20px; opacity: 0 } .woocommerce-MyAccount-navigation ul li+li a { border-top: 1px solid rgba(255,255,255,0.2) } .woocommerce-MyAccount-navigation ul li.is-active a:before { opacity: 1; margin-right: 0 } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads { display: none } .woocommerce-account .woocommerce-MyAccount-content { width: 75% !important; padding-left: 30px; float: left !important } .woocommerce-account .woocommerce-MyAccount-navigation { width: 25% !important; float: left !important } .woocommerce-account .woocommerce-MyAccount-content > *:last-child { margin-bottom: 0 } .woocommerce-orders-table__cell-order-actions .button.woocommerce-button { line-height: 36px !important; height: auto !important; padding: 0 10px !important; text-align: center; min-width: 80px; font-size: 12px; border-radius: 0; -webkit-border-radius: 0; background: none; color: #fff; margin: 2px 0 3px 5px; overflow: hidden; font-weight: 700 } .woocommerce-orders-table__cell-order-actions .button.woocommerce-button:before { background: #000 } .woocommerce-orders-table__cell-order-actions .button.woocommerce-button:after { border-color: #000 } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-message--info .button { line-height: 36px !important; height: auto !important; padding: 0 10px !important; text-align: center; min-width: 90px; font-size: 12px; border-radius: 0; -webkit-border-radius: 0; background: none !important; color: #fff; margin: 2px 0 3px 5px; overflow: hidden; font-weight: 700 } /*.woocommerce-orders-table__cell-order-actions .button.pay, .woocommerce-orders-table__cell-order-actions .button.view, .woocommerce-orders-table__cell-order-actions .button.cancel{line-height:36px !important;height:auto !important;padding:0 10px !important;text-align:center;min-width:80px;font-size:12px;border-radius:0;-webkit-border-radius:0;background:#00a4e0;color:#fff;margin:2px 0 3px 5px;overflow:hidden;font-weight:500} .woocommerce-orders-table__cell-order-actions .button.pay:before, .woocommerce-orders-table__cell-order-actions .button.view:before, .woocommerce-orders-table__cell-order-actions .button.cancel:before{background:#b3d334}*/ .woocommerce-orders-table__cell-order-actions { text-align: right } ul.woocommerce-thankyou-order-details { padding: 0 } ul.woocommerce-thankyou-order-details li { padding: 10px 0; background: none } ul.woocommerce-thankyou-order-details li:before { display: none } .woocommerce .woocommerce-MyAccount-content table.my_account_orders { font-size: inherit; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border: none; border-bottom: 2px solid #ddd } .woocommerce .woocommerce-MyAccount-content table.my_account_orders tr { } .woocommerce .woocommerce-MyAccount-content table.my_account_orders td { border: none; background: none; padding: 10px 15px } .woocommerce .woocommerce-MyAccount-content table.my_account_orders tr+tr td { border-top: 1px solid #ddd } .woocommerce .woocommerce-MyAccount-content table.my_account_orders th { font-weight: 700; font-size: 16px; background: none; border: 2px solid #ddd; border-width: 2px 0; padding: 10px 15px; color: #000 } .woocommerce-Addresses { position: relative } .woocommerce-Addresses:before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; background: #ddd; width: 1px; display: block !important } .woocommerce-account .addresses .title .edit { margin-top: 18px } .woocommerce-MyAccount-content form.woocommerce-EditAccountForm { } .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .form-row { margin: 0 0 30px 0; padding: 0 15px; width: 100%; float: left } .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .form-row-first, .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .form-row-last { width: 50% } .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .form-row input { width: 100%; border-radius: 0; -webkit-border-radius: 0; height: 50px; border: 1px solid #bcbcbc !important; color: #606060; font-size: 14px; font-weight: 300; font-family: "Biryani"; padding: 10px 19px; background: none; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background: #fff } .woocommerce-MyAccount-content form.woocommerce-EditAccountForm label { font-weight: 700; margin: 0 0 5px 0; font-size: 14px; color: #606060; font-family: "Biryani"; line-height: 22px; display: block; line-height: 1.3 !important } .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .submit-box { min-width: inherit; width: 200px; margin-left: auto } .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .submit-box .input { opacity: 1; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; height: 50px; background: none; font-weight: 700; color: #fff; font-size: 16px } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses { display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; margin: 0 -15px; width: auto } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .u-column1 { width: 50%; padding: 0 15px } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .u-column2 { width: 50%; padding: 0 15px } .woocommerce-account .woocommerce-MyAccount-content .edit-account legend { font-weight: 700; font-size: 26px; border-bottom: 1px solid #ddd; margin: 0 0 30px 0; line-height: 50px } .my-account-page ul.woocommerce-error { min-height: 50px; padding: 12px 0 10px 45px } .my-account-page ul.woocommerce-error li { padding: 0 !important } .my-account-page ul.woocommerce-error li+li { margin-top: 5px } .my-account-page ul.woocommerce-error li:before { display: none } .thank-you-page { } .thank-you-page .woocommerce-order-details { } .thank-you-page .woocommerce-order-details table.order_details { border: none; border-radius: 0; -webkit-border-radius: 0; border-bottom: 2px solid #ddd } .thank-you-page .woocommerce-order-details table.order_details tr { } .thank-you-page .woocommerce-order-details table.order_details th { font-weight: 700; background: none; border: none; border-top: 1px solid #ddd; padding: 10px 10px; color: #303030 } .thank-you-page .woocommerce-order-details table.order_details td { background: none; border: none; border-top: 1px solid #ddd; padding: 11px 10px 5px 10px } .thank-you-page .woocommerce-order-details table.order_details ul { padding: 0; margin: 0 } .thank-you-page .woocommerce-order-details table.order_details ul li { padding: 0 } .thank-you-page .woocommerce-order-details table.order_details ul li:before { display: none } .thank-you-page .woocommerce-order-details table.order_details tr th:nth-child(2) { text-align: right } .thank-you-page .woocommerce-order-details table.order_details tr td:nth-child(2) { text-align: right } .thank-you-page .woocommerce-order-details table.order_details thead th { border: 2px solid #ddd; border-width: 2px 0 } .thank-you-page .woocommerce-order-details table.order_details tfoot tr:last-child th, .thank-you-page .woocommerce-order-details table.order_details tfoot tr:last-child td { border-width: 2px 0 } .woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address { display: block; width: 50%; float: left; padding: 0 15px; position: relative; border-right: 1px solid #ddd } /*.woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address:before{content:"";display:block;position:absolute;left:15px;top:0;background:#ddd;bottom:0;right:15px;z-index:-1}*/ .woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address { display: block; width: 50%; float: left; padding: 0 15px; position: relative } /*.woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address:before{content:"";display:block;position:absolute;left:15px;top:0;background:#ddd;bottom:0;right:15px;z-index:-1}*/ .woocommerce .thank-you-page .woocommerce-order .woocommerce-customer-details address { line-height: 28px } section.woocommerce-columns.woocommerce-columns--2.woocommerce-columns--addresses.col2-set.addresses { display: flex; margin: 15px -15px 0 -15px; width: auto; flex-wrap: wrap; -ms-flex-wrap: wrap } .woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address h2, .woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address .h2, .woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address h2, .woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address .h2 { font-size: 28px } .woocommerce .thank-you-page .woocommerce-customer-details { margin-bottom: 0 } .woocommerce .woocommerce-address-fields .edit-billing-address { } .woocommerce .woocommerce-address-fields .edit-billing-address tr { } .woocommerce .woocommerce-address-fields .edit-billing-address td { } .woocommerce .woocommerce-address-fields .edit-billing-address th { } .woocommerce .edit-billing-address .woocommerce-address-fields .required { color: #f00 } .woocommerce .edit-billing-address .woocommerce-address-fields .form-row-first, .woocommerce .edit-billing-address .woocommerce-address-fields .form-row-last { width: 50% } .check_out_page form .billing-details-form .woocommerce-billing-fields__field-wrapper { margin: 0 -15px } .woocommerce .edit-billing-address .woocommerce-address-fields .form-row { margin: 0 0 30px 0; padding: 0 15px } .woocommerce .edit-billing-address .woocommerce-address-fields .form-row input { width: 100%; border-radius: 0; -webkit-border-radius: 0; height: 50px; border: 1px solid #bcbcbc !important; color: #606060; font-size: 14px; font-weight: 300; font-family: "Biryani"; padding: 10px 19px; background: none; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background: #fff } .woocommerce .edit-billing-address .woocommerce-address-fields .form-row label { font-weight: 700; margin: 0 0 5px 0; font-size: 14px; color: #606060; font-family: "Biryani"; line-height: 22px; display: block; line-height: 1.3 !important } .woocommerce .edit-billing-address .woocommerce-address-fields .submit-box { min-width: inherit; width: 200px; margin-left: auto; margin-right: 15px; display: block } .woocommerce .edit-billing-address .woocommerce-address-fields .submit-box .input { opacity: 1; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; height: 50px; background: none; font-size: 16px; font-weight: 700; color: #fff } .woocommerce .edit-billing-address form .select2-container--default .select2-selection--single { border: 1px solid #bcbcbc; height: 50px; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; color: #606060; font-size: 14px; font-weight: 300; font-family: "Biryani" } .woocommerce .edit-billing-address form .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 54px; color: #606060 } .woocommerce .edit-billing-address form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-width: 0 8px 9px 8px } .woocommerce .edit-billing-address form .select2-container--default .select2-selection--single .select2-selection__arrow b { border-width: 9px 8px 0 8px; margin-top: -4px; margin-left: -8px } .woocommerce .edit-billing-address form .select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px; top: 2px; right: 2px; width: 40px } .woocommerce .edit-billing-address .woocommerce-address-fields { margin: 0 -15px } .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details address, .woocommerce .woocommerce-order .woocommerce-customer-details address { border: none; padding: 0 } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone:before { content: "\f095" !important; font-family: "FontAwesome" !important; font-size: 18px !important; position: static !important; vertical-align: middle; margin: 0 10px 0 0 !important } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email:before { content: "\f0e0" !important; font-family: "FontAwesome" !important; font-size: 18px !important; position: static !important; vertical-align: middle; margin: 0 10px 0 0 !important } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone { padding: 0 !important } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; -webkit-border-radius: 0 !important } .woocommerce table.shop_table { border-collapse: collapse !important } .woocommerce .woocommerce-MyAccount-content table.order_details { font-size: inherit; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border: none; border-bottom: 2px solid #ddd } .woocommerce .woocommerce-MyAccount-content table.order_details tr { } .woocommerce .woocommerce-MyAccount-content table.order_details td { border: none; background: none; padding: 10px 15px; border: 1px solid #ddd; border-width: 1px 0 } .woocommerce .woocommerce-MyAccount-content table.order_details tr+tr td { border-top: 1px solid #ddd } .woocommerce .woocommerce-MyAccount-content table.order_details th { font-weight: 700; font-size: 16px; background: none; border: 1px solid #ddd; border-width: 1px 0; padding: 10px 15px; color: #000; } .woocommerce .woocommerce-MyAccount-content table.order_details th:nth-child(2), .woocommerce .woocommerce-MyAccount-content table.order_details td:nth-child(2) { text-align: right } .woocommerce .woocommerce-MyAccount-content table.order_details thead th { border-width: 2px 0 } .woocommerce .woocommerce-MyAccount-content table.order_details tfoot tr:last-child th, .woocommerce .woocommerce-MyAccount-content table.order_details tfoot tr:last-child td { border-width: 2px 0 } .woocommerce .blockUI.blockOverlay { z-index: 8 !important } body .eapps-instagram-feed { font-family: 'Ubuntu', sans-serif !important; } #horizontalTab { margin-top: 0 !important } #horizontalTab .resp-tabs-list { margin: 0; padding: 0; position: relative; text-align: center } #horizontalTab .resp-tabs-list li { padding: 0 0 20px 0 !important; font-size: 16px; font-weight: 400; color: #606060; background: none; line-height: 25px; margin-bottom: 0 !important; border: none !important; float: none } #horizontalTab ul.tabs > li:before { display: none } #horizontalTab .resp-tabs-list li+li { margin-left: 60px } #horizontalTab .resp-tabs-list li.resp-tab-active { } #horizontalTab .resp-tabs-list li a { color: #606060 } #horizontalTab .resp-tab-content { padding: 0; border: none !important } #horizontalTab button.button { background: #212121!important; height: 60px; border-radius: 0 !important; -webkit-border-radius: 0 !important } #horizontalTab button.button.disabled { pointer-events: none } #horizontalTab .resp-tabs-list:before { position: absolute; left: 0; bottom: 0; height: 2px; background: #ddd; width: 100%; display: block } #horizontalTab .resp-tabs-container { margin-top: 32px } #horizontalTab .resp-tabs-list li:before { position: absolute; left: 50%; height: 0; width: 2px; background: #9B804F; display: block !important; top: 30px; content: "" } #horizontalTab .resp-tabs-list li:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; background: #9B804F; width: 100%; height: 2px; transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); -webkit-transform: scale(0, 1) } #horizontalTab .resp-tabs-list li.resp-tab-active:before { height: 15px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease } #horizontalTab .resp-tabs-list li.resp-tab-active:after { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transition: all 0.5s ease 0.3s; -moz-transition: all 0.5s ease 0.3s; -ms-transition: all 0.5s ease 0.3s; -o-transition: all 0.5s ease 0.3s; -webkit-transition: all 0.5s ease 0.3s } #horizontalTab .resp-tab-content table.shop_attributes td p { padding: 8px 10px !important } .mobile-accordion .title { color: #000; font-size: 18px; position: relative; display: block; margin-bottom: 10px; text-transform: uppercase; } .quick_links ul { list-style-type: none; padding: 10px 0 0 0; margin: 0 0 0 0; font-weight: normal; font-size: 14px; } .quick_links ul li { line-height: 26px; } .quick_links ul li+li { margin-top: 0 } .quick_links ul li a { color: #606060; position: relative; display: inline-block; font-size: 15px; line-height: 30px; } .quick_links ul li.selected a { padding-left: 0; color: #000 } .quick_links ul li.selected a:before { width: 10px } .mobile-accordion.quick_links.wow.fadeInUp { } .mobile-accordion ul li label { font-weight: normal; color: #606060; width: 55px; } .mobile-accordion ul li { color: #606060; font-weight: normal; font-size: 14px; } .mobile-accordion ul li a { font-weight: normal; font-size: 14px; color: #606060; } .footer-contact a { color: #fff; display: block; } .footer-contact p { margin-bottom: 15px; } .footer-navigation .col-md-2 { max-width: 20%; flex: 0 0 20%; } .footer_social_box { margin-top: 20px; } .footer_social_box span.title { margin-bottom: 0; } .footer_social_box ul { padding-top: 10px; } .footer_social_box ul li { display: inline-block; margin: 0 5px 0 5px; } .footer_social_box ul li a { line-height: normal; font-size: 25px; } .footer_social_box ul li:first-child { margin-left: 0; } .product-info-icons { padding: 30px 0 30px 125px;/*text-align: center;*/ font-size: 0; margin: 0 -5px } .product-info-icons img { } .product-info-content { padding-left: 130px } .product-info-content p { margin: 0 } .product-info-icons .icon { margin: 0 5px; display: inline-block; vertical-align: top; text-align: center; width: 8% } .product-info-icons .icon-title { font-size: 13px; display: block; margin-top: 5px } .hl-banner-video { position: relative; padding-bottom: 43.2%; } .hl-banner-video iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .stockist-page { padding: 0 0 40px 0 } .stockist-page .col-12 { margin-bottom: 30px } .stockist-contact { } .stockist-contact .fa { color: #9b804f; position: absolute; left: 0; top: 0 } .stockist-contact > div { position: relative; padding: 0 0 0 34px } .stockist-contact > div+div { margin: 15px 0 0 0 } .stockist-box { padding: 20px 20px; } .stockist-box h5, .stockist-box .h5 { line-height: 26px } .stockist-address .fa { font-size: 34px } .stockist-web .fa { font-size: 24px; top: -2px } .stockist-mail .fa { font-size: 20px } .stockist-call .fa { font-size: 22px } .stockist-box:before { content: ""; display: block; position: absolute; left: 15px; top: 0; background: #eee; right: 15px; bottom: 0; z-index: -1 } .stockist-contact a { word-break: break-all;/*text-overflow:ellipsis;display: inline-block;width:100%;overflow:hidden;*/ } .subcategory_page_des ul { padding: 0; list-style: none; } .subcategory_page_des ul li { padding: 0 0 0 20px; margin: 0; position: relative; list-style: none; } body .subcategory_page_des ul li:before { content: ""; background: #000; width: 4px; height: 4px; display: inline-block !important; vertical-align: middle; margin-right: 6px; border-radius: 50%; margin-top: -2px; } ul.wcsatt-options-product, ul.wcsatt-options.overrides_exist { padding: 0; margin-left: 0; margin-right: 0; } ul.wcsatt-options-product li, ul.wcsatt-options.overrides_exist li { padding: 0; background: none; } .subcategory_page_des { padding: 0 0 40px 0; } .product figure span.title, .hl-products-slider figure span.title, .realted-product-slider figure span.title, .product_details_img span.title, .recommended-product span.title { width: 235px; left: 0px; top: 20px; position: absolute; text-align: center; background: #9b804f; padding: 10px 55px; color: #fff; transform: rotate(-45deg) translate(-100px, 30px); -moz-transform: rotate(-45deg) translate(-100px, 30px); -ms-transform: rotate(-45deg) translate(-100px, 30px); -o-transform: rotate(-45deg) translate(-100px, 30px); -webkit-transform: rotate(-45deg) translate(-100px, 30px); z-index: 8; pointer-events: none; line-height: 20px; transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; -webkit-transform-origin: left top; box-shadow: 0 0 9px rgba(0,0,0,0.5); } .product figure, .hl-products-slider figure, .realted-product-slider figure { overflow: hidden; position: relative; } .wholesale-page .woocommerce-form { margin-bottom: 30px } .wholesale-page span.error, .wholesale-page label.error { position: absolute; left: 0; top: 100%; color: #f00 } .multi-choice-input { position: relative } .multi-choice-input span.error, .multi-choice-input label.error { margin-top: -10px } .wholesale-page .billing-details-form .create-account { margin: 0 } .wholesale-page .billing-details-form .input-box.submit-box { max-width: 270px } .wholesale-page h5, .wholesale-page .h5 { margin: 20px 0 20px 0 } .wholesale-page .extra-booking-detail-login { max-width: 400px } .page-template .ui-datepicker table { margin: 0 } .page-template .ui-datepicker .ui-datepicker-title { margin: 0 32px; position: relative } .page-template .ui-datepicker .ui-datepicker-title:after { content: "\f107"; font-family: "FontAwesome"; font-size: 18px; color: #000; position: absolute; left: 50%; top: 0; margin-left: -15%; width: 20px; text-align: center;/*background:#fff;*/ line-height: 30px; pointer-events: none; margin-left: 50px } .page-template .ui-datepicker .ui-datepicker-title select { background: #fff; border: none; height: 28px; width: 75px; margin: 0 5px; appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; padding: 0 10px; border: 1px solid #aaa } .page-template #ui-datepicker-div { background: #fff !important; border: 1px solid #aaa; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; padding: 1px } #ui-datepicker-div .ui-widget-header { background: #ccc; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-color: #aaa; margin: 0 1px; padding: 3px 0 } #ui-datepicker-div .ui-corner-all { border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -webkit-border-radius: 0 } .page-template .ui-datepicker th { font-weight: 500 } .page-template .ui-state-default, .page-template .ui-widget-content .ui-state-default { border: 1px solid #ccc; color: #000; background: none; line-height: 23px; text-align: center; font-weight: 400 } .page-template a.ui-state-highlight, .page-template .ui-widget-content a.ui-state-highlight {/*border:1px solid #001845;*/ color: #fff; background: #000; border-color: #000 } .page-template .ui-state-hover, .page-template .ui-widget-content .ui-state-hover, .page-template .ui-datepicker-current-day .ui-state-active {/*border:1px solid #001845;*/ color: #fff !important; background: #000; border-color: #000 } .page-template .ui-datepicker-prev:before { content: "\f104"; font-family: "FontAwesome"; font-size: 20px } .page-template .ui-datepicker-prev { text-align: center; line-height: 28px !important; height: 28px !important; width: 28px; background: none; color: #606060 !important; border: none !important; top: 3px !important; left: 3px !important; cursor: pointer } .page-template .ui-datepicker-prev span { display: none !important } .page-template .ui-datepicker-next:before { content: "\f105"; font-family: "FontAwesome"; font-size: 20px } .page-template .ui-datepicker-next { text-align: center; line-height: 28px; height: 28px !important; width: 28px !important; background: none; color: #606060 !important; border: none !important; top: 3px !important; right: 3px !important; cursor: pointer } .page-template .ui-datepicker-next span { display: none !important } .page-template .ui-state-disabled, .page-template .ui-widget-content .ui-datepicker-prev.ui-state-disabled, .page-template .ui-widget-header .ui-datepicker-prev.ui-state-disabled, .page-template .ui-widget-content .ui-datepicker-next.ui-state-disabled, .page-template .ui-widget-header .ui-datepicker-next.ui-state-disabled { opacity: 0.5; pointer-events: none } .page-template .ui-datepicker-prev-hover.ui-state-hover { background: #999; color: #fff !important } .page-template .ui-datepicker-next-hover.ui-state-hover { background: #999; color: #fff !important } .page-template td.ui-state-highlight, .page-template td.ui-widget-content .ui-state-highlight { border-color: transparent; border: none } .page-template .ui-datepicker .ui-datepicker-calendar .ui-state-highlight a { background: #000; border-color: #000; color: #fff } .page-template span.ui-datepicker-month { display: inline-block; width: 75px } .thank-you-page .order-again .button { background: none !important; line-height: 50px; padding: 0 15px; color: #fff !important; } .thank-you-page .order-again .button:before { background: #000 } .thank-you-page .order-again .button:after { border-color: #000 } .hl-banner-video video { display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0 } .right-top-head{display:none} .right-top-head .head-call { float: left; margin: 16px 0 0 0; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .right-top-head .head-call li i { color: #fff; vertical-align: middle } .right-top-head .head-call li.head_phone i { font-size: 20px; } .right-top-head .head-call li.head_mobile i { padding: 0 10px 0 0px; } .right-top-head .head-call li.head_email i { font-size: 20px; } .right-top-head .head-call li.head_phone i.fa-phone { } .right-top-head .head-call li { display: inline-block; margin: 0 0 0 44px } .right-top-head .head-call li.head_phone { position: relative; } .right-top-head .head-call li.head_email { position: relative; } .right-top-head .head-call li.head_email span { padding: 0 0 0 9px; } .right-top-head .head-call span { color: #fff; font-size: 18px; padding: 0 0 0 0; position: relative; top: 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; display: inline-block; vertical-align: middle; font-family: 'Barlow-Medium'; line-height: 30px; } .google_review_img img{margin:0 0 20px} .blog-section { margin-top: 20px; } .blog-blocks { border: 1px solid #ddd; margin-bottom: 20px; padding: 15px; float: left; width: 100%; } .blog-details { border: 0; padding: 0; float: left; } .blog-blocks .read-more { color: #fff; font-size: 14px; height: 40px; border: 2px solid #f78d3b; line-height: 35px; text-transform: uppercase; display: inline-block; float: right; padding: 0 25px; margin-right: 8px; background: #f78d3b; } .blog-blocks span { color: #333333; font-family: 'Raleway-Bold'; } .blog-blocks ul { float: left; margin-bottom: 10px; width: 100% } .blog-blocks img { border: 1px solid #dedede; float: left; margin-right: 30px; width: auto; margin-bottom: 20px; } .blog-blocks .left-blog-block img { margin-bottom: 0; } .blog-blocks img.detail-img { border: 1px solid #dedede; float: left; margin-right: 20px; width: auto; } .blog-details img { float: none; margin: 15px auto; width: auto; display: table } .blog-blocks .read-more:hover { border: 2px solid #f78d3b; background: none; color: #2a2a2a } .left-blog-block { float: left; width: 23%; } .blog-text p { color: #333333; } /*.blog-blocks .submit-btn { background: none; color: #fff; font-size: 14px; font-weight: 600; margin: 0 auto; text-align: center; text-transform: capitalize; transition: all 0.5s ease 0s; width: 100%; background: #01957b; padding: 0 15px; line-height: 35px; height: 40px; border-radius: 10px; font-family: 'Raleway-SemiBold'; border: 1px solid #01957b }*/ .blog-blocks .submit_btn_box .blog-org-btn { background: #ffa51d none repeat scroll 0 0 !important; display: inline; float: right; min-height: 50px; padding: 0; text-align: center; width: 150px; } .blog-org-btn { backface-visibility: hidden; color: #01957b; display: inline-block; font-size: 18px; font-weight: 700; padding: 0; position: relative; text-shadow: none; transform: translateZ(0px); transition-duration: 0.3s; transition-property: color; vertical-align: middle; float: right; } .blog-blocks .submit-btn:hover, .blog-blocks .submit-btn:focus, .blog-blocks .submit-btn:active { background: none !important; color: #202020; border: 1px solid #01957b } .right-blog-block { float: right; width: 77%; } .blog-blocks-details .right-blog-block { float: none; width: 65%; } .details { width: 100%; float: none; } .blog-blocks h2 { margin: 0 0 10px 0; font-size: 24px; color: #000; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; line-height: 20px; margin-bottom: 15px; } .blog-blocks a:hover h2 { color: #9B804F} .blog-blocks p { padding-bottom: 0; padding-bottom: 15px; } .blog-blocks .blog-org-btn .button {background:#000 !important;} .woocommerce a.add-request-quote-button.button { display: inline-block; position: relative; text-align: center; line-height: 50px; min-width: 170px; position: relative; z-index: 1; font-family: 'Ubuntu', sans-serif; font-weight: 700; font-size: 14px; color: #fff !important; vertical-align: top; padding: 0 15px; overflow: hidden; text-transform: uppercase } .woocommerce a.add-request-quote-button.button:before, .button:after { content: ""; display: block; height: 100%; width: 100%; position: absolute; top: 0; right: 0; transition: all 0.5s cubic-bezier(0.25, 0, 0.3, 1); -moz-transition: all 0.5s cubic-bezier(0.25, 0, 0.3, 1); -ms-transition: all 0.5s cubic-bezier(0.25, 0, 0.3, 1); -o-transition: all 0.5s cubic-bezier(0.25, 0, 0.3, 1); -webkit-transition: all 0.5s cubic-bezier(0.25, 0, 0.3, 1); z-indx: -1 } .woocommerce a.add-request-quote-button.button:after { transform: scale3d(0.88, 0.6, 1); -moz-transform: scale3d(0.88, 0.6, 1); -ms-transform: scale3d(0.88, 0.6, 1); -o-transform: scale3d(0.88, 0.6, 1); -webkit-transform: scale3d(0.88, 0.6, 1); border: 2px solid } .woocommerce a.add-request-quote-button.button.primary:before { background: #000 } .woocommerce a.add-request-quote-button.button.primary:after { border-color: #000 } .woocommerce a.add-request-quote-button.button.secondary:before { background: #606060 } .woocommerce a.add-request-quote-button.button.secondary:after { border-color: #606060 } .woocommerce a.add-request-quote-button.button.default { color: #303030 } .woocommerce a.add-request-quote-button.button.default:before { background: #fff } .woocommerce a.add-request-quote-button.button.default:after { border-color: #fff } #yith-ywrq-table-list .product-thumbnail img{width:150px; height:150px;margin:0 auto; display:table;} /*=================================================== Media Queries ============================================*/ @media screen and (max-width:1919px) { } @media screen and (max-width:1599px) { .hl-products-slider figcaption > a > span:before { margin: 0 10px } .hl-products-slider figcaption > a > span { font-size: 17px } .hl-products-slider figcaption > a h3, .hl-products-slider figcaption > a .h3 { font-size: 15px } } @media screen and (max-width:1439px) { .hl-products-slider figcaption > a > span { font-size: 15px } .hl-products-slider figcaption > a h3, .hl-products-slider figcaption > a .h3 { font-size: 14px } } @media screen and (max-width:1348px) { .realted-product-slider { margin: 0 15px; width: auto } } @media screen and (max-width:1199px) { .mobile-accordion .title { font-size: 16px; } .product-info-icons .icon { width: 12% } } @media screen and (min-width:1025px) { a:hover { color: #9b804f; text-decoration: none } .scroll_top:hover { color: #fff; background: #909090 } #horizontalTab .resp-tabs-list li:hover:after { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transition: all 0.5s ease 0.3s; -moz-transition: all 0.5s ease 0.3s; -ms-transition: all 0.5s ease 0.3s; -o-transition: all 0.5s ease 0.3s; -webkit-transition: all 0.5s ease 0.3s; } #horizontalTab .resp-tabs-list li.resp-tab-active:after { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transition: all 0.5s ease 0.3s; -moz-transition: all 0.5s ease 0.3s; -ms-transition: all 0.5s ease 0.3s; -o-transition: all 0.5s ease 0.3s; -webkit-transition: all 0.5s ease 0.3s; } #horizontalTab .resp-tabs-list li:hover:before { height: 15px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .button:hover { color: #fff } .button:hover:before { transform: scale3d(0.88, 0.6, 1); -moz-transform: scale3d(0.88, 0.6, 1); -ms-transform: scale3d(0.88, 0.6, 1); -o-transform: scale3d(0.88, 0.6, 1); -webkit-transform: scale3d(0.88, 0.6, 1) } .button:hover:after { transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1) } .button.default:hover { color: #000 } .input-box .input:focus { border-color: #000 } .submit-box:hover .input, .submit-box.focus .input { color: #fff } .input-box.submit-box.focus:before, .input-box.submit-box:hover:before { } .input-box.submit-box.focus:after, .input-box.submit-box:hover:after { border-width: 10px } .logo img { max-height: 150px } .logo, .logo img, .cart-btn, .profile-btn-box, .cart-btn .index, .search-btn-box, .header-contact ul { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .site-main > header.sticky { box-shadow: 0 0 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5); -ms-box-shadow: 0 0 3px rgba(0,0,0,0.5); -o-box-shadow: 0 0 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5) } .sticky-social ul li a:hover { color: #fff } .sticky-social ul li a:hover:after { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1) } .site-main > header.sticky .cart-btn { height: 50px; padding-top: 0 } .site-main > header.sticky .logo img { max-height: 100px } .site-main > header.sticky .profile-btn-box { padding: 37px 16px 0 0 } .site-main > header.sticky .search-btn-box { padding: 37px 16px 0 0 } .site-main > header.sticky .cart-btn .index { margin: -20px -27px 0 0 } .site-main > header.sticky ul.header-social { padding: 10px 0 } .header-profile-list ul li a:hover { background: #fff; color: #000 } .header-social li a:hover { color: #9B804F } .hl-products-slider figure > a:hover:after { top: 50%; transform: translate(-50%, -50%) } .hl-products-slider figure > a:hover:before { height: 100% } .hl-products-slider figcaption > a:hover h3, .hl-products-slider figcaption > a:hover .h3 { color: #707070 } .hl-products-slider figcaption > a:hover span { color: #707070 } .hl-products-slider figure > a:hover img { transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } .hl-news figcaption h3 a:hover, .hl-news figcaption .h3 a:hover { color: #707070 } .hl-news figure > a:hover span { top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); color: #fff } .hl-news figure > a:hover:before { height: 100% } .newsletter-submit-box .input:focus { color: #707070; border-color: #707070 } .newsletter-input-box .input:focus { border-color: #000 } .newsletter-submit-box .input:hover { color: #707070; border-color: #707070 } .footer-navigation ul li a:hover { color: #000 } .hl-products-slider .owl-nav > div:hover span:before { color: #707070 } .hl-banner-slider figcaption a:hover:before { bottom: 0 } .hl-banner-slider figcaption a:hover:after { bottom: 100%; margin-bottom: -2px } .hl-welcome-btn:hover { color: #fff } .hl-welcome-btn:hover:before { bottom: 0 } .hl-welcome-btn:hover:after { bottom: 100%; margin-bottom: -2px } .signature a:hover { color: #10b269 } .my_pagination li a:hover { background: #000; color: #fff; border-color: #000 } .breadcrumb > li a:hover { color: #000 } .sidebar ul li a:hover { color: #000 } .sidebar ul li a:hover:before { opacity: 1 } .contact-page .contact_us_icon a:hover { color: #000 } /*.breadcrumb > li a:hover:after{width:100%}*/ .contact_info a:hover { color: #10b269 } .blog_content a.read_more:hover:after { opacity: 1; margin-left: 5px } .blog_listing.tags a:hover { background: #000; color: #fff } .blog_content h5 a:hover { color: #000 } .blog_listing ul li a:hover { color: #000 } .news_box figure > a:hover:before { height: 100% } .news_box h4 a:hover, .news_box .h4 a:hover { color: #909090 } .news_box figure > a:hover .fa { transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); top: 50% } .gallery_listing-page figure > a:hover:before { height: 100% } .gallery_listing-page figure > a:hover:after { transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); -webkit-transform: translate(-50%, 50%); bottom: 50% } .gallery_details-page figure > a:hover:before { height: 100% } .gallery_details-page figure > a:hover:after { transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); -webkit-transform: translate(-50%, 50%); bottom: 50% } .bx-wrapper .bx-controls-direction a:hover { color: #707070 } .realted-product-slider figure > a:hover:after { top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) } .realted-product-slider figure > a:hover:before { height: 100% } .realted-product-slider figcaption > a:hover h3, .hl-products-slider figcaption > a:hover .h3 { color: #707070 } .realted-product-slider figcaption > a:hover span { color: #707070 } .realted-product-slider figure > a:hover img { transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } .realted-product-slider .owl-nav > div:hover span:before { color: #707070 } .my_pagination .pagination li:first-child a:hover, .my_pagination .pagination li:last-child a:hover { color: #909090 } .product figure > a:hover:after { top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) } .product figure > a:hover:before { height: 100% } .product figcaption > a:hover h3, .product figcaption > a:hover .h3 { color: #707070 } .product figcaption > a:hover span { color: #707070 } .product figure > a:hover img { transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } .recommended-product figure > a:hover:after { top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) } .recommended-product figure > a:hover:before { height: 100% } .recommended-product figure > a:hover img { transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); } .recommended-product figcaption > a:hover h3, .product figcaption > a:hover .h3 { color: #707070 } .recommended-product figcaption > a:hover span { color: #707070 } .product-categories ul li a:hover { background: #ddd; color: #000 } .team figure > a:hover span { transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none } .team figure h4 a:hover, .team figure .h4 a:hover { color: #909090 } .mini_cart .mini_cart_item .remove:hover { background: none; color: #f00 !important } .cart_page .woocommerce-cart-form table.shop_table td.product-remove a.remove:hover { background: #000 } .woocommerce-MyAccount-navigation ul li a:hover:before { opacity: 1; margin-right: 0; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease } .woocommerce-orders-table__cell-order-actions .button.woocommerce-button:hover { background: none; color: #fff } .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-link:hover .eapps-instagram-feed-posts-item-overlay { visibility: visible !important } .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-overlay .eapps-instagram-feed-posts-item-counters { display: block !important } .stockist-contact a:hover { color: #9b804f } } @media screen and (max-width:1199px) { .logo img { max-height: 110px } .cart-btn { height: 55px; padding-top: 8px } .profile-btn-box { padding: 43px 16px 0 0 } .search-btn-box { padding: 43px 16px 0 0 } .container-main { margin-top: 150px} .hl-banner-slider figure { padding-left: 220px } .hl-banner-slider figcaption h2, .hl-banner-slider figcaption .h2 { font-size: 24px; line-height: 34px } .hl-banner-slider figcaption h2 span, .hl-banner-slider figcaption .h2 span { font-size: 16px; line-height: 30px } .hl-banner-slider figcaption { max-width: 220px } .hl-banner-slider figcaption a { font-size: 16px } .hl-welcome-container { padding: 64px 30px 70px 30px } .hl-instagram-container { padding: 0 15px 0 220px; max-width: 100%; width: auto } .hl-instagram h2:before, .hl-instagram .h2:before { width: 70px } ul.header-social { padding: 12px 0 13px 0 } .product-details-page .col-xl-offset-1 { margin: 0 } .product-image-details { margin: 0 } .product_details_content { margin: 0 } #page_title:before { left: 220px } .page_title { padding: 0 220px } .thumbnail_slider .item a img { width: 90px } .product_details_img_box { padding-left: 120px } .single-product .product-quntity-container button.button.alt { min-width: 170px } .realted-product-slider figcaption > a > span:before { margin: 0 10px } .realted-product-slider figcaption > a span { font-size: 16px } .realted-product-slider figcaption > a h3, .realted-product-slider figcaption > a .h3 { font-size: 14px } .inner-banner { padding-left: 220px } .product figcaption > a h3, .product figcaption > a .h3 { font-size: 14px; max-width: calc(100% - 90px) } .product figcaption > a span { font-size: 14px } .product figcaption > a > span:before { margin: 0 10px } .recommended-product figcaption > a h3, .recommended-product figcaption > a .h3 { font-size: 14px } .recommended-product figcaption > a span { font-size: 14px } .recommended-product figcaption > a > span:before { margin: 0 10px } .product-details-page .woocommerce-message { margin: 0 15px 30px 15px } .product-info-icons { padding: 30px 0 30px 115px } .product-info-content { padding: 0 0 0 120px } /*.my-account-login-page #customer_login > div form{min-height:550px}*/ } @media screen and (max-width:1024px) { .site-main > header.sticky { box-shadow: 0 0 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5); -ms-box-shadow: 0 0 3px rgba(0,0,0,0.5); -o-box-shadow: 0 0 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5) } .search-box { padding: 0 20px; top: 364px; transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); -webkit-transform: translate(0); left: 0 } .footer_social_box ul li { margin: 0 5px 5px 5px; } .footer_social_box ul li a { font-size: 20px; } .hl-welcome-content .mCSB_inside>.mCSB_container { margin-right: 20px } .hl-welcome-content .mCSB_scrollTools { width: 16px } .hl-welcome-content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 16px; opacity: 0.2 } .hl-welcome-content .mCSB_scrollTools .mCSB_draggerRail { width: 16px; opacity: 0.1 } .hl-newsletter { background-attachment: initial !important; background-position: center center !important; background-size: cover !important } .product-image-details { } .realted-product-slider figcaption > a span { font-size: 14px } .hl-banner-slider figcaption h2, .hl-banner-slider figcaption .h2 { max-width: 160px; } } @media screen and (max-width:1023px) { .search-box { top: 492px } } @media screen and (max-width:991px) { .site-main > header { margin-top: 68px; } .logo img { max-height: 85px } .profile-btn-box { padding: 33px 16px 0 0 } .hl-banner-slider figcaption{margin-top: 4px;} .search-btn-box { padding: 33px 16px 0 0 } .cart-btn { height: 52px; padding-top: 0 } .cart-btn .text { margin-top: 10px } .container-main { margin-top: 152px } .hl-banner-slider figure { padding-left: 170px } .hl-banner-slider figcaption h2, .hl-banner-slider figcaption .h2 { font-size: 18px; line-height: 28px; margin: 0 0 20px 0 } .hl-banner-slider figcaption h2 span, .hl-banner-slider figcaption .h2 span { font-size: 14px; line-height: 28px } .hl-banner-slider figcaption { max-width: 160px; left: 125px } .hl-banner-slider figcaption a { font-size: 16px } .hl-welcome-img { width: 100% } .hl-welcome-content-container { width: 100% } .hl-welcome-img img { width: 100% } .hl-welcome-container { max-width: 100%; padding: 64px 15px 70px 15px } .hl-welcome-content { max-height: 294px } .hl-news figure > a span { font-size: 40px } .hl-news figcaption h3, .hl-news figcaption .h3 { font-size: 15px; line-height: 24px } /*.footer-navigation ul li:nth-child(11):before{display:inline-block}*/ .footer-navigation ul li+li:before { margin: 0 9px 0 7px } ul.header-social { padding: 3px 0 0 0 } ul.header-social li { font-size: 18px } .cart-btn-box:before { margin-top: 9px } .product-image-details { max-width: 600px; margin: 0 auto } .product_details_content { margin: 30px 0 0 0 } #page_title:before { left: 170px } .page_title { padding: 0 15px 0 185px; text-align: left } .page_title h1, .page_title .h1 { font-size: 36px } #page_title { padding: 70px 0 } .inner-banner { padding-left: 170px } .inner-page-title .input-box.select-box { min-width: 170px } .inner-page-title h1, .inner-page-title .h1 { padding: 0 180px; margin: 4px 0 0 0; font-size: 34px } .selected-category input { width: 170px } /*.my-account-login-page #customer_login > div form{padding:25px 15px 30px 15px;min-height:570px}*/ .woocommerce-Addresses:before { display: none !important } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .u-column1 { width: 100%; padding: 0 0 15px 0 } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .u-column2 { width: 100%; padding: 20px 0 0 0; border-top: 1px solid #ddd } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .u-column2 address { margin-bottom: 0 !important } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses { margin: 0 } .woocommerce-account .woocommerce-MyAccount-navigation { width: 30% !important } .woocommerce-account .woocommerce-MyAccount-content { width: 70% !important } .woocommerce-account .addresses .title .edit { margin-top: 3px } .cart_page .woocommerce-cart-form table.shop_table tr { background: rgba(0,0,0,0.05) !important } .cart_page .woocommerce-cart-form table.shop_table td { background: none !important; border-top: 1px solid #ddd } .cart_page .woocommerce-cart-form table.shop_table tr+tr { margin-top: 30px } .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td { display: block; text-align: right!important } .woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, .woocommerce-page table.shop_table_responsive tbody tr td:first-child { border-top: 0 } .woocommerce table.shop_table_responsive thead, .woocommerce-page table.shop_table_responsive thead { display: none } .woocommerce table.shop_table_responsive tr td:before, .woocommerce-page table.shop_table_responsive tr td:before { content: attr(data-title) ": "; font-weight: 700; float: left } .woocommerce .woocommerce-MyAccount-content table.my_account_orders tr { background: rgba(0,0,0,0.05) !important } .woocommerce .woocommerce-MyAccount-content table.my_account_orders tr+tr { margin-top: 30px } .woocommerce .woocommerce-MyAccount-content table.my_account_orders tr td+td { border-top: 1px solid #ddd } .woocommerce .woocommerce-MyAccount-content table.my_account_orders { border-bottom: 0 } .woocommerce-account .woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address { width: 100%; border: none } .woocommerce-account .woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address { width: 100%; margin-top: 25px; border-top: 1px solid #ddd; padding-top: 20px } .hl-banner-slider figcaption { max-width: 150px; left: 10px; } } @media screen and (min-width:768px) { /*.site-main.loaded{min-height:100vh;position:relative;padding-bottom:0 !important}*/ /*.site-main.loaded > footer{position:absolute;bottom:0;right:0;left:0}*/ } @media screen and (max-width:767px) { #wpcf7-f2426-p2359-o1 .input-box.submit-box { position: relative; z-index: 1; margin: 5px 0px 17px 0px; width: 100%; display: inline-block; vertical-align: top; overflow: hidden; margin: 0; min-width: 210px; top:0x; } .product figure span.title, .hl-products-slider figure span.title, .realted-product-slider figure span.title { padding-bottom: 5px; padding-top: 5px; } .footer-navigation .col-md-2 { max-width: 100%; flex: 0 0 100%; } .mobile-accordion { margin-bottom: 20px } .mobile-accordion .title { margin: 0; padding: 15px 45px 15px 15px; background: #000; color: #fff; text-align: center; position: relative; margin: 0 !important; text-align: left; } .mobile-accordion .title span { position: absolute; right: 10px; font-weight: normal; font-size: 18px; width: 100%; height: 100%; left: 0; top: 0; } .mobile-accordion .title span:after { content: "\f067"; font-family: "FontAwesome"; position: absolute; right: 15px; top: 16px } .mobile-accordion.in .title span:after { content: "\f068" } .mobile-accordion > ul, .mobile-accordion-toggle { border: 1px solid #000; padding: 15px; display: none; margin: 0; border-radius: 0; } .mobile-accordion .title:before { display: none } .mobile-accordion .title { line-height: 18px; display: block; } .mobile-toggle { margin-top: 0 } #horizontalTab .resp-tab-content { padding: 10px 10px; border: 1px solid #e4e4e4 !important; border-top: 0 !important; } #horizontalTab h2.resp-accordion > span { position: absolute; right: 13px; top: 10px; font-size: 20px; } #horizontalTab h2.resp-accordion { color: #606060; font-weight: 400; font-size: 18px; border: 1px solid #e4e4e4 !important; position: relative; margin-top: 15px; padding: 12px !important; } font-family: 'Ubuntu', sans-serif; .breadcrumb { display: none } .banner figcaption { display: none } .scroll_top .top-text { display: none } .scroll_top { line-height: 42px; height: 40px; width: 40px; bottom: 55px; right: 15px } .scroll_top .fa-angle-up { margin-top: 6px; font-size: 24px } .sidebar .title .icon { display: block } .banner_content { display: none } .bread_crumb { display: none } /*.button{line-height:60px;font-size:16px;min-width:200px} .button:before{top:8px;left:8px;bottom:8px;right:8px}*/ h1, .h1 { font-size: 30px } h2, .h2 { font-size: 24px } h3, .h3 { font-size: 20px } h4, .h4 { font-size: 18px } h5, .h5 { font-size: 16px } h6, .h6 { font-size: 14px } img.alignleft { float: none; margin: 0 auto 20px auto; display: block } img.alignright { float: none; margin: 0 auto 20px auto; display: block } .sidebar { margin-top: 30px } .contact-page .contact_us_icon span.fa, .contact-page .contact_us_icon.abn span { height: 50px; width: 50px; margin: 0 10px 0 0; font-size: 22px } .contact-page .contact_us_icon.abn span { font-size: 14px } .contact-page .map { margin-top: 30px } .contact-page .map iframe { height: 290px } #page_title { padding: 45px 0 } .inner-page-content { padding: 0 } .inner-page { padding: 0 0 40px 0 } .sidebar .title { font-size: 20px; padding: 5px 20px } .team-page { padding: 0 0 10px 0 } .page_title h1, .page_title .h1 { font-size: 30px } /*#page_title{padding:55px 0}*/ .testimonial-list .testimonial-content p { line-height: 26px; font-size: 15px } .testimonials-client { font-size: 13px } .blog_listing span { display: block; width: 100%; position: absolute; top: 0px; left: 0px; height: 40px } .blog_listing span:after { content: "\f067"; font: normal normal normal 18px/1 FontAwesome; color: #fff; position: absolute; right: 15px; top: 12px } .blog_listing.in span:after { content: "\f068" } .blog_listing { position: relative; margin-top: 30px } .blog_listing ul { display: none } .tags-box { display: none } .blog_listing h5 { font-size: 16px; line-height: 20px } .news-page { padding: 10px 0 40px 0 } .news_box { margin: 0 0 30px 0 } .news_box h4, .news_box .h4 { font-size: 15px; line-height: 24px } .my_pagination .pagination { margin: 0 } .my_pagination .pagination li { margin-top: 5px } .my_pagination .pagination li a, .my_pagination .pagination li .page-numbers.dots, .my_pagination .pagination li span.page-numbers { height: 38px; width: 38px; line-height: 38px } .my_pagination .pagination li:first-child a, .my_pagination .pagination li:last-child a { margin: 9px 0 } .gallery_listing-page { padding: 10px 0 40px 0 } .gallery_details-page { padding: 10px 0 40px 0 } .search-box { top: 160px; padding: 0 15px } .search-box-main span { top: 20px; right: 20px } .search-input { height: 40px; font-size: 18px; padding: 0 45px 0 15px; line-height: 46px } .search-text { height: 40px } .hl-banner-slider figcaption {/*display:none;*/ } .hl-banner-slider figure { padding: 0 } .cart-btn { width: 70px; padding: 0 5px 0 0 } .hl-products-slider figcaption > a > span:before { display: none } .hl-products-slider figcaption > a > span { display: block } .hl-products-slider figcaption > a h3, .hl-products-slider figcaption > a .h3 { } .hl-products-slider .owl-nav > div span:before { font-size: 30px } .hl-products-slider .owl-nav > div { left: -12px } .hl-products-slider .owl-nav > div.owl-next { left: auto; right: -12px } .hl-products { padding: 35px 20px } .hl-products h2, .hl-products .h2 { font-size: 20px; margin: 0 0 25px 0 } .hl-welcome-container { padding: 40px 15px } .hl-welcome-content { max-height: 240px; margin-bottom: 25px } .hl-welcome-container > h2, .hl-welcome-container > .h2 { font-size: 24px; margin: 0 0 20px 0 } .hl-news .col-ar-12 { width: 49%; display: inline-block; vertical-align: top } .hl-news { text-align: center; padding: 40px 0 10px 0 } .hl-news .row { display: block } .hl-news figure { margin: 20px 0 30px 0 } .hl-news h2, .hl-news .h2 { margin: 0 0 15px 0; font-size: 20px } .hl-news figcaption { margin: 20px 0 0 0 } .hl-newsletter-content { padding: 30px 15px } .hl-newsletter-content p { margin: 0 0 20px 0 } .hl-newsletter-content h2, .hl-newsletter-content .h2 { margin: 0 0 20px 0; font-size: 20px } .newsletter-submit-box { margin-top: 25px } .hl-newsletter { padding: 40px 0 } .hl-instagram h2, .hl-instagram .h2 { position: static; text-align: center; padding: 0 15px; margin: 0 0 15px 0; font-size: 20px; transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none } .hl-instagram h2:before, .hl-instagram .h2:before { display: none } .hl-instagram-container { padding: 0 15px } .hl-instagram { padding: 40px 0 } .signature { padding: 24px 0 26px 0 } .footer-navigation { padding: 30px 0 } .inner-page.product-details-page { padding: 40px 0 0 0 } .product_details_content .product_name { font-size: 28px; line-height: 34px } .realted-product-slider .owl-nav > div span:before { font-size: 30px } .realted-product-slider .owl-nav > div { left: -12px } .realted-product-slider .owl-nav > div.owl-next { left: auto; right: -12px } .realted-product-slider { margin: 0 } .realted-product-slider figcaption > a h3, .realted-product-slider figcaption > a .h3 { display: block; font-size: 13px; max-width: 100% } .realted-product-slider figcaption > a > span:before { display: none } .realted-products { padding: 40px 0 } .realted-products h2, .realted-products .h2 { font-size: 20px; margin: 0 0 25px 0 } .product figcaption > a h3, .product figcaption > a .h3 { display: block } .product figcaption > a > span:before { display: none } .product-pagination .my_pagination .pagination { padding: 25px 0 30px 0 } .my_pagination .pagination li+li { margin-left: 10px } .inner-page-title { padding: 25px 0 30px 0 } .inner-page-title h1, .inner-page-title .h1 { font-size: 30px; float: left; width: 100%; padding: 0 } .post-type-archive-product .inner-page-title h1, .post-type-archive-product .inner-page-title .h1 { margin: 20px 0 0 0 } .tax-product_cat .inner-page-title h1, .tax-product_cat .inner-page-title .h1 { margin: 20px 0 0 0 } #page_title:before { left: 0 } .page_title { padding: 0 15px; text-align: center } .inner-banner { padding: 0 } .inner-page-title .select-box:after { height: 38px; line-height: 36px } .selected-category input { height: 40px } .product-categories ul li a { line-height: 40px } .inner-page-title .input-box.select-box .orderby { height: 40px } .product-cms-page { padding: 0 } .product-cms { padding-bottom: 40px } .recommended-products { padding: 40px 0 0 0 } .recommended-products h2, .recommended-products .h2 { font-size: 20px; margin: 0 0 20px 0 } .recommended-product figcaption > a h3, .recommended-product figcaption > a .h3 { display: block; max-width: 100% } .recommended-product figcaption > a > span:before { display: none } .contact-page form {/*margin-top:30px;*/ } .team-page .armodal img { float: none; margin: 0 0 25px 0 } .team-page .armodal { padding: 20px 15px 30px 15px } .product-details-page > .container { padding-bottom: 40px } .search-page .my_pagination { margin: 20px 0 0 0 } .cart_page .woocommerce-cart-form table.shop_table td.product-remove { border-top: none !important } .cart_page .woocommerce-cart-form table.shop_table tr { background: #f0f0f0 } .cart_page .woocommerce-cart-form table.shop_table tr+tr { margin-top: 30px } .cart_page .woocommerce-cart-form table.shop_table td.actions { border: none; padding: 0 0 10px 0 } .cart_page .woocommerce-cart-form table.shop_table tr:last-child { border: none; background: none } .cart_page_col { width: 100%; padding: 0 10px; margin-top: 30px } .cart_page_col_container { margin: 0 -10px } .cart_page .woocommerce-cart-form table.shop_table td { border-top: 1px solid #ddd } .cart_page .woocommerce-cart-form table.shop_table td.product-name .variation { margin-top: 10px } .woocommerce .cart_page .cart_page_col .cart_totals { padding: 20px 15px } .cart_page .coupon { padding: 20px 15px } .woocommerce .cart_page .cart_page_col .wc-proceed-to-checkout .checkout-button { line-height: 46px; font-size: 14px; min-width: 220px } .product-details-page .woocommerce-message { padding-right: 15px; padding-bottom: 80px } .product-details-page .woocommerce-message .button.wc-forward { right: auto; left: 50%; bottom: 15px; top: auto; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%) } .my-account-login-page #customer_login > div { width: 100% } .my-account-login-page #customer_login > div form { min-height: inherit } .my-account-login { margin-bottom: 30px } .lost-password-page form { padding: 20px 15px 30px 15px } .reset-password-page form { padding: 20px 15px 30px 15px } .woocommerce-account .woocommerce-MyAccount-content { width: 100% !important; padding-left: 0 !important; margin-top: 30px } .woocommerce-account .woocommerce-MyAccount-navigation { width: 100% !important } .order_details_customer_details { margin: 35px 0 0 0 } .order_details_customer_details .woocommerce-columns { margin-top: 35px } .edit_my_accounts legend { font-size: 28px } .edit_my_accounts fieldset { margin-top: 30px } .woocommerce form.edit-account .form-row { width: 100% } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-message--info .button { position: absolute; left: 50%; bottom: 15px; margin: 0; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%) } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-message--info { padding-bottom: 65px; position: relative } .woocommerce-account .woocommerce-MyAccount-content .edit-account legend { font-size: 20px } .woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address { width: 100%; border: none } .woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address { width: 100%; margin-top: 25px; border-top: 1px solid #ddd; padding-top: 20px } .woocommerce .thank-you-page ul.order_details { background: #999; padding: 10px 15px } .woocommerce .thank-you-page ul.order_details li { border: none; border-bottom: 1px solid #888; color: #fff; margin: 0; width: 100% } section.woocommerce-columns.woocommerce-columns--2.woocommerce-columns--addresses.col2-set.addresses { display: block; margin: 0 } .hl-cms-container > h2, .hl-cms-container > .h2 { margin: 0 0 20px 0 } .hl-cms { padding: 40px 0 } .hl-cms-container h1, .hl-cms-container .h1 { font-size: 25px } .hl-cms-container h2, .hl-cms-container .h2 { font-size: 22px } .hl-cms-container h3, .hl-cms-container .h3 { font-size: 19px } .hl-cms-container h4, .hl-cms-container .h4 { font-size: 17px } .hl-cms-container h5, .hl-cms-container .h5 { font-size: 15px } .hl-cms-container h6, .hl-cms-container .h6 { font-size: 13px } .product-listing-page { padding: 40px 0 } .hl-products-slider figcaption > a h3, .hl-products-slider figcaption > a .h3 { max-width: 100% } .product-info-icons .icon { margin: 0 5px 10px 5px } .product-info-icons { padding: 30px 0 20px 125px } .product-info-content { padding: 0 } .wholesale-page h5, .wholesale-page .h5 { margin: 10px 0 15px 0 } .hl-banner-slider figcaption { max-width: 100%; width: 100%; left: 0; padding: 15px 0; top: auto; transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; z-index: 1; text-align: center; position: relative; margin: 0; background: #000 } .hl-banner-slider figcaption h2, .hl-banner-slider figcaption .h2 { max-width: 100%; margin: 0; color: #fff } .hl-banner-slider figcaption:before { display: none } .hl-banner-slider figcaption a { color: #fff } .hl-banner-slider figcaption a:before { display: none } .hl-banner-slider figcaption a:after { background: #fff } .hl-banner-slider figcaption h4{color:#fff} .header{background:#000} .navigation-toggle .span-icon{background:#fff} .search-btn{background:url(../images/sprite.png) no-repeat 0 -30px;} .cd-popup-trigger .fa-envelope-o{color:#fff} .right-top-head{display: block; position: absolute; right: 160px; top: 20px;} .right-top-head .head-call span{display:none} .right-top-head .head-call ul{padding:0; margin:0} .right-top-head .head-call li { display: inline-block; margin: 0 5px;} } @media screen and (max-width:639px) { #wpcf7-f2426-p2359-o1 .input-box.submit-box { position: relative; z-index: 1; margin: 5px 0px 17px 0px; width: 100%; display: inline-block; vertical-align: top; overflow: hidden; margin: 0; min-width: 210px; top:0px; } .cart_open .mini_cart { margin-left: -420px } .cart_open .site-main:before { right: 420px } .mini_cart { width: 420px; padding: 40px 20px } .thumbnail_slider .item a img { width: 80px; margin: 0 auto } .product_details_thumbs { width: 90px } .product_details_img_box { padding-left: 110px } .page_title h1, .page_title .h1 { font-size: 24px } .product-info-icons .icon { width: 70px } .product-info-icons { padding: 30px 0 20px 110px } .hl-banner-slider figcaption h2, .hl-banner-slider figcaption .h2 { font-size: 20px } .hl-banner-slider figcaption a { font-size: 14px } } @media screen and (min-width:568px) and (max-width:991px) { .contact-page .input-box.captcha-box { float: left; margin-top: 0 } .contact-page .input-box.submit-box { float: right; width: auto } .contact-page label.require { width: calc(100% - 310px); float: right; text-align: right } } @media screen and (max-width:567px) { .blog_content .comment_box > span { display: block } .blog_content .blog_author { margin: 5px 0 0 0 } .news_box figure > a img { width: 100% } .news_box { width: 100% } .signature span { display: block } .signature span:before { display: none } .hl-products-slider figcaption > a h3, .hl-products-slider figcaption > a .h3 { font-size: 13px } .hl-news figcaption h3, .hl-news figcaption .h3 { font-size: 14px; line-height: 20px } .hl-news-date { font-size: 12px } .thumbnail_slider .item a img { width: 65px } .product_details_thumbs { width: 65px } .product_details_img_box { padding-left: 85px } .product figcaption > a h3, .product figcaption > a .h3 { font-size: 13px } .recommended-product figcaption > a h3, .recommended-product figcaption > a .h3 { font-size: 13px } .input-box.captcha-box { margin-top: 0 } .product-info-icons { padding: 30px 0 20px 85px } .hl-banner-slider figcaption h2, .hl-banner-slider figcaption .h2 { font-size: 16px; line-height: 20px } } @media screen and (max-width:479px) { .site-main > header { margin-top: 76px; } .top-bar p { margin: 0px; font-size: 12px; line-height: 18px; } .page_title h1, .page_title .h1 { font-size: 30px } /*#page_title{padding:20px 0 30px 0}*/ .blog .blog_content img { margin: 0 auto 15px auto; display: block; float: none } .scroll_top { bottom: 70px } #page_title { padding: 40px 0 } .page_title h1, .page_title .h1 { font-size: 20px } .search-box form { padding: 0 40px 0 0 } .search-input { text-indent: -10000px; width: 40px; overflow: hidden; padding: 0 } .search-box form:before { right: 11px } .mini_cart .mini_cart_item { padding: 15px !important } .mini_cart .mini_cart_item .remove { transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); margin: 0 auto; position: static } .mini_cart li a img { float: none !important; margin: 15px auto !important; display: block } .mini_cart { width: 270px } .cart_open .mini_cart { margin-left: -270px } .cart_open .site-main:before { right: 270px } #mini_cart .cart-minproduct { width: 100%; text-align: center !important } #mini_cart .cart-minproduct+.cart-minproduct { margin-top: 30px } .cart-btn { width: 65px; height: 60px } .cart-btn .text { margin-top: 5px } .logo img { max-height: 60px } .profile-btn-box { padding: 34px 12px 0 0 } .search-btn-box { padding: 34px 12px 0 0 } .container-main { margin-top: 168px } .hl-news .col-ar-12 { width: 100% } .logo a { background: #000; padding: 16px 0 17px 0; display: block } .thumbnail_slider .item a img { width: 35px } .product_details_thumbs { width: 35px } .product_details_img_box { padding-left: 55px } .single-product .product-quntity-container button.button.alt { margin-left: 20px; min-width: 130px; font-size: 14px } .spinner .input_quantity { width: 130px } .product-listing-page { padding: 40px 0 0 0 } .product-listing-page .col-cust-12 { max-width: 100%; flex: 0 0 100% } .selected-category input { width: 135px; padding: 0 7px } .inner-page-title .input-box.select-box { min-width: 135px } .inner-page-title .select-box:after { width: 36px } .inner-page-title .input-box.select-box .input, .inner-page-title .input-box.select-box .orderby { padding: 10px 7px; width: 135px } .product-cms-page .col-cust-12 { max-width: 100%; flex: 0 0 100% } .team-page .col-cust-12 { max-width: 100%; flex: 0 0 100% } .blog-page .col-cust-12 { max-width: 100%; flex: 0 0 100% } .woocommerce .product_details_content form.cart .col-md-6.variations { width: 100% } .woocommerce .product_details_content form.cart .col-md-6.variations+.col-md-6.variations { margin-top: 30px } .woocommerce .product_details_content .spinner .input_quantity { width: 130px } .cart_page .woocommerce-cart-form table.shop_table td .button.emptybtn { width: 100%; margin: 0 } .cart_page .woocommerce-cart-form table.shop_table td .input-box { width: 100%; margin: 0 } .cart_page .woocommerce-cart-form table.shop_table td .input-box+.input-box { margin: 20px 0 0 0 } .check_out_page form .billing-details-form .form-row-first, .check_out_page form .billing-details-form .form-row-last { width: 100% } .woocommerce .edit-billing-address .woocommerce-address-fields .form-row-first, .woocommerce .edit-billing-address .woocommerce-address-fields .form-row-last { width: 100% } /*.eapps-instagram-feed-posts-inner{flex-wrap:wrap;-ms-flex-wrap:wrap;} .eapps-instagram-feed-posts-view{width:50% !important}*/ .product-info-icons { padding: 30px 0 20px 55px } .hl-banner-slider figcaption h2, .hl-banner-slider figcaption .h2 { font-size: 12px } .fa-envelope-o{vertical-align: middle;} } @media screen and (max-width:374px) { } @media screen and (max-width:359px) { .top-bar p { margin: 0px; font-size: 10px; line-height: 16px; } .site-main > header { margin-top: 73px; } .g-recaptcha { overflow: hidden } .captcha-box iframe { transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); -webkit-transform: scale(0.95); transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; -webkit-transform-origin: left } /*.contact-page .contact_us_icon p, .contact-page .contact_us_icon a{font-size:14px}*/ .navigation-toggle { right: 0 !important;} } .sign { font-family: 'Allura', cursive; font-size: 35px; padding: 20px 0; } .testimonial1_item:nth-child(2n+1):before { color: #000000; opacity: 0.3; } .testimonial1_item:nth-child(2n):before { color: #000000; opacity: 0.3; } .testimonial1_item::before { content: "\f10d"; display: block; font-family: "FontAwesome"; font-size: 36px; left: 30px; position: absolute; top: 30px; } .testimonial1_item:nth-child(2n+1) { background: rgba(246, 246, 246,0.9); } .testimonial1_item:nth-child(2n) { background: #fff none repeat scroll 0 0; } .testimonial1_item { margin: 0; position: relative; padding: 45px 60px 35px; } .testimonial1_item:last-child { border-bottom: none; } .testimonial1_item p { position: relative; color: #606060; font-size: 16px; line-height: 28px; } .testimonial1-label { color: #000 !important; font-size: 17px !important; } .testimonial1-label span { color: #999; font-size: 14px } .form-row.terms.wc-terms-and-conditions a { color: #9b804f; } .form-row.terms.wc-terms-and-conditions span { color: #fff !important; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { color: #fff; font-size: 16px; min-width: 200px; margin-left: 25px; line-height: 50px; padding: 0 15px; background: #000 !important; } .subcategory_page_des { text-align: center; } .single-post .hl-products-slider .owl-prev:before { content: "<"; font-weight: 400; font-size: 48px; color: #000; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;/*background: url(../images/left-arrow.png)*/ } .single-post .hl-products-slider .owl-next:after { content: ">"; font-weight: 400; font-size: 48px; color: #000; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;/*background: url(../images/left-arrow.png)*/ } .single-post .hl-products-slider .owl-nav > div span:before { display: none; } .cartcoupon form { margin: 0px !important; border: none !important; padding: 0px !important; }