/*Theme Name: TechOneTheme 
URI: http://techone.kutethemes.net
Author: Kutethems Team
Text Domain: techone
Author URI: http://kutethemes.net
Description: TechOne Shop is a simple but modern responsive Wordpress theme that oozes high-street sophistication. Its sharp lines and flat design style has been designed to be pixel perfect. Simply load your photography and you can have an online shop to matches the likes of Prada, Gucci and Yves St Laurent.Version: 1.3.5License: GNU General Public License v1 or laterLicense URI: http://www.gnu.org/licenses/gpl-2.0.htmlTags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, translation-readyThis theme, like WordPress, is licensed under the GPL.Use it to make something cool, have fun, and share what you've learned with others.
*/
body {font-family: 'Open sans', sans-serif; font-size: 14px; line-height: 30px; color: #666666; width: 100%; overflow-x: hidden; } .clear-both:before,.clear-both:after{content: ''; display: table; } .clear-both:after{clear: left; } label {font-weight: normal; color: #222222; } a {color: #666666; text-decoration: none; } a:hover, a:focus, a:active {text-decoration: none; outline: none; } body .wpb_button,body .wpb_content_element,body ul.wpb_thumbnails-fluid >li {margin-bottom: 0; } body .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body{padding: 0 20px; margin-top: -4px; } p{margin-bottom: 20px; } ul, ol{padding-left: 17px; margin: 0; } h1, h2, h3, h4, h5, h6 {font-family: 'Open sans', sans-serif; margin-top: 0; } h1 {font-size: 36px; } h2 {font-size: 30px; } h3 {font-size: 24px; } h4 {font-size: 20px; } h5 {font-size: 18px; } h6 {font-size: 16px; } img {height: auto; max-width: 100%; } /* ========================== INPUT THEME=============================*/ input[type="text"],input[type="email"],textarea, input[type="password"],input[type="tel"],select,input[type="search"]{border: 1px solid #e6e6e6; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 6px 20px; max-width: 100%; background-color: #f8f8f8; width: 300px; } input[type="text"]:focus,input[type="number"]:focus,input[type="submit"]:focus,input[type="search"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,textarea:focus,a:focus,button:focus,select:focus {outline: none; } input[type="text"], input[type="email"], textarea, input[type="password"], input[type="tel"],input[type="search"]{-webkit-appearance: none; } ::-webkit-input-placeholder {text-align: inherit; color: inherit; opacity: 1; filter: alpha(opacity=100); } :-moz-placeholder {/* Firefox 18- */ text-align: inherit; color: inherit; opacity: 1; filter: alpha(opacity=100); } ::-moz-placeholder {/* Firefox 19+ */ text-align: inherit; color: inherit; opacity: 1; filter: alpha(opacity=100); } :-ms-input-placeholder {text-align: inherit; color: inherit; opacity: 1; filter: alpha(opacity=100); } :focus {outline: none; } /* ========================== BUTTON SUBMIT THEME=============================*/ button,input[type="submit"]{display: inline-block; font-size: 14px; color: #ffffff; text-transform: uppercase; font-weight: 600; padding: 4px 25px; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } button:hover,input[type="submit"]:hover,button:focus,input[type="submit"]:focus{color: #ffffff; } .return-message {line-height: 30px; padding: 0px 10px; margin-top: 10px; font-size: 12px; } /* ============================ TABLE THEME=============================*/ table{border: 1px solid #E6E6E6; border-collapse: collapse; border-spacing: 0; table-layout: auto; width: 100%; margin-bottom: 20px; } table thead{background-color: #f8f8f8; } th,td{border-color: #e6e6e6; border-style: solid; border-width: 1px; padding: 10px; font-weight: normal; } table tr th:last-child,table tr td:last-child {border-right: 0; } table tr:last-child td, table tr:last-child th{border-bottom: none; } /* ========================== WORDPRESS POST============================*/ .sticky-post{color: red; } .alignnone {margin: 5px 20px 20px 0; } img.alignnone {margin: 0; } .aligncenter,div.aligncenter {display: block; margin: 5px auto 5px auto; } .alignright {float:right; margin: 5px 0 20px 20px; } .alignleft {float: left; margin: 5px 20px 20px 0; } .sticky{color: inherit; } .bypostauthor{color: inherit; } a img.alignright {float: right; margin: 5px 0 20px 20px; } a img.alignnone {margin: 5px 20px 20px 0; } a img.alignleft {float: left; margin: 5px 20px 20px 0; } a img.aligncenter {display: block; margin-left: auto; margin-right: auto } .text-center{text-align: center; } .wp-caption {background: #fff; border: 1px solid #f0f0f0; max-width: 100%; /* Image does not overflow the content area */ padding: 5px 3px 5px; text-align: center; margin: 0; } .wp-caption.alignnone {margin: 5px 20px 20px 0; clear: both; } .wp-caption.alignleft {margin: 5px 20px 20px 0; } .wp-caption.alignright {margin: 5px 0 20px 20px; } .wp-caption.aligncenter {margin: 0 auto; } .wp-caption img {border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; } .wp-caption p.wp-caption-text {font-size: 12px; line-height: 17px; padding: 10px 4px 5px; margin: 0 !important; } .gallery-caption {color: #707070; color: rgba(51, 51, 51, 0.7); display: block; font-family: "Noto Sans", sans-serif; font-size: 12px; line-height: 1.5; padding: 0.5em 0; } iframe{max-width: 100%!important; } .alignright {float:right; margin: 5px 0 20px 30px; } .alignleft {float: left; margin: 5px 30px 20px 0; } /* ============================WordPress Gallery=============================*/ .gallery {margin-left: -0.5em; margin-right: -0.5em; } .gallery:after {display: table; content: ""; clear: both; } .gallery-item {margin: 0; float: left; padding: 0.5em; font-size: 0.8125rem; font-style: italic; color: #666; } .gallery-columns-1 .gallery-item {width: 100%; float: none; } .gallery-columns-2 .gallery-item {width: 50% } .gallery-columns-3 .gallery-item {width: 33.3333% } .gallery-columns-4 .gallery-item {width: 25% } .gallery-columns-5 .gallery-item {width: 20% } .gallery-columns-6 .gallery-item {width: 16.6667% } .gallery-columns-7 .gallery-item {width: 14.2857% } .gallery-columns-8 .gallery-item {width: 12.5% } .gallery-columns-9 .gallery-item {width: 11.1111% } .gallery-columns-2 .gallery-item:nth-child(2n+1),.gallery-columns-3 .gallery-item:nth-child(3n+1),.gallery-columns-4 .gallery-item:nth-child(4n+1),.gallery-columns-5 .gallery-item:nth-child(5n+1),.gallery-columns-6 .gallery-item:nth-child(6n+1),.gallery-columns-7 .gallery-item:nth-child(7n+1),.gallery-columns-8 .gallery-item:nth-child(8n+1),.gallery-columns-9 .gallery-item:nth-child(9n+1) {clear: left; } /*==================== WOOCOMMERCE INPUT=====================*/ .woocommerce .woocommerce-error,.woocommerce .woocommerce-info,.woocommerce .woocommerce-message {padding: 1em 2em 1em 2em; margin: 15px 0; position: relative; background-color: #f8f8f8; color: #222222; border-top: 3px solid #dff0d8; list-style: none!important; width: auto; word-wrap: break-word; } .woocommerce .woocommerce-error:after,.woocommerce .woocommerce-error:before,.woocommerce .woocommerce-info:after,.woocommerce .woocommerce-info:before,.woocommerce .woocommerce-message:after,.woocommerce .woocommerce-message:before {content: " "; display: table; } .woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button {float: right; font-size: 14px; display: inline-block; padding: 0 10px; color: #fff; height: 30px; line-height: 30px; margin: 0; } .woocommerce .woocommerce-error{border-color: #fcf8e3; } .woocommerce .woocommerce-info{border-color: #dff0d8; } /*================== CHOSEN RESET===================*/ .chosen-container {margin-bottom: 0; } .chosen-container-single .chosen-single{border: 1px solid #e6e6e6; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0 30px 0 20px; max-width: 100%; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: #ffffff; } .chosen-container-single .chosen-single span{margin: 0; } .chosen-container-single .chosen-single div b:before{font-family: 'FontAwesome'; content: "\f0d7"; width: auto; height: auto; font-size: 14px; color: #888888; } .chosen-container li {font-size: 13px; line-height: 24px; color: #666666; } .chosen-container .chosen-results li.result-selected {background-color: #f0f2f5; color: #000000; } .chosen-container .chosen-results li.highlighted {background: none; background-color: #f0f2f5; color: #000000; } .chosen-container-single .chosen-single div b{background: none!important; } .chosen-container-active.chosen-with-drop .chosen-single {border: 1px solid #e6e6e6; border-left: none; border-right: none; background: #ffffff; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .chosen-container .chosen-drop {border: 1px solid #e6e6e6; background: #ffffff; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; width: 234px; } /*================== SELECT2 RESET===================*/ .select2-container {width: 50% !important; } .select2-container--default .select2-selection--single {height: 44px; line-height: 44px; border-radius: 0; border: 1px solid #e6e6e6; background-color: #f8f8f8; } .select2-container--default .select2-selection--single .select2-selection__rendered {color: #666666; line-height: 44px; padding-left: 20px; padding-right: 40px; } .select2-container--default .select2-selection--single .select2-selection__arrow {height: 44px; } .select2-container .select2-choice .select2-arrow b:after{border: none; font-family: 'FontAwesome'; content: "\f107"; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0; margin-left: -15px; } .select2-dropdown {border: 1px solid #e6e6e6; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; ; } .select2-dropdown .select2-search .select2-search__field {background-color: #ffffff; padding: 0 16px; height: 44px; line-height: 44px; } .select2-container--default .select2-search--dropdown .select2-search__field {border: 1px solid #e6e6e6; } .select2-results__option {padding: 0 20px; height: 44px; line-height: 44px; } .select2-dropdown .select2-result {color: #888888; } .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option[aria-selected="true"] {background-color: #f0f2f5; color: #000000; } .select2-container--default .select2-results__option[aria-selected="true"] {color: #000000; } /*================== OWL THEME===================*/ .owl-carousel .owl-item.active .owl-lazy{opacity: 1; } .owl-nav.disabled{display: none; } .owl-carousel .owl-prev,.owl-carousel .owl-next {width: 15px; height: 20px; line-height: 20px; font-size: 20px; text-align: left; color: #888888; float: left; cursor: pointer; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .owl-carousel .owl-next{text-align: right; } .owl-carousel .owl-prev .fa,.owl-carousel .owl-next .fa{line-height: normal; } .owl-carousel .owl-prev:hover,.owl-carousel .owl-next:hover{color: #222222; } .owl-carousel .owl-nav:before,.owl-carousel .owl-nav:after{content: ''; display: table; } .owl-carousel .owl-nav:after{clear: both; } .nav-style2 .owl-prev,.nav-style2 .owl-next{width: 18px; height: 46px; border: none; line-height: 46px; background-color: #dddddd; } .nav-style2 .owl-prev{border-bottom-right-radius: 0; border-top-right-radius: 0; } .nav-style2 .owl-next{border-bottom-left-radius: 0; border-top-left-radius: 0; } .owl-carousel.nav-center .owl-prev,.owl-carousel.nav-center .owl-next{position: absolute; top: 50%; margin-top: -15px; visibility: hidden; opacity: 0; } .owl-carousel.nav-center.nav-style2 .owl-prev,.owl-carousel.nav-center.nav-style2 .owl-next{margin-top: -23px; } .owl-carousel.nav-center:hover .owl-prev,.owl-carousel.nav-center:hover .owl-next{opacity: 1; visibility: visible; } .owl-carousel.nav-center .owl-next{right: -50px; } .owl-carousel.nav-center .owl-prev{left: -50px; } .owl-carousel.nav-center:hover .owl-next{right: -16px; } .owl-carousel.nav-center:hover .owl-prev{left: -16px; } .nav-top-right .owl-nav,.nav-top-left .owl-nav{position: absolute; right: 0; top: -37px; } .nav-top-left .owl-nav{right: inherit; left: 0; } .product-list-owl .owl-stage-outer:hover{padding-left: 10px; padding-right: 10px; margin-left: -10px; margin-right: -10px; } .product-list-owl.owl-carousel .owl-stage-outer .owl-item{opacity: 0; visibility: hidden; } .product-list-owl.owl-carousel .owl-stage-outer .owl-item.active{opacity: 1; visibility: visible; } /*---------------------Layout-----------------------*/ .container-wapper{max-width: 1810px; padding: 0 15px; margin: 0 auto; } .main-container{padding: 35px 0; padding-top: 30px; } .main-container.left-slidebar .main-content{float: right; } .main-content >ul {padding: 0; } body.loading,body div.woof_info_popup{cursor: progress; } body.loading:before,body div.woof_info_popup{content: ""; display: inline-block; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 1000; border: none; border-radius:0; font-size:0; } body.loading:after,body div.woof_info_popup:after{content: url("images/spin.svg"); position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1001; } /*---------------------Menu mobile-----------------------*/ .toggle-submenu {position: absolute; display: none; height: 49px; line-height: 49px; top: 0; width: 49px; right: 0; cursor: pointer; text-align: center; z-index: 999; } .toggle-submenu::before {font-family: 'FontAwesome'; content: "\f107"; z-index: 999; } .main-menu .toggle-submenu {font-size: 14px; width: 38px; height: 52px; line-height: 52px; text-align: center; transform: translate(50%,0); } .style7-mainmenu .toggle-submenu {font-size: 13px; width: 40px; height: 40px; line-height: 40px; } .vertical-menu .toggle-submenu {font-size: 16px; width: 49px; height: 49px; line-height: 49px; cursor: pointer; } .vertical-menu .toggle-submenu::before {content: "\f105"; } .box-mobile-menu {position: fixed; top: 0; left: -320px; width: 320px; height: 100vh; background-color: #fff; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: 999; -webkit-box-shadow: 3px 5px 14px -3px rgba(0,0,0,0.11); -moz-box-shadow: 3px 5px 14px -3px rgba(0,0,0,0.11); box-shadow: 3px 5px 14px -3px rgba(0,0,0,0.11); } .box-mobile-menu.open {left: 0; } .box-mobile-menu .box-inner {position: relative; padding: 15px; overflow-y: auto; height: 100%; overflow-x: hidden; } .box-mobile-menu .close-menu {width: 35px; height: 35px; border-width: 1px; border-style: solid; border-color: #e6e6e6; display: inline-block; line-height: 33px; text-align: center; float: right; } .admin-bar .box-mobile-menu{top: 32px; } .box-mobile-menu .main-menu {list-style: none; display: block; padding: 0; width: 100%; } .box-mobile-menu .main-menu:before,.box-mobile-menu .main-menu:after{content: ''; display: table; } .box-mobile-menu .main-menu:after{clear: both; } .box-mobile-menu .main-menu>li{display: block; width: 100%; padding: 0; float: left; } .box-mobile-menu .main-menu>li>a{width: 100%; border-bottom: 1px solid #e1e1e1; font-size: 14px; } .box-mobile-menu .main-menu>li.menu-item-has-children>a:after{float: right; display: none; } .box-mobile-menu .main-menu .toggle-submenu{width: 52px; height: 52px; line-height: 52px; } .box-mobile-menu .main-menu .toggle-submenu::before{content: "\f107"; } .box-mobile-menu .main-menu .submenu,.box-mobile-menu .main-menu .submenu.megamenu,.box-mobile-menu .main-menu .submenu .submenu{display: none; border: none; padding: 0; visibility: visible; opacity: 1; filter: alpha(opacity=100); position: relative; border-bottom: 1px solid #e1e1e1; width: 100%!important; left: 0!important; -webkit-box-shadow: 1px 1px 5px 0 rgba(56,56,56,0); -moz-box-shadow: 1px 1px 5px 0 rgba(56,56,56,0); box-shadow: 1px 1px 5px 0 rgba(56,56,56,0); } .box-mobile-menu .main-menu .show-submenu>.submenu{display: block; } .box-mobile-menu .main-menu .submenu .submenu{border: none; } .box-mobile-menu .main-menu .submenu .submenu>li>a{border: none; } .techone-clone-wrap{position: fixed; top: 0; left:-320px; width: 320px; height: 100vh; background-color: #fff; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: 100000; -webkit-box-shadow: 3px 5px 14px -3px rgba(0,0,0,0.11); -moz-box-shadow: 3px 5px 14px -3px rgba(0,0,0,0.11); box-shadow: 3px 5px 14px -3px rgba(0,0,0,0.11); overflow-x: hidden; } .techone-clone-wrap.open{left: 0; } .techone-panels-actions-wrap{border-bottom: 1px solid #eee; height: 50px; position: relative; } .techone-panels-actions-wrap .techone-close-btn,.techone-panels-actions-wrap .techone-prev-panel{width: 50px; height: 50px; position: absolute; top: 0; right: 0; z-index: 10; border-left: 1px solid #eee; text-align: center; line-height: 50px; } .techone-panels-actions-wrap .techone-prev-panel{right: inherit; left: 0; border: none; border-right: 1px solid #eee; } .techone-panels-actions-wrap .techone-current-panel-title{display: block; text-align: center; line-height: 50px; padding: 0 50px; text-transform: uppercase; } .techone-panels-actions-wrap .techone-prev-panel:before{content: "\f104"; font-family: FontAwesome; } .techone-panel>ul{padding: 0; margin: 0; } .techone-panel li{list-style: none; position: relative; } .techone-panel>ul>li{padding: 0 20px; border-bottom: 1px solid #eee; } .techone-panel>ul>li>a{display: block; line-height: 50px; } .techone-next-panel{width: 50px; height: 50px; text-align: center; line-height: 50px; position: absolute; top: 0; right: 0; z-index: 10; } .techone-panel a>.icon{margin-right: 10px; } .techone-next-panel:before{content: "\f105"; font-family: FontAwesome; } .techone-clone-wrap .toggle-submenu{display: none!important; } .techone-clone-wrap .techone-panels{background: inherit; border-color: inherit; position: relative; box-sizing: border-box; height: calc(100% - 80px); } .techone-clone-wrap .techone-panel{background-color: #fff; } .techone-clone-wrap .techone-panel.techone-sub-panel{border-color: #fff; bottom: 0; box-sizing: border-box; display: block; left: 0; margin: 0; overflow-x: hidden; overflow-y: auto; position: absolute; right: 0; top: 0; transform: translateX(100%); transition: all 0.2s ease 0s; z-index: 999; } .techone-clone-wrap .techone-panel.techone-panel-opened{transform: translateX(0); z-index:999; } .techone-clone-wrap .techone-sub-opened{z-index: 1; opacity: 0; visibility: hidden; } .techone-clone-wrap .techone-hidden{display: block !important; opacity: 0; visibility: hidden; } .techone-clone-wrap .submenu.megamenu{padding: 20px; max-width: 100%!important; width: 100%!important; } /*---------------------Block Search mobile-----------------------*/ .block-search-mobile{position: fixed; max-width: -webkit-calc(100% - 20px); max-width: -moz-calc(100% - 20px); max-width: calc(100% - 20px); width: 500px; top: 50%; left: 50%; background-color: #fff; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: 9999; -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); visibility: hidden; opacity: 0; } .block-search-mobile.open{visibility: visible; opacity: 1; } .block-search-mobile .form-content{position: relative; padding: 50px 30px; } .block-search-mobile .inner{position: relative; } .block-search-mobile .input{border: none; width: 100%; border-bottom: 2px solid #e6e6e6; padding-left: 0; background-color: #fff; } .block-search-mobile .btn-search{width: 44px; height: 44px; background-color: transparent; border: none; position: absolute; top: 0; right: 0; text-align: right; font-size: 16px; padding: 0; } .block-search-mobile .btn-search:before{color: #000; font-family: 'FontAwesome'; content: "\f002"; } .block-search-mobile .close-block-serach{width: 30px; height: 30px; text-align: center; line-height: 30px; position: absolute; top: 0; right: 0; } body.open-block-serach:before{content: ''; z-index: 100; position: fixed; top: 0; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.5); } .search-icon-mobile {vertical-align: top; display: inline-block; font-size: 0; width: 54px; height: 54px; line-height: 54px; text-align: center; } .search-icon-mobile::before{font-family: 'FontAwesome'; content: "\f002"; font-size: 26px; } .search-icon-mobile,.search-icon-mobile::before {display: none !important; } .search-icon-mobile:hover {color: #666666; } /* SLIDER */ .tparrows.custom {width: 39px; height: 45px; text-align: center; line-height: 45px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #c1c1c1; color: #fff; } .custom.tparrows::before {line-height: 45px; } /*------------------------------rows-space------------------------------*/ .rows-space-1{margin-bottom: 1px; } .col-gap-0{margin: 0; } .col-gap-0 .col-item-gap{padding: 0; } .col-gap-1{margin-left: -0.5px; margin-right: -0.5px; } .col-gap-1 .col-item-gap{padding: 0 0.5px; } .col-gap-2{margin: 0 -1px; } .col-gap-2 .col-item-gap{padding: 0 1px; } .col-gap-10{margin: 0 -5px; } .col-gap-10 .col-item-gap{padding: 0 5px; } .col-gap-20{margin: 0 -10px; } .col-gap-20 .col-item-gap{padding: 0 10px; } .col-gap-30{margin: 0 -15px; } .col-gap-10 .col-item-gap{padding: 0 15px; } .rows-space-0 {margin-bottom: 0; } .rows-space-10{margin-bottom: 10px; } .rows-space-20{margin-bottom: 20px; } .rows-space-30{margin-bottom: 30px; } .rows-space-40{margin-bottom: 40px; } .rows-space-50{margin-bottom: 50px; } .rows-space-60{margin-bottom: 60px; } .rows-space-70{margin-bottom: 70px; } .rows-space-80{margin-bottom: 80px; } .rows-space-90{margin-bottom: 90px; } .rows-space-100{margin-bottom: 100px; } .owl-one-row .product-item:last-child{margin-bottom: 0; } /*----------------ALL EFFECT BANNER----------------*/ .banner-effect {position: relative ; display: block; overflow:hidden; } /*Effect style1*/ .banner-effect1:before {width: 100%; height: 100%; content: ""; background: #ffffff; transition:all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; position: absolute; z-index: 1; top: 0; left: 0; opacity: 0; } .banner-effect1:hover:before {left: 50%; width: 0; opacity: 0.5; } .banner-effect1:after {width: 100%; height: 100%; content: ""; background: #ffffff; opacity: 0; transition:all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; position: absolute; z-index: 1; top: 0; left: 0; } .banner-effect1:hover:after {top: 50%; height: 0; opacity: 0.5; } /*Effect style2*/ .banner-effect2:before {width: 300%; height: 300%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border:solid 3px #ffc2b3; content: ""; position: absolute; z-index: 2; transition:all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; opacity: 0; left: -100%; top: -100%; background: #ffc2b3; visibility: inherit; } .banner-effect2:after {width: 300%; height: 300%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border:solid 3px #ffffff; content: ""; position: absolute; z-index: 1; transition:all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; opacity: 0; left: -100%; top: -100%; background: #ffffff; visibility: inherit; } .banner-effect2:hover:before,.banner-effect2:hover:after {width: 0; height: 0; opacity: 0.7; left: 50%; top: 50%; visibility: hidden; } /*Effect style3*/ .banner-effect3:hover img{opacity: 0.5; transition:all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; -ms-transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; } /*Effect style4*/ .banner-effect4:before {content: ""; position: absolute; top: 10%; left: 50%; width: 0; height: 80%; border-top: solid 1px #d60d46; border-bottom: solid 1px #d60d46; transition:all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; visibility: hidden; } .banner-effect4:hover:before {width: 80%; left: 10%; visibility: visible; } .banner-effect4:after {content: ""; position: absolute; top: 50%; left: 10%; width: 80%; height: 0; border-left: solid 1px #d60d46; border-right: solid 1px #d60d46; transition:all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; visibility: hidden; } .banner-effect4:hover:after {height: 80%; top: 10%; visibility: visible; } /*Effect style5*/ .banner-effect5:before {width: 0; height: 100%; content: ""; position: absolute; z-index: 1; left: 0; top: 0; opacity: 0.5; background: #98c1d5; transition:all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; } .banner-effect5:after {width: 0; height: 100%; content: ""; position: absolute; z-index: 1; right: 0; top: 0; opacity: 0.5; background: #98c1d5; transition:all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; } .banner-effect5:hover:before,.banner-effect5:hover:after {width: 50%; } /*Effect style6*/ .banner-effect6:before,.banner-effect6:after {width: 50%; position: absolute; z-index: 1; top: -100%; left: 0; height: 100%; content: ""; opacity: 0.5; background: #ffffff; transition:all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; } .banner-effect6:hover:before {top: 0; } .banner-effect6:after {left: inherit; bottom: -100%; top: inherit; right: 0; } .banner-effect6:hover:after{bottom: 0; } /*Effect style7*/ .banner-effect7:before,.banner-effect7:after {width: 100%; position: absolute; z-index: 1; top: 0; left: -100%; height: 50%; content: ""; opacity: 0.5; background: #333333; transition:all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; } .banner-effect7:hover:before {left: 0; } .banner-effect7:after {left: inherit; bottom: 0; top: inherit; right: -100%; } .banner-effect7:hover:after {right: 0; } /*Effect style8*/ .banner-effect8:before {width: 50%; position: absolute; z-index: 1; top: -100%; left: 0; height: 100%; content: ""; opacity: 0.5; background: #333333; transition:all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; } .banner-effect8:after {width: 50%; position: absolute; z-index: 1; top: -100%; left: 50%; height: 100%; content: ""; opacity: 0.5; background: #333333; transition:all 0.9s ease-out 0s; -webkit-transition: all 0.9s ease-out 0s; -o-transition: all 0.9s ease-out 0s; -moz-transition: all 0.9s ease-out 0s; } .banner-effect8:hover:before,.banner-effect8:hover:after {top: 0; } .banner-effect9 img {-webkit-transition: all .4s ease-in; -o-transition: all .4s ease-in; -moz-transition: all .4s ease-in; transition: all .4s ease-in; } .banner-effect9:hover img {filter: grayscale(1) blur(1px); -webkit-filter: grayscale(1) blur(1px); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .banner-effect10:before{content: ''; background-color: rgba(0,0,0,0.1); transition:all 0.9s ease-out 0s; -webkit-transition: all 0.9s ease-out 0s; -o-transition: all 0.9s ease-out 0s; -moz-transition: all 0.9s ease-out 0s; position: absolute; top: 0; left: 0; width: 100%; bottom: 0; opacity: 0; visibility: hidden; z-index: 100; } .banner-effect10:hover:before{opacity: 1; visibility: visible; } /** * EasyZoom core styles */ .easyzoom {position: relative; / 'Shrink-wrap' the element /display: inline-block; *display: inline; *zoom: 1; } .easyzoom img {vertical-align: bottom; } .easyzoom.is-loading img {cursor: progress; } .easyzoom.is-ready img {cursor: crosshair; } .easyzoom.is-error img {cursor: not-allowed; } .easyzoom-notice {position: absolute; top: 50%; left: 50%; z-index: 150; width: 10em; margin: -1em 0 0 -5em; line-height: 2em; text-align: center; background: #FFF; box-shadow: 0 0 10px #888; } .easyzoom-flyout {position:absolute; z-index: 100; overflow: hidden; background: #FFF; } .easyzoom-flyout > img{max-width: inherit; } /** * EasyZoom layout variations */ .easyzoom--overlay .easyzoom-flyout {top: 0; left: 0; width: 100%; height: 100%; } .easyzoom--adjacent .easyzoom-flyout {top: 0; left: 100%; width: 100%; height: 100%; margin-left: 20px; } /*---------------------- AJAX LOADING ---------------------*/ .cssload-square {margin: 68px auto; width: 19px; height: 19px; transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); } .cssload-square-part {position: absolute; width: 19px; height: 19px; z-index: 1; animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate; -o-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate; -webkit-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate; -moz-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate; } .cssload-square-green {background: rgb(84,250,212); right: 0; bottom: 0; animation-direction: alternate-reverse; -o-animation-direction: alternate-reverse; -webkit-animation-direction: alternate-reverse; -moz-animation-direction: alternate-reverse; } .cssload-square-pink {background: rgb(233,111,146); left: 0; top: 0; } .cssload-square-blend {background: rgb(117,81,125); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; animation: blend-anim 0.92s ease-in infinite; -o-animation: blend-anim 0.92s ease-in infinite; -webkit-animation: blend-anim 0.92s ease-in infinite; -moz-animation: blend-anim 0.92s ease-in infinite; } @keyframes blend-anim {0% {transform: scale(0.01, 0.01) rotateY(0deg); animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } 50% {transform: scale(1, 1) rotateY(0deg); animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } 100% {transform: scale(0.01, 0.01) rotateY(0deg); } } @-o-keyframes blend-anim {0% {-o-transform: scale(0.01, 0.01) rotateY(0deg); -o-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } 50% {-o-transform: scale(1, 1) rotateY(0deg); -o-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } 100% {-o-transform: scale(0.01, 0.01) rotateY(0deg); } } @-ms-keyframes blend-anim {0% {-ms-transform: scale(0.01, 0.01) rotateY(0deg); -ms-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } 50% {-ms-transform: scale(1, 1) rotateY(0deg); -ms-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } 100% {-ms-transform: scale(0.01, 0.01) rotateY(0deg); } } @-webkit-keyframes blend-anim {0% {-webkit-transform: scale(0.01, 0.01) rotateY(0deg); -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } 50% {-webkit-transform: scale(1, 1) rotateY(0deg); -webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } 100% {-webkit-transform: scale(0.01, 0.01) rotateY(0deg); } } @-moz-keyframes blend-anim {0% {-moz-transform: scale(0.01, 0.01) rotateY(0deg); -moz-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } 50% {-moz-transform: scale(1, 1) rotateY(0deg); -moz-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } 100% {-moz-transform: scale(0.01, 0.01) rotateY(0deg); } } @keyframes cssload-part-anim {0% {transform: translate3d(-10px, -10px, 0); } 100% {transform: translate3d(10px, 10px, 0); } } @-o-keyframes cssload-part-anim {0% {-o-transform: translate3d(-10px, -10px, 0); } 100% {-o-transform: translate3d(10px, 10px, 0); } } @-ms-keyframes cssload-part-anim {0% {-ms-transform: translate3d(-10px, -10px, 0); } 100% {-ms-transform: translate3d(10px, 10px, 0); } } @-webkit-keyframes cssload-part-anim {0% {-webkit-transform: translate3d(-10px, -10px, 0); } 100% {-webkit-transform: translate3d(10px, 10px, 0); } } @-moz-keyframes cssload-part-anim {0% {-moz-transform: translate3d(-10px, -10px, 0); } 100% {-moz-transform: translate3d(10px, 10px, 0); } } /*------------------------- TABS -------------------------*/ .tab-container {position: relative; } .tab-container .tab-panel {position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; height: 1px; overflow: hidden; } .tab-container .tab-panel.active {opacity: 1; visibility: inherit; position: inherit; -vendor-animation-duration: 0.3s; -vendor-animation-delay: 1s; -vendor-animation-iteration-count: infinite; height: auto; overflow: inherit; } .tab-container .cssload-wapper{position: absolute; top: 0; width: 100%; left: 0; bottom: 0; z-index: 10; } .tab-container .cssload-wapper .cssload-square{top: 50%; position: absolute; left: 50%; margin-left: -13px; margin-top: -13px; } /*------------------------------ CUSTOM BOOSTRAP 5 COLUMNS ------------------------------*/ .col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 {position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-15 {width: 20%; float: left; } @media (min-width: 768px) {.col-sm-15 {width: 20%; float: left; } } @media (min-width: 992px) {.col-md-15 {width: 20%; float: left; } } @media (min-width: 1200px) {.col-lg-15 {width: 20%; float: left; } } /*----------------AUTO CLEAR----------------*/ @media (min-width:1200px){.auto-clear .col-lg-1:nth-child(12n+1){clear:left; } .auto-clear .col-lg-2:nth-child(6n+1){clear:left; } .auto-clear .col-lg-15:nth-child(5n+1){clear:left; } .auto-clear .col-lg-3:nth-child(4n+1){clear:left; } .auto-clear .col-lg-4:nth-child(3n+1){clear:left; } .auto-clear .col-lg-6:nth-child(odd){clear:left; } } @media (min-width:992px) and (max-width:1199px){.auto-clear .col-md-1:nth-child(12n+1){clear:left; } .auto-clear .col-md-2:nth-child(6n+1){clear:left; } .auto-clear .col-md-15:nth-child(5n+1){clear:left; } .auto-clear .col-md-3:nth-child(4n+1){clear:left; } .auto-clear .col-md-4:nth-child(3n+1){clear:left; } .auto-clear .col-md-6:nth-child(odd){clear:left; } } @media (min-width:768px) and (max-width:991px){.auto-clear .col-sm-1:nth-child(12n+1){clear:left; } .auto-clear .col-sm-2:nth-child(6n+1){clear:left; } .auto-clear .col-sm-15:nth-child(5n+1){clear:left; } .auto-clear .col-sm-3:nth-child(4n+1){clear:left; } .auto-clear .col-sm-4:nth-child(3n+1){clear:left; } .auto-clear .col-sm-6:nth-child(odd){clear:left; } } @media (min-width:480px) and (max-width:767px){.auto-clear .col-xs-1:nth-child(12n+1){clear:left; } .auto-clear .col-xs-2:nth-child(6n+1){clear:left; } .auto-clear .col-xs-15:nth-child(5n+1){clear:left; } .auto-clear .col-xs-3:nth-child(4n+1){clear:left; } .auto-clear .col-xs-4:nth-child(3n+1){clear:left; } .auto-clear .col-xs-6:nth-child(odd){clear:left; } } @media (max-width:479px){.auto-clear .col-ts-1:nth-child(12n+1){clear:left; } .auto-clear .col-ts-2:nth-child(6n+1){clear:left; } .auto-clear .col-ts-15:nth-child(5n+1){clear:left; } .auto-clear .col-ts-3:nth-child(4n+1){clear:left; } .auto-clear .col-ts-4:nth-child(3n+1){clear:left; } .auto-clear .col-ts-6:nth-child(odd){clear:left; } } /*----------------------------------Custom Bostrap Colum form 480 > 767----------------------------------*/ @media (max-width: 480px){.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-ts-1, .col-ts-10, .col-ts-11, .col-ts-12, .col-ts-2, .col-ts-3, .col-ts-4, .col-ts-5, .col-ts-6, .col-ts-7, .col-ts-8, .col-ts-9{position:relative; min-height:1px; padding-right:15px; padding-left:15px } .col-ts-1, .col-ts-2, .col-ts-3, .col-ts-4, .col-ts-5, .col-ts-6, .col-ts-7, .col-ts-8, .col-ts-9, .col-ts-10, .col-ts-11{float:left; } .col-ts-12{width:100%; } .col-ts-11{width:91.66666667%; } .col-ts-10{width:83.33333333%; } .col-ts-9{width:75%; } .col-ts-8{width:66.66666667%; } .col-ts-7{width:58.33333333%; } .col-ts-6{width:50%; } .col-ts-5{width:41.66666667%; } .col-ts-4{width:33.33333333%; } .col-ts-3{width:25%; } .col-ts-2{width:16.66666667%; } .col-ts-1{width:8.33333333%; } .col-ts-pull-12{right:100%; } .col-ts-pull-11{right:91.66666667%; } .col-ts-pull-10{right:83.33333333%; } .col-ts-pull-9{right:75%; } .col-ts-pull-8{right:66.66666667%; } .col-ts-pull-7{right:58.33333333%; } .col-ts-pull-6{right:50%; } .col-ts-pull-5{right:41.66666667%; } .col-ts-pull-4{right:33.33333333%; } .col-ts-pull-3{right:25%; } .col-ts-pull-2{right:16.66666667%; } .col-ts-pull-1{right:8.33333333%; } .col-ts-pull-0{right:auto; } .col-ts-push-12{left:100%; } .col-ts-push-11{left:91.66666667%; } .col-ts-push-10{left:83.33333333%; } .col-ts-push-9{left:75%; } .col-ts-push-8{left:66.66666667%; } .col-ts-push-7{left:58.33333333%; } .col-ts-push-6{left:50%; } .col-ts-push-5{left:41.66666667%; } .col-ts-push-4{left:33.33333333%; } .col-ts-push-3{left:25%; } .col-ts-push-2{left:16.66666667%; } .col-ts-push-1{left:8.33333333%; } .col-ts-push-0{left:auto; } .col-ts-offset-12{margin-left:100%; } .col-ts-offset-11{margin-left:91.66666667%; } .col-ts-offset-10{margin-left:83.33333333%; } .col-ts-offset-9{margin-left:75%; } .col-ts-offset-8{margin-left:66.66666667%; } .col-ts-offset-7{margin-left:58.33333333%; } .col-ts-offset-6{margin-left:50%; } .col-ts-offset-5{margin-left:41.66666667%; } .col-ts-offset-4{margin-left:33.33333333%; } .col-ts-offset-3{margin-left:25%; } .col-ts-offset-2{margin-left:16.66666667%; } .col-ts-offset-1{margin-left:8.33333333%; } .col-ts-offset-0{margin-left:0; } .hidden-ts{display: none; } } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi){.chosen-rtl .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type=text], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span {background-image:none!important; } } /*------------------------- PRIMARY STYLE -------------------------*/ /*------------------------- HEADER THEME -------------------------*/ .boxed .site-wapper {max-width: 1230px; margin: 0 auto; } .site-wapper {background-color: #ffffff; } /*top-header*/ .top-header {border-bottom: 1px solid #e2e2e2; } .top-bar-menu {padding: 0; } .top-bar-menu.left {float: left; } .top-bar-menu.right {float: right; } .top-bar-menu li a {color: #555555; font-size: 13px; } .top-bar-menu >li {list-style: none; display: inline-block; position: relative; float: left; line-height: 16px; } .top-bar-menu >li >a {display: inline-block; line-height: 16px; text-transform: uppercase; padding: 12px 15px; } .top-bar-menu >li:first-child >a {padding-left: 0; } .top-bar-menu >li >a::after {position: absolute; content: ''; top: 0; right: 0; bottom: 0; height: 12px; width: 1px; margin: auto; background-color: rgba(0,0,0,.1); } .top-bar-menu >li:last-child >a::after {display: none; } .top-bar-menu li.menu-item-has-children >a {padding-right: 30px; } .top-bar-menu li.menu-item-has-children >a::before {font-family: 'FontAwesome'; content: '\f107'; position: absolute; top: 50%; right: 15px; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); font-size: 13px; } .top-bar-menu li .submenu {list-style: none; position: absolute; top: 100%; left: 0; margin-top: -6px; padding: 9px 15px; background: #ffffff; min-width: 150px; -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 0 9px 0 rgba(0,0,0,.2); box-shadow: 0 0 9px 0 rgba(0,0,0,.2); -webkit-transition: opacity .5s,-webkit-transform .5s; transition: opacity .5s,transform .5s; -webkit-transform: translate(0, 30px); -moz-transform: translate(0, 30px); -o-transform: translate(0, 30px); -ms-transform: translate(0, 30px); transform: translate(0, 30px); opacity: 0; visibility: hidden; z-index: 999; } .top-bar-menu li .submenu.megamenu {left: auto; } .top-bar-menu li.show-submenu .submenu,.top-bar-menu .menu-item-has-children:hover >.submenu {-webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); visibility: visible; opacity: 1; } .top-bar-menu .submenu>li >a {line-height: 30px; text-transform: uppercase; } .top-bar-menu .submenu>li >a {margin: 0; width: auto; height: auto; opacity: 1; } .top-bar-menu .switcher-flag{margin-top: -2px; } .header-socilas {float: right; } .header-socilas .social {float: left; display: inline-block; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; font-size: 14px; text-align: center; margin: 4px 0 4px 4px; -webkit-transition: all .4s ease; -o-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .header-socilas .social:hover {color: #ffffff; } /*main-header*/ .main-header {padding: 30px 0; } .main-header .logo {line-height: 42px; padding: 5px 0; } .form-search-width-category:before,.form-search-width-category:after{content: ''; display: table; } .form-search-width-category:after{clear: both; } .form-search-width-category .form-content{display: table; float: right; padding: 5px 0; } .form-search-width-category select{width: 100%; } .form-search-width-category .form-content .inner {display: table-cell; vertical-align: middle; width: 237px; max-width: -webkit-calc(100% - 194px); max-width: -moz-calc(100% - 194px); max-width: calc(100% - 194px); } .form-search-width-category .form-content input{width: 100%; height: 42px; line-height: 42px; background-color: #ffffff; font-size: 13px; color: #888888; padding: 0 29px; border-radius: 21px 0 0 21px; -moz-border-radius: 21px 0 0 21px; -webkit-border-radius: 21px 0 0 21px; border-right: none; } .form-search-width-category .form-content .category select{width: 100%; background-color: transparent; padding: 9px 15px; border-right: none; } .form-search-width-category .form-content .category {display: table-cell; vertical-align: middle; position: relative; } .form-search-width-category .chosen-container .chosen-results{padding: 0; } .form-search-width-category .chosen-container .chosen-results li.active-result {padding: 0 25px; line-height: 26px; } .form-search-width-category .form-content .category::before {position: absolute; content: ''; left: 0; top: 0; bottom: 0; margin: auto; width: 1px; height: 37px; background-color: #e6e6e6; z-index: 1; } .form-search-width-category .form-content .btn-search {display: table-cell; vertical-align: middle; width: 59px; height: 42px; line-height: 42px; padding: 0; border-radius: 0 21px 21px 0; -moz-border-radius: 0 21px 21px 0; -webkit-border-radius: 0 21px 21px 0; border: none; font-size: 20px; color: #ffffff; text-align: center; outline: none; } .form-search-width-category .form-content .btn-search:hover{opacity: 0.8; } .form-search-width-category .form-content .btn-search i {vertical-align: top; line-height: 41px; } /*form-search-width-category chosen*/ .form-search-width-category .chosen-container-single {width: 135px !important; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .form-search-width-category .chosen-container-single .chosen-single {border: 1px solid #e6e6e6; border-left: none; border-right: none; height: 42px!important; line-height: 42px!important; background-color: #ffffff; } .form-search-width-category .chosen-container-single .chosen-single span{font-size: 13px; color: #888888; } .form-search-width-category .chosen-container-single .chosen-single div {width: 28px; } .main-header .header-control {float: right; } .hotline {position: relative; display: inline-block; vertical-align: top; float: left; line-height: 0; padding: 5px 10px 5px 0; } .hotline .icon{float: left; vertical-align: top; display: inline-block; font-size: 26px; margin-top: 12px; } .hotline .content {overflow: hidden; padding-left: 8px; display: inline-block; text-align: left; } .hotline .content .text {display: block; font-size: 12px; text-transform: uppercase; line-height: 18px; } .hotline .content .phone {display: block; font-size: 15px; font-weight: 700; color: #222222; line-height: 21px; } .block-minicart {display: inline-block; float: left; position: relative; padding: 5px 15px 5px 10px; } .block-minicart::before {content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; height: 27px; width: 1px; background-color: rgba(0,0,0,.2); } .block-minicart::after {font-family: 'FontAwesome'; content: '\f0dd'; position: absolute; right: 0; top: 50%; line-height: 0; font-size: 14px; color: #aaaaaa; } .block-minicart .widget_shopping_cart_content {float: right; } .block-minicart .cart-icon {position: relative; display: inline-block; color: #666666; } .block-minicart .cart-icon::before {font-family: 'FontAwesome'; content: '\f291'; font-size: 26px; line-height: 42px; color: inherit; } .block-minicart .cart-icon .count {position: absolute; top: 3px; right: -9px; font-size: 14px; text-align: center; color: #ffffff; width: 23px; height: 23px; line-height: 24px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .block-minicart .cart-text .text2 {font-size: 14px; font-weight: 600; text-transform: uppercase; padding-left: 7px; color: #666666; } .block-minicart .cart-text .woocommerce-Price-amount{font-size: 17px; font-weight: 700; color: #333333; display: inline-block; margin-left: 5px; } .block-minicart:hover .mini-cart-content{-webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; visibility: visible; } .mini-cart-content {position: absolute; top: 100%; right: 0; z-index: 9999; padding-top: 9px; -webkit-transition: opacity .5s,-webkit-transform .5s; transition: opacity .5s,transform .5s; -webkit-transform: translate(0, 30px); -moz-transform: translate(0, 30px); -o-transform: translate(0, 30px); -ms-transform: translate(0, 30px); transform: translate(0, 30px); opacity: 0; visibility: hidden; } .minicart-content-wrapper {background-color: #ffffff; min-width: 305px; padding: 18px 20px 31px 20px; border-width: 2px 0 0 0; border-style: solid; -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2); } .mini-cart-content.empty-cart .minicart-content-wrapper{padding: 20px; text-align: center; } .minicart-title {font-size: 13px; font-weight: 700; line-height: 36px; text-transform: uppercase; color: #333333; } .minicart-items-wrapper {padding-bottom: 25px; border-bottom: 1px solid #e6e6e6; } .minicart-items {max-height: 197px; overflow-y: auto; padding: 0; } .minicart-items .item {list-style: none; overflow: hidden; padding: 9px 0; border-bottom: 1px solid #e6e6e6; } .minicart-items .item:last-child {border: none; } .minicart-items .item .thumb {float: left; width: 80px; height: auto; } .minicart-items .item .info {position: relative; overflow: hidden; padding: 0 30px 0 10px; } .minicart-items .item .info .qty {font-size: 18px; line-height: 28px; display: inline-block; } .minicart-items .item .info .delete {position: absolute; top: 0; right: 0; display: inline-block; font-size: 14px; line-height: 18px; color: #888888; } .minicart-content-wrapper .subtotal {padding: 14px 0 15px 0; } .minicart-content-wrapper .subtotal .text{display: inline-block; font-size: 14px; font-weight: 700; line-height: 26px; text-transform: uppercase; } .minicart-content-wrapper .subtotal .total .woocommerce-Price-amount {font-weight: 700; color: #e5534c; } .minicart-content-wrapper .actions {overflow: hidden; } .minicart-content-wrapper .actions .button {display: inline-block; font-size: 13px; font-weight: 600; text-transform: uppercase; color: #ffffff; height: 39px; line-height: 39px; padding: 0; text-align: center; width: 49%; background-color: #aaaaaa; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; z-index: 999; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .minicart-content-wrapper .actions .button.btn-checkout {float: left; } .minicart-content-wrapper .actions .button.btn-viewcart {float: right; } /*header-nav header-sticky has-vertical-menu*/ .header-nav-inner {display: table; width: 100%; background-color: #e9e9e9; } .header-contact-phone {padding: 5px 0; } .block-nav-categori {display: table-cell; vertical-align: middle; width: 287px; position: relative; } .block-nav-categori .block-title {font-size: 14px; color: #ffffff; font-weight: 700; text-transform: uppercase; height: 52px; line-height: 28px; cursor: pointer; display: block; padding: 12px 20px; } .icon-bar {display: inline-block; vertical-align: middle; width: 16px; margin-right: 17px; } .icon-bar span{display: block; width: 100%; margin-bottom: 3px; background-color: #ffffff; height: 2px; } .sticky-wrapper.is-sticky {width: 100%!important; } .admin-bar .sticky-wrapper.is-sticky .header-sticky {top: 32px !important; } .sticky-wrapper.is-sticky .header-sticky {top: 0; left: 0; right: 0; z-index: 999!important; background-color: #e9e9e9; width: 100%!important; animation: slideInUp 0.7s; -moz-animation: slideInUp 0.7s; -webkit-animation: slideInUp 0.7s; } .block-nav-categori.has-open .verticalmenu-content,.ts-vertical-menu .verticalmenu-content,.open-on-home.is-home.always-open .verticalmenu-content,.sticky-wrapper.is-sticky .header-nav.header-sticky .open-on-home.is-home.always-open.has-open .verticalmenu-content {display: block; height: auto; opacity: 1; visibility: inherit; border: solid 1px #e6e6e6; border-top: none; width: 100%; } .block-nav-categori .verticalmenu-content,.sticky-wrapper.is-sticky .header-nav.header-sticky .open-on-home.is-home.always-open .verticalmenu-content {height: 0; position: absolute; width: inherit; opacity: 0; visibility: hidden; top: 100%; left: 0; z-index: 100; } .verticalmenu-content {min-width: 287px; padding: 11px 0 12px 0; background-color: #ffffff; } .vertical-menu {padding: 0; } .vertical-menu >li {list-style: none; position: relative; } .add_a_new_menu {text-align: center; display: block; } .vertical-menu >.menu-item >a {line-height: 49px; font-size: 13px; color: #444444; text-transform: uppercase; position: relative; display: block; border-bottom: 1px solid #e6e6e6; margin: 0 19px; } .vertical-menu .submenu>li>a{display: block; padding: 5px 20px; line-height: normal; } .vertical-menu >.menu-item >a::before {position: absolute; top: -1px; left: -19px; width: -webkit-calc(100% + 38px); width: -moz-calc(100% + 38px); width: calc(100% + 38px); height: 1px; background: #f3f3f3; content: ''; display: none; } .vertical-menu >.menu-item >a .icon {display: inline-block; width: 30px; text-align: center; vertical-align: top; line-height: 44px; margin-right: 10px; } .vertical-menu >.menu-item:hover {background-color: #f3f3f3; } .vertical-menu .menu-item:hover >a{border-color: #f3f3f3; } .vertical-menu .menu-item:hover >a::before {display: block; } .menu-item-has-children .submenu {-webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2); } .vertical-menu .show-submenu >.submenu {-webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; visibility: visible; } .vertical-menu .menu-item-has-children {position: relative; } .vertical-menu .menu-item-has-children >a::after {position: absolute; font-family: 'FontAwesome'; content: "\f105"; font-size: 16px; right: 0; top: 0; z-index: 1; } .vertical-menu .submenu.megamenu {padding: 30px 40px; } .vertical-menu .submenu {position: absolute; z-index: 100; background-color: #fff; padding: 0; left: 100%; margin-left: -2px; top: 0; min-width: 200px; -webkit-transition: opacity .5s; -o-transition: opacity .5s; -moz-transition: opacity .5s; transition: opacity .5s; opacity: 0; display: block; visibility: hidden; list-style: none; border: 1px solid #e6e6e6; } .view-all-categori {text-align: center; display: none; } .show-button-all .view-all-categori {display: block; } .view-all-categori .btn-view-all {font-size: 13px; line-height: 50px; text-transform: uppercase; } .view-all-categori .btn-view-all::after {font-family: 'FontAwesome'; content: '\f101'; font-size: 14px; margin-left: 6px; } /*box-header-nav*/ .box-header-nav {display: table-cell; vertical-align: middle; } .box-header-nav .menu-bar {display: none; } .menu-bar .icon {display: inline-block; vertical-align: middle; width: 16px; margin-right: 17px; } .menu-bar .icon span {background-color: #333333; display: block; width: 100%; margin-bottom: 3px; height: 2px; } .box-header-nav .main-menu {padding: 0; } .header .header-nav.has-vertical-menu .main-menu {margin-left: 31px; } .header .header-nav .main-menu {float: left; margin: 0; position: relative; } .header .header-nav .text-in-right {float: right; font-size: 14px; font-weight: 700; line-height: 52px; text-transform: uppercase; } .main-menu::before,.main-menu::after{display: table; content: " "; } .main-menu::after {clear: both; } .main-menu >li {display: inline-block; } .main-menu >li >a {display: inline-block; font-size: 14px; color: #333333; text-transform: uppercase; font-weight: 700; line-height: 52px; padding: 0 19px; cursor: pointer; } .main-menu >li:first-child >a {padding-left: 0; } .main-menu .menu-item-has-children >a:after {content: "\f107"; font-family: 'FontAwesome'; margin-left: 5px; } .main-menu .show-submenu >.submenu {-webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; visibility: visible; } .main-menu >.submenu >.menu-item .submenu {left: 100%; top: 0; } .main-menu .submenu {list-style: none; text-align: left; position: absolute; z-index: 999; background-color: #fff; left: 0; top: 100%; margin-top: -1px; min-width: 216px; padding: 17px 0; -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2); -webkit-transition: opacity .5s,-webkit-transform .5s; transition: opacity .3s,transform .3s; -webkit-transform: translate(0, 30px); -moz-transform: translate(0, 30px); -o-transform: translate(0, 30px); -ms-transform: translate(0, 30px); transform: translate(0, 30px); opacity: 0; display: block; visibility: hidden; } .main-menu .submenu.megamenu,.top-bar-menu .submenu.megamenu{padding: 30px 40px; } .main-menu li {list-style: none; position: relative; } .main-menu .submenu li {width: 100%; position: relative; } .main-menu .submenu >li >a {display:block; font-size: 13px; line-height: 20px; color: #555555; padding: 8px 20px; text-transform: uppercase; } .main-menu .submenu >li:hover,.main-menu .submenu >li.active {background-color: #f1f1f1; } .main-menu .submenu li >.submenu {position: absolute; left: 100%; top: 0; min-width: 216px; } .megamenu .widget_nav_menu .widgettitle {font-size: 14px; font-weight: 600; line-height: 24px; text-transform: uppercase; color: #222222; margin: 0 0 5px 0; } .megamenu .widget_nav_menu ul {padding: 0; } .megamenu .widget_nav_menu ul li {list-style: none; line-height: 24px; } .megamenu .widget_nav_menu ul li a {font-size: 13px; padding: 0; } .demo-title{font-size: 14px; text-transform: uppercase; color: #242424; font-weight: 600; margin-bottom: 10px; } /*.header.style1.style2*/ .header.style2 .top-header {background-color: #3f3f3f; } .header.style2 .top-bar-menu li a {color: #ffffff; } .header.style2 .top-bar-menu li.menu-item-has-children >a::before {color: #aaaaaa; } .header.style2 .top-bar-menu >li >a::after {background-color: rgba(255,255,255,0.22); } .header.style2 .top-bar-menu li .submenu {background-color: #3f3f3f; } .header.style2 .header-socilas .social {color: #aaaaaa; } .header.style2 .header-socilas .social:hover {color: #ffffff; } .header.style2 .header-nav {background-color: #f5f5f5; } .header.style2 .header-nav-inner {background-color: #f5f5f5; } .header.style2 .sticky-wrapper.is-sticky .header-nav.header-sticky {background-color: #f5f5f5; } .header.style2 .verticalmenu-content {padding-bottom: 19px; } /*header.style1.style3*/ .header.style3 .top-header {background-color: #f6f6f6; border: none; } .header.style3 .header-socilas .social {color: #666666; } .header.style3 .header-socilas .social:hover {color: #ffffff; } .header.style3 .box-header-nav {float: right; display: block; } .header.style3 .header-control .box-header-nav {display: inline-block; } .header.style3 .block-minicart {line-height: 39px; } .header.style3 .block-minicart::before {display: none; } .header.style3 .block-nav-categori .block-title {background-color: #296dc1; } .header.style3 .menu-block-search {display: table-cell; vertical-align: middle; } .header.style3 .form-search-width-category .form-content {float: none; padding-left: 19px; } .header.style3 .form-search-width-category .form-content .inner {width: 465px; } .header.style3 .form-search-width-category .form-content .inner input {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; } .header.style3 .form-search-width-category .form-content .category::before {left: auto; right: 0; } .header.style3 .form-search-width-category .chosen-container-single .chosen-single {-webkit-border-radius: 21px 0 0 21px; -moz-border-radius: 21px 0 0 21px; border-radius: 21px 0 0 21px; border: none; } .header.style3 .form-search-width-category .form-content .btn-search {background-color: #235ea6; } .header.style3 .header-contact-phone {display: table-cell; vertical-align: middle; } .header.style3 .header-contact-phone .hotline {float: right; padding: 0 0 0 20px; color: #ffffff; min-width: 180px; } .header.style3 .header-contact-phone .hotline .content .phone {color: inherit; } .header.style3 .verticalmenu-content {padding-bottom: 24px; } .header.style3 .block-nav-categori {width: 277px; } .header.style3 .verticalmenu-content {min-width: 277px; } /*header.style1.style4*/ .header.style4 .top-header {background-color: #3f3f3f; border: none; } .header.style4 .top-bar-menu>li>a {color: #ffffff; } .header.style4 .top-bar-menu >li >a::after {background-color: rgba(221,221,221,0.3); } .header.style4 .top-bar-menu li.menu-item-has-children >a::before {color: #e6e6e6; } .header.style4 .header-socilas .social {color: #ffffff; } .header.style4 .form-search-width-category .chosen-container-single {width: 127px !important; } .header.style4 .form-search-width-category .form-content {float: left; } .header.style4 .form-search-width-category .form-content .inner {max-width: -webkit-calc(100% - 186px); max-width: -moz-calc(100% - 186px); max-width: calc(100% - 186px); width: 144px; } .header.style4 .form-search-width-category .form-content .inner input {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-left: none; border-right: none; } .header.style4 .form-search-width-category .form-content .category::before {left: auto; right: 0; } .header.style4 .form-search-width-category .chosen-container-single .chosen-single {-webkit-border-radius: 21px 0 0 21px; -moz-border-radius: 21px 0 0 21px; border-radius: 21px 0 0 21px; border-left: 1px solid #e6e6e6; padding: 0 15px } .header.style4 .form-search-width-category .chosen-container-single .chosen-single div {width: 24px; } .header.style4 .logo {text-align: center; } .header.style4 .header-nav {background-color: #e9e9e9; } .header.style4 .verticalmenu-content{min-width: 277px; } .header.style4 .block-nav-categori{width: 277px; } .header.style4 .hotline{padding-right: 20px; } .header.style4 .block-minicart{padding-left: 20px; } /*header.style1.style4.style5*/ .header.style5 {background-color: #252525; } .header.style5 .top-header {border-bottom: 1px solid #333333; background-color: #252525; } .header.style5 .top-bar-menu li a {color: #aaaaaa; } .header.style5 .top-bar-menu >li >a::after {background-color: rgba(221,221,221,.3); } .header.style5 .top-bar-menu li.menu-item-has-children >a::before {color: #aaaaaa; } .header.style5 .header-socilas .social {color: #eeeeee; } .header.style5 .header-socilas .social:hover {color: #ffffff; } .header.style4.style5 .form-search-width-category .chosen-container-single .chosen-single {background-color: transparent; border-color: #444444; } .header.style5 .chosen-container-single .chosen-single div b:before {color: #aaaaaa; } .header.style5 .chosen-container .chosen-drop {background-color: #252525; border-color: #444444; } .header.style5 .form-search-width-category .form-content input {background-color: transparent; border-color: #444444; } .header.style5 .form-search-width-category .form-content .category::before {background-color: #444444; } .header.style5 .form-search-width-category .form-content .btn-search {background-color: transparent; border: 1px solid #444444; border-left: none; color: #aaaaaa; } .header.style5 .logo {text-align: center; } .header.style5 .hotline .content .phone {color: #eeeeee; } .header.style5 .block-minicart::before {background-color: rgba(255,255,255,.2); } .header.style5 .block-minicart::after {color: #eeeeee; } .header.style5 .block-minicart .cart-icon::before {color: #eeeeee; } .header.style5 .block-minicart .cart-text .woocommerce-Price-amount {color: #eeeeee; } .header.style5 .header-nav {background-color: #111111; } .header.style5 .header-nav-inner {background-color: #111111; } .header.style5 .header-nav .main-menu {text-align: center; float: none; } .header.style5 .header-nav .main-menu >li >a {color: #aaaaaa; } .header.style5 .menu-bar .icon span {background-color: #ffffff; } .header.style5 .search-icon-mobile {color: #ffffff; } /*header.style1.style6*/ .header.style6 .top-bar-menu li a {color: #ffffff; } .header.style6 .top-bar-menu li a:hover,.header.style6 .top-bar-menu li a:focus,.header.style6 .top-bar-menu li.menu-item-has-children .submenu li.active a {color: #222222; } .header.style6 .top-bar-menu li.menu-item-has-children >a:hover::before {color: #222222; } .header.style6 .top-bar-menu >li >a::after {background-color: #ffffff; } .header.style6 .top-bar-menu li.menu-item-has-children >a::before {color: #ffffff; } .header.style6 .header-socilas .social {color: #ffffff; } .header.style6 .header-socilas .social:hover {background-color: #222222; } .header.style6 .top-header{border: none; } .header.style6 .main-header{padding: 25px 0; } .header.style6 .top-header .top-header-wrap:before,.header.style6 .top-header .top-header-wrap:after{content: ''; display: table; } .header.style6 .top-header .top-header-wrap:after{clear: both; } .header.style6 .top-header .top-header-wrap {border-bottom: 1px solid rgba(255,255,255,0.3); } .header.style6 .form-search-width-category .form-content .inner {max-width: -webkit-calc(100% - 198px); max-width: -moz-calc(100% - 198px); max-width: calc(100% - 198px); } .header.style6 .form-search-width-category .chosen-container-single {width: 139px !important; } .header.style6 .form-search-width-category .chosen-container-single .chosen-single {border: none; -webkit-border-radius: 21px 0 0 21px; -moz-border-radius: 21px 0 0 21px; border-radius: 21px 0 0 21px; } .header.style6 .form-search-width-category .form-content .category::before {right: 0; left: auto; } .header.style6 .form-search-width-category .form-content input {border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .header.style6 .form-search-width-category .form-content .btn-search {background-color: #ffffff; color: #aaaaaa; } .header.style6 .hotline {color: #ffffff; } .header.style6 .hotline .icon {font-size: 30px; line-height: 42px; margin: 0; } .header.style6 .hotline .content .text {font-size: 14px; font-weight: 600; text-transform: uppercase; line-height: 21px; } .header.style6 .hotline .content .text.info2 {font-size: 13px; font-weight: 400; text-transform: none; } .header.style6 .cart-icon {color: #ffffff; } .header.style6 .block-minicart::before {background-color: rgba(255,255,255,.3); } .header.style6 .block-minicart::after {color: #ffffff; } .header.style6 .block-minicart .cart-icon .count {background-color: #222222; } .header.style6 .block-minicart .cart-text .text2 {color: #ffffff; } .header.style6 .block-minicart .cart-text .woocommerce-Price-amount {color: #ffffff; } .header.style6 .header-nav {background-color: #f4f4f4; } .header.style6 .header-nav-inner {background-color: #f4f4f4; } .header.style6 .main-menu >li >a {color: #222222; } .header.style6 .header-nav .text-in-right {color: #222222; } .header.style6 .search-icon-mobile {color: #ffffff; } .header.style6 .form-search-width-category .form-content{float: left; margin-left: 50px; } .header.style6 .form-search-width-category .form-content .category select{border: none; background-color: #fff; -webkit-border-radius: 21px 0 0 21px; -moz-border-radius: 21px 0 0 21px; border-radius: 21px 0 0 21px; padding: 10px 15px; } .techone-verticalmenu.block-nav-categori {width: 100%; display: block; } .techone-verticalmenu.block-nav-categori .verticalmenu-content {padding-bottom: 15px; min-width: 1px; position: static; } .techone-verticalmenu.block-nav-categori.always-open .verticalmenu-content {display: block; height: auto; opacity: 1; visibility: inherit; border: solid 1px #e6e6e6; border-top: none; width: 100%; } .techone-verticalmenu.block-nav-categori.always-open.has-open .verticalmenu-content {height: 0; opacity: 0; visibility: hidden; } /*.header.style1.style7*/ .header.style7 .top-header {border: none; } .header.style7 .top-bar-menu>li>a {color: #222222; } .header.style7 .top-bar-menu li.menu-item-has-children >a::before {color: #222222; font-weight: normal; } .header.style7 .top-bar-menu >li >a::after {background-color: rgba(0,0,0,0.3); } .header.style7 .top-bar-menu.left:last-child {float: right; } .header.style7 .style7-mainmenu >li >a::after {display: none; } .header.style7 .top-bar-menu.left:last-child >li:last-child >a::after {display: block; } .header.style7 .top-bar-menu.right >li:first-child >a {padding-left: 15px; } .header.style7 .form-search-width-category .form-content .inner {max-width: -webkit-calc(100% - 198px); max-width: -moz-calc(100% - 198px); max-width: calc(100% - 198px); } .header.style7 .form-search-width-category .chosen-container-single {width: 139px !important; } .header.style7 .form-search-width-category .chosen-container-single .chosen-single {border: none; -webkit-border-radius: 21px 0 0 21px; -moz-border-radius: 21px 0 0 21px; border-radius: 21px 0 0 21px; } .header.style7 .form-search-width-category .form-content .category::before {right: 0; left: auto; } .header.style7 .form-search-width-category .form-content input {border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .header.style7 .form-search-width-category .form-content .btn-search {background-color: #ffffff; color: #aaaaaa; } .header.style7 .hotline {color: #222222; } .header.style7 .hotline .icon {font-size: 30px; line-height: 42px; margin-top: 0; } .header.style7 .hotline .content .text {font-size: 14px; font-weight: 600; text-transform: uppercase; line-height: 21px; } .header.style7 .hotline .content .text.info2 {font-size: 13px; font-weight: 400; text-transform: none; color: #666666; } .header.style7 .cart-icon {color: #222222; } .header.style7 .block-minicart::before {background-color: rgba(0,0,0,.3); } .header.style7 .block-minicart::after {color: #222222; } .header.style7 .block-minicart .cart-icon .count {background-color: #ffffff; color: #222222; } .header.style7 .block-minicart .cart-text .woocommerce-Price-amount {color: #222222; } .header.style7 .box-header-nav {padding: 18px 0; border-top: 1px solid rgba(0,0,0,0.1); } .header.style7 .sticky-wrapper.is-sticky .box-header-nav{padding: 0; } .header.style7 .main-menu >li >a {font-size: 13px; font-weight: 400; color: #444444; padding: 0 10px; } .header.style7 .main-menu >li >a .icon{margin-right: 5px; } .header.style1.style7 .main-menu >li:hover >a,.header.style1.style7 .main-menu >li.active >a{color: #111; text-decoration: underline; } .header.style7 .main-menu >li:first-child >a {padding-left: 0; } .header.style7 .main-menu >li:last-child >a {padding-right: 0; } .header.style7 .main-menu >li >a .icon img {margin-bottom: 5px; margin-right: 1px; } .header.style7 .search-icon-mobile {color: #222222; } .header.style7 .main-header {padding: 25px 0; } /*======================== BODY THEME=========================*/ /*======================= PRODUCT WOOCOMERCE THEME========================*/ /*general*/ /*.shop_banner*/ .shop_banner .owl-nav .owl-prev,.shop_banner .owl-nav .owl-next {position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 15px; color: #fff; display: inline-block; width: 39px; height: 45px; line-height: 45px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #c1c1c1; margin: 0; } .shop_banner .owl-nav .owl-prev {left: 10px; } .shop_banner .owl-nav .owl-next {right: 10px; } .shop_banner .owl-nav .owl-prev:hover,.shop_banner .owl-nav .owl-next:hover {background-color: #f29f29; } .products.product-item {border: none; } .products.auto-clear::before,.products.auto-clear::after {display: table; content: ''; } .products.auto-clear::after {clear: both; } .products .product-category {list-style: none; padding: 0; margin-bottom: -1px; border-right: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .products .product-category .product-inner {padding: 10px; } .products .product-category:hover {z-index: 9; } .products .product-category:hover .product-inner {-webkit-box-shadow: 0 2px 9px 0 rgba(0,0,0,.36); -moz-box-shadow: 0 2px 9px 0 rgba(0,0,0,.36); box-shadow: 0 2px 9px 0 rgba(0,0,0,.36); } .products .product-category a:hover {color: #666666; } .woocommerce-loop-category__title {font-size: 18px; line-height: 20px; margin: 20px 0; } .woocommerce-loop-category__title .count {background-color: transparent; color: #666666; padding: 0; } .products >.product-item >.product-inner {border: 1px solid #e6e6e6; margin-top: -1px; margin-left: -1px; } .product-item {position: relative; list-style: none; } /*.product-item:hover {*/ /*z-index: 8; */ /* } */ .product-inner {background-color: #ffffff; position: relative; } .product-item:hover .yith-wcqv-button{opacity: 1; visibility: visible; } .product-item .product-thumb {position: relative; } .product-item .product-thumb .thumb-inner {text-align: center; overflow: hidden; } .product-item .flashs {position: absolute; top: 0; left: -10px; z-index: 1; } .product-item .onsale,.product-item .new ,.single-product .onsale,.single-product .new{position: relative; display: block; margin-bottom: 5px; padding: 0 10px 0 14px; border-bottom: 1px solid; height: 30px; line-height: 30px; font-size: 14px; font-weight: 600; color: #ffffff; text-align: center; text-transform: uppercase; float: left; clear: left; } .product-item .onsale:before,.product-item .new:before,.single-product .onsale:before,.single-product .new:before{position: absolute; top: 0; left: 100%; content: ""; border-style: solid; border-width: 15px 8px; } .product-item .onsale,.single-product .onsale{background-color: #e5534c; border-bottom-color: #7e150f; } .product-item .onsale::before,.single-product .onsale:before{border-color: #e5534c transparent transparent #e5534c; } .product-item .new ,.single-product .new{background-color: #4081d1; border-bottom-color: #0d4283; } .product-item .new::before,.single-product .new:before{border-color: #4081d1 transparent transparent #4081d1; } .product-item .yith-wcqv-button {position: absolute; bottom: -1px; left: 0; width: 100%; height: 35px; line-height: 35px; font-size: 13px; font-weight: 600; color: #ffffff; text-align: center; text-transform: uppercase; background-color: #aaaaaa; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .yith-wcqv-button:hover,.yith-wcqv-button:focus {color: #ffffff; } .yith-wcqv-button::before {font-family: 'FontAwesome'; content: '\f06e'; padding-right: 3px; } #yith-quick-view-modal #yith-quick-view-content {height: 100%; overflow-y: auto; overflow-x: hidden; } #yith-quick-view-modal .yith-wcqv-wrapper{height: 500px; } #yith-quick-view-modal .yith-quick-view-overlay {background-color: rgba(0,0,0,0.3); } #yith-quick-view-modal.open .yith-wcqv-main {padding:30px; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.28); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.28); box-shadow: 0 0 10px 0 rgba(0,0,0,0.28); overflow: inherit; } #yith-quick-view-close {display: inline-block; width: 32px; height: 32px; line-height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; font-size: 0; color: #ffffff; top: -16px; right: -16px; border: none; opacity: 1; } #yith-quick-view-close:hover {color: #ffffff; } #yith-quick-view-close::before {font-family: 'FontAwesome'; content: '\f00d'; font-size: 16px; } #yith-quick-view-content .product-media {position: relative; } #yith-quick-view-content .onsale {top: 35px; left: 0; display: inline-block; z-index: 1; position: absolute; } #yith-quick-view-content div.summary,#yith-quick-view-content div.images {width: 100%; } #yith-quick-view-content div.summary {padding: 0; } #yith-quick-view-content .summary .product-overview{margin-bottom: 44px; padding: 0; border: none; } #yith-quick-view-content.single-product .product_title{margin-bottom: 3px; } #yith-quick-view-content .summary .woocommerce-product-rating {margin-bottom: 7px; } .summary .entry-title {font-size: 20px; color: #1268b8; font-weight: 600; margin-bottom: 10px; } .summary .woocommerce-product-rating {margin-bottom: 17px; } .summary .product-overview {padding-bottom: 36px; border-bottom: 1px solid #e6e6e6; margin-bottom: 26px; } .summary .product-overview p:last-child {margin-bottom: 0; } .summary .variations {margin-bottom: 25px; } .summary .variations .variation {margin-bottom: 5px; } .summary >p.cart {float: left; margin: 0; } .single_variation_wrap .quantity {display: inline-block; float: left; margin-right: 10px; } .single_variation_wrap .quantity .btn-number {float: left; font-size: 0; color: #8e8e8e; text-align: center; display: inline-block; width: 34px; height: 40px; line-height: 40px; border: 1px solid #e6e6e6; } .single_variation_wrap .quantity .btn-number::before {font-family: 'FontAwesome'; font-size: 13px; } .single_variation_wrap .quantity .btn-number.quantity-minus::before {content: '\f068'; } .single_variation_wrap .quantity .btn-number.quantity-plus::before {content: '\f067'; } .single_variation_wrap .quantity .input-qty {float: left; font-size: 16px; font-weight: 600; text-transform: uppercase; color: #8e8e8e; text-align: center; width: 52px; height: 40px; line-height: 40px; padding: 0 5px; border-left: none; border-right: none; background-color: #ffffff; } .product-name {font-size: 14px; line-height: 20px; color: #555555; margin: 0; } .product-name a {color: #555; } .product-title {display: inline-block; width: 100%; font-size: 14px; line-height: 20px; color: #555555; margin: 0; } .product-title a {color: inherit; } .product-item-des{font-size: 13px; line-height: 20px; margin: 20px 0; margin-bottom: 32px; } .product-item-des p:last-child{margin-bottom: 0; } .product-info .price {width: 100%; display: inline-block; } .star-rating {white-space: nowrap; line-height: 100%; display: block; font-size: 0; position: relative; overflow: hidden; width: 76px; letter-spacing: 4px; margin-bottom: 4px; } .star-rating:before,.star-rating span:before {font-family: 'FontAwesome'; content: "\f005\f005\f005\f005\f005"; font-size: 12px; color: #e2e2e2; margin-left: 1px; line-height: 100%; } .star-rating span {overflow: hidden; float: left; top: 0; left: 0; position: absolute; line-height: 100%; } .star-rating span:before {color: #f29f29; } .woocommerce-review-link {display: inline-block; vertical-align: top; line-height: 28px; } .woocommerce-Price-amount {display: inline-block; font-size: 18px; font-weight: 600; line-height: 28px; color: #222222; } del .woocommerce-Price-amount {font-size: 13px; font-weight: 400; color: #888888; text-decoration: line-through; } .price {margin: 0; } .price ins {text-decoration: none; display: inline-block; color: #e5534c; } .price ins .woocommerce-Price-amount,.product-price ins .woocommerce-Price-amount {color: #e5534c; } .product-info-stock-sku {margin: 1px 0 14px 0; } .product-info-stock-sku .stock {font-size: 13px; line-height: 28px; font-weight: 600; } .product-info-stock-sku .stock.in-stock,.product-info-stock-sku .available {color: #35b035; } .product-info-stock-sku .stock.out-of-stock {color: #e5534c; } .product-info-stock-sku .stock .label {font-size: 13px; font-weight: 400; line-height: 28px; color: #666666; padding: 0; } .product-item.list .product-info-stock-sku{margin-bottom: 0; margin-top: -4px; } /*add to cart*/ .add_to_cart_button,.added_to_cart,.product_type_simple,.product_type_external,.product_type_grouped {display: inline-block; line-height: normal; padding: 11px 12px; text-align: center; font-size: 13px; font-weight: 600; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #ffffff; min-height: 41px; } .add_to_cart_button:hover,.add_to_cart_button:focus,.added_to_cart:hover,.added_to_cart:focus,.product_type_simple:hover,.product_type_simple:focus,.product_type_external:hover,.product_type_external:focus,.product_type_grouped:hover,.product_type_grouped:focus {color: #ffffff; } .add_to_cart_button.loading {font-size: 0; } .add_to_cart_button.loading::before {font-family: 'FontAwesome'; -webkit-animation: spin 1s infinite steps(8); animation: spin 1s infinite steps(8); content: "\f110"; font-size: 17px; display: inherit; line-height: normal; } .add_to_cart_button.added {display: none; } /*wishlist*/ .yith-wcwl-add-to-wishlist {margin-top: 30px; } .yith-wcwl-add-to-wishlist a {display: inline-block; } .yith-wcwl-add-button {position: relative; } .yith-wcwl-add-button .ajax-loading {position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; margin-left: -8px; margin-top: -8px; } .add_to_wishlist::before {font-family: 'FontAwesome'; content: '\f08a'; font-size: 18px; padding-right: 6px; } .yith-wcwl-wishlistaddedbrowse a::before,.yith-wcwl-wishlistexistsbrowse a::before {font-family: 'FontAwesome'; content: '\f004'; font-size: 18px; padding-right: 6px; } .yith-wcwl-add-to-wishlist .feedback {display: none; } .group-button .yith-wcwl-add-to-wishlist a:hover::before,.group-button .yith-wcwl-add-to-wishlist a:focus::before {color: #ffffff; } /*compare*/ .compare::before {font-family: 'FontAwesome'; content: '\f0ec'; font-size: 17px; padding-right: 6px; } .compare.added::before {content: '\f00c'; } /*group-button*/ .group-button {position: absolute; top: 100%; left: 0; width: 100%; z-index: 9; opacity: 0; visibility: hidden; } .product-item:hover .group-button {opacity: 1; display: block; visibility: visible; -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.35); -moz-box-shadow: 0 0 9px rgba(0,0,0,0.35); box-shadow: 0 0 9px rgba(0,0,0,0.35); } .group-button .add_to_cart_button,.group-button .added_to_cart,.group-button .product_type_simple,.group-button .product_type_external,.group-button .product_type_grouped {float: left; margin: 0 5px 5px 0; } .group-button .yith-wcwl-add-to-wishlist a,.group-button .compare-button .compare {display: inline-block; width: 41px; height: 41px; line-height: 37px; font-size: 0; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e6e6e6; margin-top: 0; background-color: #ffffff; } .group-button .yith-wcwl-add-to-wishlist a{line-height: 38px; } .group-button .compare-button .compare:hover::before,.group-button .compare-button .compare:focus::before,.group-button .compare-button .compare.added:hover::before,.group-button .compare-button .compare.added:focus::before {color: #ffffff; } .group-button .yith-wcwl-add-to-wishlist a::before,.group-button .compare-button a::before {padding-right: 0; } .group-button .inner {overflow: hidden; background-color: #ffffff; padding: 0 10px 25px 10px; margin-top: -10px; } .group-button .yith-wcwl-add-to-wishlist,.group-button .compare-button {float: left; margin: 0 5px 5px 0; font-size: 0; } .group-button .yith-wcwl-add-to-wishlist {margin-right: 0; } /*single-product*/ /*.single-product .single-right*/ .single-product .product_title {font-size: 18px; font-weight: 600; line-height: 20px; color: #222222; margin: 12px 0 8px 0; } .single-product .star-rating {display: inline-block; margin-bottom: 0; } .single-product .product-overview p {font-size: 14px; line-height: 20px; color: #8e8e8e; margin-bottom: 35px; } .summary .price .woocommerce-Price-amount {font-size: 26px; } .single-product.product .price del .woocommerce-Price-amount {font-size: 20px; } .summary:before,.summary:after{content: ''; display: table; } .summary:after{clear: both; } .single-product .product_meta {display: block; float: left; width: 100%; } .single-product .product_meta>span{display: block; } .single-product .group_table tr th {font-size: 14px; font-weight: 600; color: #8e8e8e; } .single-product .group_table .label-product label {font-size: 14px; line-height: 20px; margin-bottom: 0; } .single-product .group_table .quantity {margin: 0; } .single-product .group_table .price .woocommerce-Price-amount {font-size: 18px; font-weight: 400; } .single-product .group_table .price del .woocommerce-Price-amount {font-size: 13px; } .single-product .quantity {display: inline-block; float: left; margin: 0 10px 10px 0; } .single-product .quantity .control {width: 120px; } .single-product .quantity .btn-number {width: 34px; height: 40px; line-height: 40px; } .single-product .quantity .input-qty {width: 52px; height: 40px; line-height: 40px; } .single_add_to_cart_button {float: left; display: inline-block; height: 40px; line-height: 40px; text-align: center; text-transform: uppercase; padding: 0 15px; margin: 0 10px 10px 0; font-size: 14px; font-weight: 600; border: 1px solid #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #666666; background-color: #ffffff; } .single_add_to_cart_button:hover,.single_add_to_cart_button:focus,.single-product .compare:hover::before,.single-product .yith-wcwl-add-to-wishlist a:hover,.single-product .yith-wcwl-wishlistaddedbrowse a:hover::before,.single-product .yith-wcwl-wishlistexistsbrowse a:hover::before {color: #ffffff; } .single-product .yith-wcwl-add-to-wishlist,.single-product.product .compare {float: left; margin: 0 10px 10px 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .single-product.product .yith-wcwl-add-to-wishlist {margin-right: 0; } .single-product .yith-wcwl-add-to-wishlist a,.single-product .compare {display: inline-block; float: left; width: 40px; height: 40px; line-height: 38px; font-size: 0; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #e6e6e6; } .single-product .yith-wcwl-add-to-wishlist {display: inline-block; font-size: 0; margin-top: 0; } .single-product .yith-wcwl-add-to-wishlist a::before,.single-product .compare::before {padding-right: 0; } /*.single-product .single-left*/ .single-product .single-left {position: relative; } .single-product .single-left .flashs {left: 0; position: absolute; left: 0; z-index: 10; } .woocommerce-product-gallery {position: relative; } .woocommerce-product-gallery .woocommerce-product-gallery__trigger{text-decoration: none; position: absolute; top: .875em; right: .875em; display: block; height: 2em; width: 2em; border-radius: 3px; z-index: 99; text-align: center; text-indent: -999px; overflow: hidden; } .woocommerce-product-gallery .woocommerce-product-gallery__trigger {background-color: #169fda; color: #ffffff; } .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {background-color: #1781ae; border-color: #1781ae; color: #ffffff; } .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {font: normal normal normal 1em/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; content: "\f00e"; line-height: 2; text-indent: 0; } .woocommerce-product-gallery .flex-viewport {border: 1px solid #e6e6e6; text-align: center; } .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs{margin-left:0; padding-left:0; margin-top: 10px; display: inline-block; width: 100%; } .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {list-style: none; display: inline-block; float: left; } .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs >li {width: 25%; padding: 5px; } .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img {border: 1px solid #e6e6e6; } .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs.owl-loaded{position: relative; } .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs.owl-loaded .owl-stage-outer {overflow: hidden; } .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs.owl-loaded .owl-item {display: inline-block; } .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs.owl-loaded .owl-nav .owl-prev,.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs.owl-loaded .owl-nav .owl-next {display: inline-block; position: absolute; width: 32px; height: 32px; line-height: 28px; font-size: 18px; text-align: center; color: #555555; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #dddddd; top: 45%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); } .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs.owl-loaded .owl-nav .owl-prev {left: -19px; } .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs.owl-loaded .owl-nav .owl-next {right: -19px; } .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs.owl-loaded .owl-nav .owl-prev:hover,.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs.owl-loaded .owl-nav .owl-next:hover {color: #ffffff; } /*form-cart*/ .form-cart {margin-bottom: 40px; } .form-cart-left {padding: 0 20px; border: 1px solid #e6e6e6; } /*.shop_table*/ .shop_table {border: none; } .shop_table ul {padding: 0; } .shop_table ul li {list-style: none; } .shop_table .woocommerce-Price-amount {font-size: 16px; font-weight: 600; line-height: 24px; color: #222222; } .shop_table del .woocommerce-Price-amount {font-size: 13px; font-weight: 400; color: #888888; text-decoration: line-through; } .shop_table thead tr th {font-weight: 600; color: #8e8e8e; } .shop_table thead,.shop_table tbody,.shop_table tfoot {background-color: transparent; } .shop_table thead {border-bottom: 1px solid #e6e6e6; } .shop_table tr {border-bottom: 1px solid #e6e6e6; } .shop_table tr.cart-subtotal {border-bottom: none; } .shop_table.shop_table_responsive tr:last-child {border-bottom: none; } .shop_table.shop_table_responsive tr.cart_item:last-child {border-bottom: 1px solid #e6e6e6; } .shop_table tfoot tr:last-child {border: none; } .shop_table tr th:last-child,.shop_table tr td:last-child {text-align: right; } .shop_table tr td.wishlist-empty {text-align: center; } .shop_table tr th,.shop_table tr td {border: none; font-size: 14px; padding: 10px 15px; } .shop_table tr th:first-child,.shop_table tr td:first-child {padding-left: 0; } .shop_table tr th:last-child,.shop_table tr td:last-child {padding-right: 0; } .shop_table tr td.product-thumbnail img {width: 100px; height: auto; } .wishlist_table tr td,.wishlist_table tr th.wishlist-delete,.wishlist_table tr th.product-checkbox {text-align: left; } .woocommerce .wishlist_table td.product-add-to-cart a {display: inline-block !important; margin: 0; } .woocommerce table.wishlist_table thead th,.woocommerce table.wishlist_table tbody td {border-color: #e6e6e6; } .woocommerce table.wishlist_table tbody td {padding: 10px 15px; } .woocommerce table.wishlist_table tbody td:first-child,.woocommerce table.wishlist_table tbody td:last-child {padding: 10px 0; } .wishlist_table tr td.product-thumbnail a {max-width: 100px; width: 100px; } .product-remove .remove {font-size: 0; line-height: 28px; color: #888888; } .product-remove .remove::before {font-family: 'FontAwesome'; content: '\f00d'; font-size: 12px; } .quantity,.quantity .control {overflow: hidden; } .quantity .control {width: 110px; } .quantity .btn-number {float: left; font-size: 0; color: #8e8e8e; text-align: center; display: inline-block; width: 31px; height: 35px; line-height: 35px; border: 1px solid #e6e6e6; } .quantity .btn-number::before {font-family: 'FontAwesome'; font-size: 12px; } .quantity .btn-number.quantity-minus::before {content: '\f068'; } .quantity .btn-number.quantity-plus::before {content: '\f067'; } .quantity .input-qty {float: left; font-size: 15px; font-weight: 600; text-transform: uppercase; color: #8e8e8e; text-align: center; width: 48px; height: 35px; line-height: 35px; padding: 0 5px; border-left: none; border-right: none; background-color: #ffffff; } .continue_shoping {float: left; } .clear_cart.update_cart {text-align: right; } .clear_cart.update_cart .cart_update_cart {margin-left: 7px; } .continue_shoping a,#cart_clear_cart,.clear_cart.update_cart .cart_update_cart {display: inline-block; height: 42px; line-height: 42px; border-radius: 3px; text-align: center; font-size: 13px; font-weight: 600; text-transform: uppercase; padding: 0 10px; color: #555555; background-color: #eeeeee; } .continue_shoping a:hover,#cart_clear_cart:hover,.clear_cart.update_cart .cart_update_cart:hover {color: #ffffff; } .cart-collaterals {margin: 30px 0 50px 0; } .cart-collaterals h3 {font-size: 15px; font-weight: 700; line-height: 18px; color: #222222; text-transform: uppercase; margin: 20px 0; } .cart-collaterals .table-wrap {border: 1px solid #e6e6e6; padding: 19px; } .cart-collaterals .table-wrap .table-title {font-size: 14px; font-weight: 600; line-height: 18px; color: #222222; text-transform: uppercase; padding: 12px 0 20px 0; margin: 0; border-bottom: 1px solid #e6e6e6; } .cart-actions .coupon {position: relative; } .cart-actions .coupon .input-text {width: 100%; padding: 6px 20px; background-color: #fff; padding-right: 90px; } .cart-actions .coupon .button {position: absolute; right: 0; top: 0; padding: 0 15px; border-radius: 0; } .wc-proceed-to-checkout {margin-bottom: 10px; } .wc-proceed-to-checkout .button {display: inline-block; padding: 0 15px; font-size: 13px; font-weight: 600; height: 42px; line-height: 42px; min-width: 187px; color: #ffffff; text-transform: uppercase; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #eeeeee; } .wc-proceed-to-checkout a.button,.wc-proceed-to-checkout input.button:hover {color: #ffffff; } /*checkout in cart*/ .calculated_shipping .shop_table .woocommerce-Price-amount {font-size: 16px; color: #555555; } .shop_table tr.shipping {vertical-align: top; } .shop_table tr.shipping .shipping_method {} .shop_table tr.shipping td >p {margin: 0; } .shop_table tr.shipping td label,.shop_table tr.shipping td >p a {font-size: 16px; font-weight: 600; line-height: 30px; color: #555555; } table.cart .actions{padding-top: 30px; } .shipping-calculator-form {margin-top: 10px; } .shipping-calculator-form p {float: none; width: auto; } .shipping-calculator-form p input {width: auto; color: #555555; font-size: 15px; font-weight: 600; } .shipping-calculator-form p select {width: 222px; } .shipping-calculator-form p .button {display: inline-block; padding: 0 15px; font-size: 13px; font-weight: 600; height: 42px; line-height: 42px; min-width: 187px; text-transform: uppercase; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #ffffff; background-color: #eeeeee; } /*woocommerce-tabs*/ .woocommerce-tabs {margin-top: 30px; } .wc-tabs {padding: 0; overflow: hidden; margin-bottom: -1px; } .shop_attributes{margin-bottom: 0; } .wc-tabs li {list-style: none; display: inline-block; vertical-align: bottom; margin-right: 7px; text-align: center; } .wc-tabs li.description_tab a {padding: 0 29px; } .wc-tabs li.additional_information_tab a {padding: 0 19px; } .wc-tabs li.reviews_tab a {padding: 0 25px; } .wc-tabs li a {display: block; width: 100%; font-size: 14px; font-weight: 600; text-transform: uppercase; height: 45px; line-height: 45px; text-align: center; background-color: #eeeeee; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; padding: 0 10px; } .wc-tabs li a:hover {color: #ffffff; } .wc-tabs li.active a {height: 50px; line-height: 50px; color: #ffffff; } .woocommerce-Tabs-panel {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid #e6e6e6; padding: 25px 20px; } .woocommerce-Tabs-panel p:last-child {margin-bottom: 0; } .woocommerce-Reviews.woocommerce-Reviews-title {font-size: 18px; color: #333333; margin: 0; } /*comment*/ .comment-respond .stars a {font-size: 0; color: #ccc; display: inline-block; border-right: 1px solid #e6e6e6; padding: 0 10px; line-height: 12px; } .comment-respond .stars a:first-child {padding-left: 0; } .comment-respond .stars a:last-child {padding-right: 0; border-right: none; } .comment-respond .stars a:before {font-family: 'FontAwesome'; font-size: 12px; display: inline-block; letter-spacing: 2px; } .comment-respond .stars a.star-1:before {content: "\f005"; } .comment-respond .stars a.star-2:before {content: "\f005\f005"; } .comment-respond .stars a.star-3:before {content: "\f005\f005\f005"; } .comment-respond .stars a.star-4:before {content: "\f005\f005\f005\f005"; } .comment-respond .stars a.star-5:before {content: "\f005\f005\f005\f005\f005"; } .comment-respond input[type=text],.comment-respond input[type=email],.comment-respond input[type=number],.comment-respond textarea,.comment-respond select {width: 100%; } /*comment product*/ .woocommerce-Reviews-title {font-size: 18px; line-height: 20px; font-weight: 600; text-transform: uppercase; margin: 0 0 20px 0; } .commentlist {list-style: none; padding: 0; } .commentlist .comment {list-style: none; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6; margin-bottom: 20px; } .commentlist .avatar {width: 70px; height: 70px; float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .commentlist .comment-text {overflow: hidden; padding-left: 20px; } .commentlist .comment-text .meta {margin-bottom: 10px; } /*owl product*/ .owl-carousel:hover {z-index: 99; } .product-list-owl .owl-stage-outer:hover{padding-bottom: 150px; margin-bottom: -150px; margin-left: -5px; margin-right: -5px; padding-left: 5px; padding-right: 5px; } .owl-stage-outer:hover .owl-item{opacity: 0; visibility: hidden; } .owl-stage-outer:hover .owl-item.active{opacity: 1; visibility: visible; } .product-items {padding: 0; } .product-items .owl-nav {position: absolute; right: 10px; top: -37px; } /*block-header*/ .block-header {margin-bottom: 30px; } .block-header .block-content {border: 1px solid #e6e6e6; padding-left: 1px; } .page-title {font-size: 16px; font-weight: 600; line-height: 30px; text-transform: uppercase; color: #222222; margin: 0 0 10px 0; margin-top: -7px; } .shop_banner{margin-bottom: 20px; } .wishlist-title h2 {display: inline-block; font-size: 14px; font-weight: 600; line-height: 30px; text-transform: uppercase; color: #222222; margin: 0 0 10px 0; } .wishlist_table .add_to_cart.button {padding: 0; line-height: 40px; padding: 0 15px; } /*toolbar-products*/ .toolbar-products {padding: 7px 18px; margin-bottom: 30px; background-color: #eeeeee; } .woocommerce-ordering {float: left; z-index: 9; } .woocommerce-ordering .chosen-container-single {width: 163px !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .woocommerce-ordering .chosen-container-single .chosen-single {border: 1px solid #e6e6e6; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0 20px; background-color: #ffffff; height: 33px!important; line-height: 33px!important; } .woocommerce-ordering .chosen-container-single .chosen-single span {font-size: 13px; } .woocommerce-ordering .chosen-container-single .chosen-single div {width: 25px; } .toolbar-products .modes {text-align: right; } .toolbar-products .modes .modes-mode {display: inline-block; padding-left: 25px; font-size: 13px; line-height: 33px; color: #666666; } .toolbar-products .modes .modes-mode:first-child {padding-left: 0; } .toolbar-products .modes .modes-mode:hover,.toolbar-products .modes .modes-mode.active {color: #333333; } .toolbar-products .modes .modes-mode:before {font-family: 'FontAwesome'; font-size: 20px; padding-right: 10px; vertical-align: middle; } .toolbar-products .modes .modes-mode.mode-grid:before {content: '\f009'; } .toolbar-products .modes .modes-mode.mode-list:before {content: '\f00b'; } /*woof_products_top_panel*/ .woof_products_top_panel {z-index: 8; border: 1px solid #e6e6e6; padding: 10px; margin-top: 0; margin-bottom: 20px; text-transform: uppercase; font-size: 10px; color: #000; } .woof_products_top_panel a{color: #000; } /*---particular---*/ /*product-list-grid*/ .product-list-grid {padding-left: 0; } .product-item.list .product-inner {overflow: hidden; padding: 35px 9px; } .product-item.list .product-thumb {float: left; } .product-item.list .product-thumb img {width: 270px; height: auto; } .product-item.list .flashs >span:first-child {margin-top: 0; } .product-item.list .product-info {border-top: none; padding: 9px 0; margin: 0; overflow: hidden; } .product-item.list .inner {display: table; } .product-item.list .product-info-left {display: table-cell; border-right: 1px solid #e6e6e6; padding: 0 10px; vertical-align: middle; } .product-item.list .product-info-left .product-name {font-size: 16px; } .product-item.list .product-info-left .price .woocommerce-Price-amount {font-size: 20px; } .product-item.list .product-info-left .price del .woocommerce-Price-amount {font-size: 15px; } .product-item.list .product-info-right {vertical-align: middle; display: table-cell; width: 190px; padding-left: 30px; } .product-item.list .add_to_cart_button,.product-item.list .added_to_cart,.product-item.list .product_type_simple,.product-item.list .product_type_external,.product-item.list .product_type_grouped{color: #fff; border: none; } .product-item.list .compare-button{margin-top: 8px; } /*product-item.style1*/ .product-inner.style1 {padding: 10px; background-color: #fff; padding-bottom: 13px; } .product-item:hover .product-inner.style1 {-webkit-box-shadow: 0 0 9px rgba(0,0,0,0.35); -moz-box-shadow: 0 0 9px rgba(0,0,0,0.35); box-shadow: 0 0 9px rgba(0,0,0,0.35); } .product-inner.style1 .product-info {border-top: 1px solid #e6e6e6; padding: 14px 0 0 0; overflow: hidden; } .owl-carousel .product-item.style1:last-child {margin-bottom: 0; } /*product-item.style2*/ .product-inner.style2 {overflow: hidden; padding: 20px 0; } .product-item.style2.products {border: none; } .product-item.style2.products .product-inner.style2 {padding: 20px; padding-right: 10px; } .product-item.style2 .product-thumb {float: left; width: 195px; } .product-item.style2 .flashs {left: -20px; } .product-item.style2.products .product-thumb {padding-left: 0; } .product-item.style2 .product-info {overflow: hidden; padding: 0 10px; } .product-item.style2.products .product-info {overflow: hidden; padding: 35px 0; padding-bottom: 0; padding-left: 10px; } /*product-item.style3*/ .product-inner.style3 {padding: 10px 35px 11px 35px; } .product_gallery {padding-top: 10px; padding-bottom: 33px; } .product_gallery .owl-item .gallery_single_img img {border: 1px solid #e6e6e6; cursor: pointer; } .product-inner.style3 .star-rating {width: 93px; } .product-inner.style3 .star-rating:before,.product-inner.style3 .star-rating span:before {font-size: 13px; } .product-inner.style3 .product-name {font-size: 16px; } /*product-item.style4*/ .product-inner.style4 {overflow: hidden; background-color: transparent; } .product-inner.style4 .product-thumb {float: left; } .product-inner.style4 .flashs {left: 0; } .product-inner.style4 .product-thumb img {border: 1px solid #e6e6e6; width: 80px; height: auto; } .product-inner.style4 .product-info {overflow: hidden; padding-left: 10px; } /*product-item.style5*/ .product-inner.style5{padding: 10px 19px 19px 19px; } .product-inner.style5 .product-thumb{margin-bottom: 7px; } .product-inner.style5 .flashs {left: -19px; } .product-inner.style5 .group-button .inner {padding: 0 19px 30px 19px; } .product-item.style5:hover .product-inner {-webkit-box-shadow: 0 0 9px rgba(0,0,0,0.35); -moz-box-shadow: 0 0 9px rgba(0,0,0,0.35); box-shadow: 0 0 9px rgba(0,0,0,0.35); } /*product-item.style6*/ .product-inner.style6 {padding: 0 19px 29px 19px; } .product-inner.style6 .flashs{display: none; } .product-inner.style6 .product-thumb{padding: 10px 15px; } .product-inner.style6 .product-info {text-align: center; } .product-inner.style6 .star-rating {margin: 0 auto; } .product-item.style6 .product-count-down .box-count{padding-top: 1px; } /*product-item.style7*/ .product-item.style7 {background-color: #ffffff; } .product-item.style7.best-selling {padding: 0 9px 0 0; } .product-inner.style7 {position: relative; overflow: hidden; padding: 11px 0 8px 0; border-bottom: 1px solid #e6e6e6; } .product-item.style7:last-child .product-inner {border: none; } .product-inner.style7 .product-thumb {float: left; } .product-inner.style7 .product-thumb .thumb-inner img {width: 80px; height: auto; } .product-inner.style7 .product-info {overflow: hidden; padding-left: 9px; } /*.product-inner.style8*/ .product-inner.style8 {background-color: transparent; padding-bottom: 15px; } .product-item.style8:hover .product-inner{background-color: #ffffff; } .product-inner.style8 .flashs {left: 0; top: 10px; } .product-inner.style8 .product-name a{color: #aaaaaa; } .product-inner.style8:hover .product-name a{color: #555555; } .product-item.style8:hover .woocommerce-Price-amount {color: #888888; } .product-inner.style8 .group-button {border: none; left: 0; width: 100% } .product-inner.style8 .yith-wcqv-button {width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: calc(100% - 20px); margin: 0 10px; } .product-inner.style8 .product-info {margin: 0; padding: 14px 0 0px 0; } .product-item.style8:hover .product-info{margin: 0 10px; } .product-inner.style8 .product-name {color: #aaaaaa; } .product-inner.style8 .woocommerce-Price-amount {color: #ffffff; } .product-inner.style8 .price del .woocommerce-Price-amount {color: #888888; } .product-inner.style8 .price ins .woocommerce-Price-amount {color: #e5534c; } .product-inner.style8 .group-button .add_to_cart_button,.product-inner.style8 .group-button .added_to_cart,.product-inner.style8 .group-button .product_type_external,.product-inner.style8 .group-button .product_type_grouped {font-size: 0; width: 40px; min-width: 40px; padding: 0; } .product-inner.style8 .add_to_cart_button::before,.product-inner.style8 .added_to_cart::before,.product-inner.style8 .product_type_external::before ,.product-inner.style8 .product_type_grouped::before {font-family: 'FontAwesome'; content: '\f218'; font-size: 19px; line-height: 38px; } /*.product-item.style9*/ .product-inner.style9 {border: 1px solid #e6e6e6; padding: 9px; overflow: hidden; position: relative; } .product-item.style9:hover .product-inner{-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.15); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.15); box-shadow: 0 0 5px 0 rgba(0,0,0,.15); } .product-inner.style9 .product-thumb {float: left; } .product-inner.style9 .product-thumb img {width: 190px; height: auto; } .product-inner.style9 .yith-wcqv-button {bottom: 12px; } .product-inner.style9 .product-info {overflow: hidden; padding-top: 25px; padding-left: 10px; } .product-item.style9:hover .group-button {opacity: 1; visibility: visible; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .product-inner.style9 .group-button {position: absolute; top: auto; bottom: 8px; left: 210px; width: auto; margin-top: 10px; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .product-inner.style9 .group-button .inner {padding: 0; display: inline-block; } .product-inner.style9 .group-button .add_to_cart_button,.product-inner.style9 .group-button .added_to_cart,.product-inner.style9 .group-button .product_type_simple,.product-inner.style9 .group-button .product_type_external,.product-inner.style9 .group-button .product_type_grouped {font-size: 0; width: 40px; min-width: 40px; margin: 0 10px 0 0; padding: 0; height: 40px; line-height: 38px; } .product-inner.style9 .group-button .add_to_cart_button::before,.product-inner.style9 .group-button .added_to_cart::before,.product-inner.style9 .group-button .product_type_simple::before,.product-inner.style9 .group-button .product_type_external::before,.product-inner.style9 .group-button .product_type_grouped::before {font-family: 'FontAwesome'; content: '\f218'; font-size: 18px; } .product-inner.style9 .group-button .compare-button {margin: 0 10px 0 0; } .product-inner.style9 .group-button .yith-wcwl-add-to-wishlist {margin: 0; } .product-inner.style9 .group-button .add_to_cart_button:hover::before,.product-inner.style9 .group-button .add_to_cart_button:focus::before,.product-inner.style9 .group-button .added_to_cart:hover::before,.product-inner.style9 .group-button .added_to_cart:focus::before,.product-inner.style9 .group-button .product_type_simple:hover::before,.product-inner.style9 .group-button .product_type_simple:focus::before,.product-inner.style9 .group-button .product_type_external:hover::before,.product-inner.style9 .group-button .product_type_external:focus::before,.product-inner.style9 .group-button .product_type_grouped:hover::before,.product-inner.style9 .group-button .product_type_grouped:focus::before,.product-inner.style9 .group-button .compare-button .compare:hover::before,.product-inner.style9 .group-button .compare-button .compare:focus::before,.product-inner.style9 .group-button .compare-button .compare.added:hover::before,.product-inner.style9 .group-button .compare-button .compare.added:focus::before,.product-inner.style9 .group-button .yith-wcwl-add-to-wishlist a:hover::before,.product-inner.style9 .group-button .yith-wcwl-add-to-wishlist a:focus::before{color: #222222; } .woo_product_ajax_loadmore {text-align: center; line-height: 40px; padding-top: 5px; } .woo_product_ajax_loadmore_btn {display: inline-block; font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 19px; color: #aaaaaa; } .woo_product_ajax_loadmore_btn::before {font-family: 'FontAwesome'; content: '\f067'; margin-right: 7px; } /*.product-item.style10*/ .product-inner.style4.style10 {background-color: transparent; } .product-item.style10 .product-name a{color: #aaaaaa; } .product-inner.style4.style10 .product-name {color: #aaaaaa; } .product-inner.style4.style10 .woocommerce-Price-amount {color: #ffffff; } .product-inner.style4.style10 .price del .woocommerce-Price-amount {color: #888888; } .product-inner.style4.style10 .price ins .woocommerce-Price-amount {color: #e5534c; } /*.product-inner.style1.style11*/ .product-inner.style11 .group-button .add_to_cart_button,.product-inner.style11 .group-button .added_to_cart,.product-inner.style11 .group-button .product_type_external,.product-inner.style11 .group-button .product_type_grouped {font-size: 0; width: 40px; min-width: 40px; padding: 0; height: 41px; } .product-inner.style11 .group-button .add_to_cart_button::before,.product-inner.style11 .group-button .added_to_cart::before,.product-inner.style11 .group-button .product_type_external::before ,.product-inner.style11 .group-button .product_type_grouped::before {font-family: 'FontAwesome'; content: '\f218'; font-size: 19px; line-height: 38px; } /*product-count-down*/ .product-count-down {padding-top: 20px; } .product-count-down .techone-countdown {overflow: hidden; } .product-count-down .techone-countdown .box-count {display: inline-block; width: 40px; height: 40px; line-height: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e6e6e6; background-color: #f1f1f1; text-align: center; margin-right: 10px; margin-bottom: 10px; padding: 5px; } .product-count-down .techone-countdown .box-count:last-child {margin: 0; } .product-count-down .techone-countdown .box-count .number {display: inline-block; width: 100%; font-size: 18px; line-height: 21px; font-weight: 700; color: #222222; } .product-count-down .techone-countdown .box-count .text {display: inline-block; width: 100%; font-size: 11px; line-height: 16px; color: #aaaaaa; } .product-count-down .techone-countdown .dot {display: none; } .product-item.style2 .product-count-down .techone-countdown .box-count {width: 42px; height: 42px; } .product-item.style2 .product-count-down .techone-countdown .box-count .number {font-size: 16px; line-height: 20px; } .product-item.style2 .product-count-down .techone-countdown .box-count .text {font-size: 10px; line-height: 12px; } .product-item.style2.products .product-count-down .techone-countdown .box-count {width: 42px; height: 42px; } .product-item.style2.products .product-count-down .techone-countdown .box-count .number {line-height: 14px; } .product-item.style2.products .product-count-down .techone-countdown .box-count .text {line-height: 6px; text-transform: uppercase; } /*product-item.style2*/ .product-inner.style12 {overflow: hidden; padding: 20px 0; } .product-item.style12 .product-inner {padding: 15px; padding-right: 10px; } .product-item.style12 .product-thumb {float: left; width: 165px; } .product-item.style12 .flashs {left: -20px; } .product-item.style12 .product-thumb {padding-left: 0; } .product-item.style12 .product-info {overflow: hidden; padding: 0 10px; } .product-item.style12 .product-info {overflow: hidden; padding: 20px 0; padding-bottom: 0; padding-left: 10px; } .product-item.style12 .product-count-down .box-count {width: 38px; height: 38px; margin-right: 5px; margin-bottom: 5px; padding: 0; } .product-item.style12 .product-count-down .box-count:last-child{margin-right: 0; } .product-item.style12 .product-count-down .box-count .text{text-transform: uppercase; } .product-list-owl .product-item.style12{padding: 1px; } /*================= BLOG THEME==================*/ .post-item {overflow: hidden; } .post-item .post-thumb {padding-bottom: 15px; } .post-item-info {padding: 0 0 30px 0; } .post-name {font-size: 16px; font-weight: 600; text-transform: uppercase; color: #222222; margin: 0; -ms-word-wrap: break-word; word-wrap: break-word; } .post-name a {color: inherit; } .post-title {font-size: 14px; font-weight: 600; text-transform: uppercase; color: #333333; margin: 0; } .post-password-form input[type=submit] {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0 20px; height: 34px; line-height: 34px; vertical-align: top; } .post-metas {font-size: 13px; padding-bottom: 12px; margin-bottom: 15px; } .post-item-info .post-metas {border-bottom: 1px solid #e6e6e6; } .post-item-info .post-metas >span {padding-right: 45px; } .post-metas .time {color: #999999; } .post-metas .time .day {font-size: 20px; font-weight: 600; } .post-content p {font-size: 14px; line-height: 20px; } .post-content p:last-child {margin: 0; } .post-excerpt {font-size: 14px; line-height: 24px; color: #888888; padding: 0 0 23px 0; } .post-item-info .button {display: inline-block; height: 41px; line-height: 41px; font-size: 13px; font-weight: 600; text-transform: uppercase; color: #ffffff; padding: 0 23px 0 24px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .post-item-info .button:hover{opacity: 0.9; } .post-footer .tags label {font-size: 14px; line-height: 20px; color: #222222; margin: 0; } .post-footer .tags a {font-size: 13px; line-height: 20px; } .post-comments {display: inline-block; margin-top: 55px; width: 100%; } .post-comments .name-author {font-size: 14px; font-weight: 600; line-height: 15px; margin: 0 0 18px; text-transform: uppercase; } .post-comments .block-title {font-size: 14px; font-weight: 600; line-height: 20px; color: #000000; padding-bottom: 15px; margin: 0 0 30px 0; text-transform: uppercase; border-bottom: 1px solid #e6e6e6; } .comments {list-style: none; padding: 0; margin-bottom: 25px; } .comments .comment {margin-top: 30px; } .comments .comment .comment-respond{padding: 20px; background-color: #fafafa; margin-top: 30px; } .comments .comment .comment-respond .form-submit{margin-bottom: 0; } .comments .comment-body{border: 1px solid #e6e6e6; padding: 20px; } .comment-author {float: left; } .comment-content {font-size: 14px; line-height: 20px; } .comment-content .head .author {font-size: 16px; font-weight: 600; line-height: 20px; color: #000000; text-transform: uppercase; } .comment-content .head .author:after {content: ' - '; } .comment-content .head .comment-meta {display: inline-block; } .comment-content .coment-text {color: #888888; margin-top: 15px; } .comment-content .coment-text p:last-child {margin: 0; } .date-reply-comment {margin-bottom: 10px; } .comment-reply-link {color: #333333; display: inline-block; font-size: 14px; text-transform: uppercase; } .comments .children {list-style: none; padding: 0; padding-left: 30px; } .comment-respond .comment-reply-title {display: inline-block; font-size: 14px; font-weight: 600; line-height: 20px; text-transform: uppercase; color: #000000; padding-bottom: 15px; margin: 0 0 30px 0; border-bottom: 1px solid #e6e6e6; } .comment-respond .comment-form >p {margin-bottom: 30px; } .comment-respond .comment-form label {font-size: 14px; font-weight: 600; line-height: 19px; color: #222222; } .comment-respond .form-submit input[type=submit] {display: inline-block; height: 44px; line-height: 44px; font-size: 13px; font-weight: 600; text-transform: uppercase; color: #ffffff; padding: 0 35px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /*==================== WIDGET THEME====================*/ /*---general---*/ .widget-area >.widget {margin-bottom: 25px; } .widget-area .widget .widgettitle {font-size: 14px; font-weight: 600; text-transform: uppercase; color: #222222; border-bottom: 1px solid #e6e6e6; margin-top: 0; margin-bottom: 20px; padding-bottom: 15px; } .widget-area .widget select {margin-top: 20px; } .widget-area .widget p {font-size: 13px; line-height: 20px; } .widget-area .widget p:last-child {margin-bottom: 0; } .widget-area .widget ul {padding: 0; overflow: hidden; } .widget-area .widget ul li {list-style: none; border-bottom: 1px solid #e6e6e6; padding: 5px 0; font-size: 13px; display: inline-block; float: left; width: 100%; } .widget-area .widget ul li:last-child {padding-bottom: 0; border-bottom: none; } .widget-area .widget ul.children,.widget-area .widget ul.sub-menu {padding-left: 17px; overflow: visible; } .widget-area .widget ul.children li,.widget-area .widget ul.sub-menu li {border-top: 1px solid #e6e6e6; margin-top: 5px; padding-top: 5px; padding-bottom: 0; border-bottom: none; } .widget-area .widget ul li a {display: inline-block; } .widget label {width: 100%; margin: 15px 0; } /*---particular---*/ .widget-area .widget_categories .widgettitle,.widget-area .techone_latest_posts_widget .widgettitle,.widget-area .widget_products .widgettitle ,.widget-area .widget_layered_nav .widgettitle,.widget-area .widget_product_categories .widgettitle {margin-bottom: 0; } /*widget_text*/ .textwidget {overflow: hidden; } /*widget_search*/ .widget_search .searchform {display: inline-block; width: 100%; position: relative; } .widget_search .searchform .search-field {display: inline-block; width: 100%; height: 40px; line-height: 40px; font-size: 13px; color: #888888; padding: 0 75px 0 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #ffffff; } .widget_search .searchform .button {display: inline-block; position: absolute; top: 0; right: 0; width: 40px; height: 40px; line-height: 38px; font-size: 0; color: #555555; padding: 0; border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border: 1px solid #e6e6e6; border-left: 0; background-color: transparent; } .widget_search .searchform .button:before {font-family: 'FontAwesome'; content: '\f002'; font-size: 20px; font-weight: 400; line-height: 38px; } /*widget_product_search*/ .widget_product_search .woocommerce-product-search {display: inline-block; width: 100%; position: relative; } .widget_product_search .woocommerce-product-search p {margin-bottom: 0; } .widget_product_search .woocommerce-product-search .search-field {display: inline-block; width: 100%; height: 40px; line-height: 40px; font-size: 13px; color: #888888; padding: 0 75px 0 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #ffffff; } .widget_product_search .woocommerce-product-search .button {display: inline-block; position: absolute; top: 0; right: 0; width: 60px; height: 40px; line-height: 40px; font-size: 0; border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-left: 0; background-color: transparent; } .widget_product_search .woocommerce-product-search::before {font-family: 'FontAwesome'; content: '\f002'; display: inline-block; position: absolute; top: 0; right: 0; width: 60px; height: 40px; text-align: center; font-size: 20px; line-height: 38px; color: #555555; } /*widget_categories*/ .widget_categories >ul .cat-item {text-align: right; } .widget_categories >ul .cat-item a{float: left; } .widget_categories >ul .cat-item a::before {font-family: 'FontAwesome'; content: '\f0da'; margin: 0 8px 0 1px; } /*widget_product_categories*/ .widget_product_categories .cat-item {text-align: right; } .widget_product_categories .cat-item a {float: left; } /*widget_archive*/ .widget_archive ul li {text-align: right; } .widget_archive ul li a {float: left; } /*techone_latest_posts_widget*/ .techone_latest_posts_widget .block-content .latest-post {padding: 10px 0 0 0; } .techone_latest_posts_widget .block-content .latest-post li {overflow: hidden; list-style: none; padding-top: 11px; padding-bottom: 8px; border-bottom: none; } .techone_latest_posts_widget .block-content .latest-post li:last-child {padding-bottom: 0; } .techone_latest_posts_widget .block-content .latest-post li .item-photo {float: left; } .techone_latest_posts_widget .block-content .latest-post li .item-photo a {overflow: hidden; display: block; } .techone_latest_posts_widget .block-content .latest-post li .item-photo img {width: 80px; height: auto; } .techone_latest_posts_widget .block-content .latest-post li .item-detail {overflow: hidden; padding: 6px 0 0 10px; } .techone_latest_posts_widget .block-content .latest-post li .item-detail .item-name {display: inline-block; font-size: 13px; font-weight: 600; line-height: 16px; color: #333333; text-transform: uppercase; padding-bottom: 7px; } .techone_latest_posts_widget .block-content .latest-post li .item-detail .item-athur {font-size: 13px; line-height: 16px; color: #aaaaaa; } /*techone_products widget_products .product_list_widget*/ .widget_products .widgettitle {font-size: 15px; font-weight: 700; } .widget-area .widget .product_list_widget li {overflow: hidden; padding: 20px 0; border-bottom: 1px solid #e6e6e6; } .widget.techone_products .widgettitle{margin-bottom: 20px; } .product_list_widget li .thumb{border: 1px solid #E6E6E6; } .product_list_widget li .thumb,.product_list_widget li >a {float: left; overflow: hidden; text-align: center; } .product_list_widget li >a {width: 80px; line-height: 20px; } .widget-area .product_list_widget li .thumb a {display: block; overflow: hidden; } .product_list_widget li img {display: block; text-align: center; width: 80px !important; height: auto; border: 1px solid #e6e6e6; } .widget-area .widget .product_list_widget li.item-product img {width: 100px !important; border: none; } .product_list_widget li .info {overflow: hidden; padding-left: 10px; } .product_list_widget .owl-nav {position: absolute; top: -50px; right: 0; } .widget.techone_products .widgettitle{margin-bottom: 10px; } /*widget_price_filter*/ .widget .woof .widget_price_filter .price_slider {margin: 0; margin-top: 6px; margin-bottom: 5px; display: block; } .widget .woof .widget_price_filter .ui-slider-horizontal {height: 5px; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border: none; background-color: #a5a5a5; position: relative; } .widget .woof .widget_price_filter .ui-slider .ui-slider-range {background-color: #a5a5a5; border: none; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; } .widget .woof .widget_price_filter .ui-slider .ui-slider-handle {width: 16px; height: 16px; display: inline-block; border: none; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; top: -6px; margin: 0; cursor: pointer; outline: 0 none; position: absolute; } .widget_price_filter .price_slider_amount {overflow: hidden; margin-top: 19px; } .widget_price_filter .price_slider_amount .price_label {font-size: 13px; line-height: 30px; } .widget_price_filter .price_slider_amount .button {float: right; padding: 0; background: none; font-size: 14px; line-height: 30px; text-transform: none; color: #333333; } /*.WOOF_Widget*/ .widget-area .widget.WOOF_Widget .widgettitle {font-size: 15px; font-weight: 700; line-height: 40px; color: #000000; margin-bottom: 11px; border: none; padding: 0; } .WOOF_Widget .woof_container {padding-bottom: 0; margin-bottom: 17px; } .WOOF_Widget .woof_container.woof_container_color,.WOOF_Widget .woof_container:last-child {margin-bottom: 0; } .WOOF_Widget .woof_container h4 {display: inline-block; width: 100%; font-size: 14px; font-weight: 600; height: 40px; line-height: 40px; text-transform: uppercase; color: #222222; border-bottom: 1px solid #e6e6e6; margin-top: 0; margin-bottom: 20px; } .WOOF_Widget .woof_container .woof_list {padding: 0; } .widget-area .WOOF_Widget .woof_container .woof_list li {margin: 0 !important; color: #555555; padding: 0 !important; line-height: 30px; border: none; } .WOOF_Widget .woof_container .woof_list input[type="radio"],.WOOF_Widget .woof_container .woof_list input[type="checkbox"] {display: none; } .WOOF_Widget .woof_container .woof_list li label {width: auto; font-size: 14px; line-height: 30px; font-weight: normal; cursor: pointer; color: #555555; margin: 0; padding: 0; padding-left: 25px; position: relative; } .WOOF_Widget .woof_container .woof_list li label .term-attr {width: 15px; height: 14px; display: block; position: absolute; left: 0; top: 7px; border: 1px solid #e9e9e9; line-height: 12px; text-align: center; color: #ffffff; font-size: 8px; } .WOOF_Widget .woof_container:not(.woof_container_color) .woof_list li label .term-attr {background: #ffffff; background: -webkit-linear-gradient(90deg, #e6e6e6, #ffffff); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(0deg, #e6e6e6, #ffffff); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(0deg, #e6e6e6, #ffffff); /* For Firefox 3.6 to 15 */ background: linear-gradient(0deg, #e6e6e6, #ffffff); /* Standard syntax (must be last) */ filter: none; } .WOOF_Widget .woof_container .woof_list li label .term-attr::before {font-family: 'FontAwesome'; content: "\f00c"; display: none; } .WOOF_Widget .woof_container .woof_list li input[type="checkbox"]:checked + label .term-attr::before,.WOOF_Widget .woof_container .woof_list li input[type="radio"]:checked + label .term-attr::before {display: inline-block; } .WOOF_Widget .woof_container .woof_childs_list_opener {vertical-align: middle; display: inline-block !important; float: right; margin: 0; line-height: normal; width: 18px; height: 18px; margin-top: 7px; } .widget-area .WOOF_Widget .woof_container .woof_childs_list {margin: 0 !important; padding-left: 17px; } .WOOF_Widget .woof_container ul > li label .woof_is_closed,.WOOF_Widget .woof_container ul > li a .woof_is_closed,.WOOF_Widget .woof_childs_list_opener span.woof_is_opened {background-image: none; } .WOOF_Widget .woof_container ul > li label .woof_is_closed::before,.WOOF_Widget .woof_container ul > li a .woof_is_closed::before {font-family: "FontAwesome"; content: "\f067"; } .WOOF_Widget .woof_container ul > li label .woof_is_opened::before,.WOOF_Widget .woof_container ul > li a .woof_is_opened::before {font-family: "FontAwesome"; content: "\f068"; } .WOOF_Widget .woof_container.woof_container_color .woof_list li {float: left; width: 50%; } .WOOF_Widget .woof_container.woof_container_color .woof_list li:nth-child(2n+1) {clear: both; } .woof_radio_count,.woof_checkbox_count {font-size: 12px; line-height: 30px; color: #aaaaaa; margin-left: 8px; } .woof_submit_search_form_container {margin: 6px 0 10px 0; } .woof_reset_search_form {float: none !important; padding: 0 20px; height: 40px; line-height: 40px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /*widget_layered_nav*/ .widget_layered_nav .wc-layered-nav-term {text-align: right; } .widget_layered_nav .wc-layered-nav-term a {float: left; } /*widget_calendar*/ .widget_calendar th, .widget_calendar td{padding: 0; text-align: center; } /*widget_rss*/ .rsswidget {font-size: 14px; color: #222222; } .rss-date {display: block; } .rssSummary {font-size: 13px; line-height: 20px; } /*================= PAGE THEME==================*/ /*---about us---*/ /*techone-team-members*/ .techone-team-members {text-align: center; } .techone-team-members .shortcode_title {position: relative; font-size: 20px; font-weight: 600; line-height: 19px; color: #222222; margin: 20px 0; overflow: hidden; } .techone-team-members .shortcode_title::before,.techone-team-members .shortcode_title::after {position: absolute; content: ''; top: 0; bottom: 0; width: 50%; height: 1px; background-color: #e6e6e6; margin: auto; } .techone-team-members .shortcode_title::before {left: -85px; } .techone-team-members .shortcode_title::after {right: -85px; } .techone-team-members .des {font-size: 13px; line-height: 20px; margin-bottom: 55px; } .techone-team-members .member_name {font-size: 18px; font-weight: 600; line-height: 24px; color: #333333; margin: 13px 0 0 0; } .techone-team-members .member_position {font-size: 14px; line-height: 24px; color: #666666; margin: 0; } .about-des {font-size: 14px; line-height: 20px; color: #666666; } .techone_custom_accordion {padding: 0 10px 0 46px; } .techone_custom_accordion .vc_tta-panel {margin: 17px 0; } .techone_custom_accordion .vc_tta-panel .vc_tta-title-text {position: relative; display: inline-block; font-size: 13px; font-weight: 600; line-height: 20px; color: #333333; } .techone_custom_accordion .vc_tta-panel .vc_tta-title-text::before {position: absolute; left: -66px; top: -10px; font-family: 'FontAwesome'; content: '\f068'; font-size: 14px; width: 46px; height: 41px; line-height: 41px; display: inline-block; text-align: center; background-color: #ffffff; border: 1px solid #e6e6e6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .techone_custom_accordion .vc_tta-panel.vc_active .vc_tta-title-text::before {content: '\f067'; color: #ffffff; } .techone_custom_accordion .vc_tta-panel .vc_tta-title-text:hover::before {color: #ffffff; } .wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {background-color: transparent !important; } /*contact us*/ .hours .item >div:first-child {color: #333333; } .wpcf7-form .techone_contact_form .form-group {overflow: hidden; margin-bottom: 30px; } .wpcf7-form .techone_contact_form .form-group label {font-size: 14px; color: #333333; width: 100%; } .wpcf7-form .techone_contact_form .form-group label .required {color: #333333; } .wpcf7-form .techone_contact_form .form-group .wpcf7-form-control-wrap,.wpcf7-form .techone_contact_form .form-group .wpcf7-form-control-wrap input,.wpcf7-form .techone_contact_form .form-group .wpcf7-form-control-wrap textarea {width: 100%; } .wpcf7-form .techone_contact_form .form-group .wpcf7-submit {padding: 0 26px; height: 41px; line-height: 41px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 13px; font-weight: 600; color: #ffffff; text-align: center; text-transform: uppercase; } /*cart-empty*/ .cart-empty {font-weight: 600; text-transform: uppercase; line-height: 30px; color: #222222; margin: 0 0 30px 0 } .return-to-shop .wc-backward {display: inline-block; height: 40px; line-height: 40px; padding: 0 25px; font-size: 14px; font-weight: 600; color: #ffffff; text-transform: uppercase; } /*breadcrumb*/ .breadcrumb {background-color: transparent; padding: 0; margin: 0 0 28px 0; line-height: 19px; } .breadcrumb .trail-item {font-size: 13px; line-height: 19px; text-transform: uppercase; } .breadcrumb .trail-item a {color: #222222; } .breadcrumb>li+li:before {content: "\\ "; color: #333333; padding: 0 17px; } .woocommerce-breadcrumb {margin: 0 0 31px 0; font-size: 13px; line-height: 19px; text-transform: uppercase; } .woocommerce-breadcrumb a {color: #333333; } .woocommerce-breadcrumb a:after {content: "\\ "; color: #333333; padding: 0 17px; } /*checkout*/ .woocommerce-checkout.checkout h3{font-size: 14px; font-weight: 600; line-height: 19px; color: #222222; text-transform: uppercase; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #e6e6e6; } .woocommerce-billing-fields__field-wrapper {overflow: hidden; } .woocommerce-checkout .checkout_coupon,.woocommerce-checkout .woocommerce-billing-fields,.woocommerce-checkout .woocommerce-account-fields {overflow: hidden; } .woocommerce-form__label-for-checkbox {font-size: inherit; font-weight: inherit; color: inherit; position: relative; padding-left: 25px; margin: 0; } .woocommerce-form__label-for-checkbox input[type="checkbox"] {display: none; } .woocommerce-form__label-for-checkbox >span::before {content: ""; display: inline-block; width: 15px; height: 14px; border: 1px solid #e9e9e9; background-color: #ffffff; background: -webkit-linear-gradient(90deg, #e6e6e6, #ffffff); background: -o-linear-gradient(0deg, #e6e6e6, #ffffff); background: -moz-linear-gradient(0deg, #e6e6e6, #ffffff); background: linear-gradient(0deg, #e6e6e6, #ffffff); filter: none; position: absolute; top: 3px; left: 0; } .woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox:checked + span:after {font-family: 'FontAwesome'; content: '\f00c'; display: inline-block; width: 15px; height: 14px; line-height: 14px; font-size: 8px; text-align: center; color: #ffffff; position: absolute; top: 3px; left: 0; z-index: 1; } .woocommerce-account-fields span {text-transform: capitalize; } body .woocommerce .form-row {float: left; width: 100%; margin-bottom: 30px; } .form-row.form-row-first {width: 50%; padding-right: 15px; } .form-row.form-row-last {width: 50%; } .form-row label {display: inline-block; width: 100%; font-size: 14px; font-weight: 600; line-height: 19px; color: #222222; } .form-row input {width: 100%; font-size: 14px; color: #888888; } .form-row textarea {width: 100%; } .woocommerce-checkout-payment {overflow: hidden; background-color: #eeeeee; padding: 30px 15px 0 15px; margin-top: 15px; margin-bottom: 30px; } .woocommerce-checkout-payment .payment_methods {padding: 0; } .woocommerce-checkout-payment .payment_methods .wc_payment_method {list-style: none; } #add_payment_method #payment .payment_box,.woocommerce-checkout #payment .payment_box {position: relative; box-sizing: border-box; width: 100%; padding: 15px; margin: 15px 0; font-size: 14px; border-radius: 3px; line-height: 20px; background-color: #dfdcde; color: #515151; } #add_payment_method #payment div.payment_box::before,.woocommerce-checkout #payment div.payment_box::before {content: ""; display: block; border: 15px solid #dfdcde; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -10px; left: 0; margin: -20px 0 0 30px; } .woocommerce-checkout-payment .payment_box p {margin-bottom: 0; line-height: 20px; } .form-row .button {display: inline-block; width: auto; padding: 0 25px; height: 44px; line-height: 44px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #ffffff; } .form-row .button:hover{opacity: 0.9; } .form-row .button.alt {height: 38px; line-height: 38px; } .validate-required label .required {display: none; } .validate-required label::after {content: '*'; font-size: 14px; } .coupon input[type=submit] {height: 44px; line-height: 44px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #ffffff; font-size: 13px; font-weight: 600; padding: 0 15px; text-align: center; text-transform: uppercase; } /*login*/ .woocommerce >h2 {font-size: 14px; font-weight: 600; line-height: 19px; color: #222222; text-transform: uppercase; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #e6e6e6; } #customer_login h2 {font-size: 14px; font-weight: 600; line-height: 20px; color: #222222; text-transform: uppercase; padding-bottom: 10px; margin-bottom: 20px; margin-top: 0; border-bottom: 1px solid #e6e6e6; } #customer_login .woocommerce-form-login {overflow: hidden; } #customer_login .form-row {margin-bottom: 15px; } #customer_login .form-row .button {height: 38px; line-height: 38px; } #customer_login .form-row label {font-weight: 400; color: #333333; } #customer_login .woocommerce-login-account {float: left; width: auto; } #customer_login .woocommerce-login-account label {width: auto; font-size: 14px; font-weight: 400; line-height: 20px; color: #666666; display: block; padding-left: 25px; margin-bottom: 25px; position: relative; } #customer_login .woocommerce-LostPassword {float: right; line-height: 20px; } #customer_login label .required {color: #fcd022; } /*account*/ .woocommerce-MyAccount-navigation {width: 270px; float: left; background-color: #f8f8f8; } .woocommerce-MyAccount-navigation ul {padding: 10px 0; } .woocommerce-MyAccount-navigation ul li {line-height: 40px; list-style: none; padding: 0 20px; } .woocommerce-MyAccount-content {overflow: hidden; padding-left: 30px; } .woocommerce-MyAccount-content .title h3 {font-size: 14px; font-weight: 600; line-height: 19px; color: #222222; text-transform: uppercase; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #e6e6e6; } .woocommerce-MyAccount-content .woocommerce-Button {display: inline-block; width: auto; padding: 0 25px; height: 44px; line-height: 44px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #ffffff; } /*=================SHORTCODE THEME=================*/ /*section-header*/ .section-header {border-bottom: 2px solid; background-color: #f4f4f4; position: relative; } .section-header .section-title {display: inline-block; position: relative; height: 46px; line-height: 42px; padding: 0 20px; margin: 0; font-size: 15px; font-weight: 700; text-transform: uppercase; color: #ffffff; min-width: 230px; } .section-header .section-title::before {content: ''; position: absolute; left: 0; width: 100%; height: 6px; top: -5px; } .section-header .section-title::after {position: absolute; content: ''; border-style: solid; border-width: 6px 0 0 5px; border-color: transparent transparent transparent #333333; top: -5px; right: -5px; } /*section-header.style2*/ .section-header.style2 {background-color: #ffffff; border-bottom: 1px solid #E6E6E6; } .section-header.style2 .section-title {background-color: #ffffff; color: #222222; padding: 0; width: 100%; min-width: 1px; line-height: 54px; height: auto; } .section-header.style2 .section-title .text {display: block; } .section-header.style2 .section-title:before{display: none; } .section-header.style2 .section-title::after {display: none; } .section-header.style3 {background-color: #191919 } .section-header.style3 .section-title::after {border-color: transparent transparent transparent #6b6b6b; } .section-header.style3 ~ .techone-blogs .owl-carousel .owl-prev:hover,.section-header.style3 ~ .techone-blogs .owl-carousel .owl-next:hover {color: #fff; } .header.style3 .sticky-wrapper.is-sticky .main-header{padding: 0; background-color: #fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2); } /*section-header.style4*/ .section-header.style4 .section-title {color: #222222; } /*techone-tabs*/ .techone-tabs .tab-panel{min-height: 200px; } .techone-tabs .tab-head .tabs-link {display: block; overflow: hidden; float: right; padding-left: 20px; padding-right: 90px; } .techone-tabs .tab-head .tabs-link li {list-style: none; display: inline-block; float: left; padding-left: 25px; height: 46px; line-height: 46px; font-size: 13px; font-weight: 600; text-transform: uppercase; } .techone-tabs .tab-head .tabs-link li:first-child {padding-left: 0; } .techone-tabs.layout2 .section-header {background-color: #191919; } .techone-tabs.layout2 .section-header .section-title::after {border-color: transparent transparent transparent #6b6b6b; } .techone-tabs.layout2 .owl-carousel .owl-prev:hover,.techone-tabs.layout2 .owl-carousel .owl-next:hover {color: #ffffff; } /*techone-newsletter*/ .techone-newsletter .block-content {overflow: hidden; } .techone-newsletter .block-content .subtitle {width: 45%; float: left; padding-right: 30px; font-size: 14px; line-height: 24px; color: #aaaaaa; } .techone-newsletter .block-content .newsletter-form-wrap {max-width: 470px; width: 55%; float: left; position: relative; } .techone-newsletter .block-content .newsletter-form-wrap .email {display: inline-block; width: 100%; font-size: 13px; color: #aaaaaa; height: 41px; line-height: 41px; border: none; padding: 0 130px 0 30px; border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px; } .techone-newsletter .block-content .newsletter-form-wrap .submit-newsletter {display: inline-block; position: absolute; top: 0; right: 0; height: 41px; line-height: 41px; font-size: 14px; font-weight: 600; color: #ffffff; width: 100px; padding: 0; text-align: center; border-radius: 0 21px 21px 0; -moz-border-radius: 0 21px 21px 0; -webkit-border-radius: 0 21px 21px 0; } .techone-newsletter .block-content .newsletter-form-wrap .submit-newsletter:hover{opacity: 0.8; } /*techone-newsletter.default*/ .techone-newsletter.default .widgettitle {font-size: 15px; font-weight: 700; text-transform: uppercase; color: #ffffff; line-height: 20px; margin: 0; padding-bottom: 38px; } .techone-newsletter.default .block-content .newsletter-form-wrap {margin-top: 6px; } /*techone-newsletter.layout2*/ .techone-newsletter.layout2 {padding: 20px 30px 30px 30px; text-align: center; } .techone-newsletter.layout2 .widgettitle {font-size: 20px; font-weight: 700; text-transform: uppercase; line-height: 50px; color: #ffffff; margin: 0; } .techone-newsletter.layout2 .block-content .subtitle {font-size: 14px; line-height: 20px; color: #f2f2f2; width: 100%; padding: 0; } .techone-newsletter.layout2 .block-content .newsletter-form-wrap {width: 100%; max-width: 100%; margin-top: 33px; } .techone-newsletter.layout2 .block-content .newsletter-form-wrap .email {width: 100%; height: 43px; line-height: 43px; text-align: center; margin-bottom: 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0; } .techone-newsletter.layout2 .block-content .newsletter-form-wrap .submit-newsletter {width: 100%; height: 49px; line-height: 49px; position: static; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /*techone-newsletter.layout3*/ .techone-newsletter.layout3 .widgettitle {font-size: 15px; font-weight: 700; text-transform: uppercase; color: #ffffff; line-height: 20px; margin: 0; padding-bottom: 30px; } .techone-newsletter.layout3 .block-content .subtitle {font-size: 13px; line-height: 24px; color: #aaaaaa; width: 100%; padding: 0; float: none; } .techone-newsletter.layout3 .block-content .newsletter-form-wrap {width: 100%; margin-bottom: 10px; margin-top: 33px; position: relative; } .techone-newsletter.layout3 .block-content .newsletter-form-wrap::before {font-family: 'FontAwesome'; content: '\f003'; position: absolute; left: 21px; top: 0; font-size: 15px; line-height: 42px; color: #888888; } .techone-newsletter.layout3 .block-content .newsletter-form-wrap .email {width: 100%; height: 42px; line-height: 42px; padding: 0 101px 0 47px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e6e6e6; color: #888888; } .techone-newsletter.layout3 .block-content .newsletter-form-wrap .submit-newsletter {width: 80px; height: 42px; line-height: 42px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; font-size: 13px; color: #ffffff; } /*techone-blogs*/ .techone-blogs .blog-item .post-info >a {display: inline-block; font-size: 13px; line-height: 29px; color: #bbbbbb; } .techone-blogs .blog-item .post-info >a::after {font-family: 'FontAwesome'; content: '\f0a9'; margin-left: 8px; } .techone-blogs .blog-item .head {overflow: hidden; padding-bottom: 15px; } .techone-blogs .blog-item .time {width: 40px; height: 45px; } .techone-blogs .blog-item .time .day {-webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; display: block; width: 40px; height: 27px; line-height: 27px; font-size: 18px; font-weight: 600; color: #333333; text-align: center; background-color: #e9e9e9; } .techone-blogs .blog-item .time .month {-webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; display: block; width: 40px; height: 18px; line-height: 18px; font-size: 11px; color: #ffffff; text-align: center; } .techone-blogs .blog-item .post-title {overflow: hidden; padding-left: 11px; line-height: 17px; max-height: 34px; } .techone-blogs .blog-item .post-title a{color: #333; } .techone-blogs .blog-item .post-metas {color: #aaaaaa; line-height: 20px; margin: 0; overflow: hidden; } .techone-blogs .blog-item .post-metas >span {position: relative; padding: 0 10px; display: inline-block; float: left; } .techone-blogs .blog-item .post-metas >span:first-child {padding-left: 0; } .techone-blogs .blog-item .post-metas >span:last-child {padding-right: 0; } .techone-blogs .blog-item .post-metas >span::after {position: absolute; top: 0; bottom: 0; right: 0; margin: auto; content: ''; display: inline-block; width: 1px; height: 14px; background-color: #e6e6e6; } .techone-blogs .blog-item .post-metas >span:last-child::after {display: none; } .techone-blogs .blog-item .blog-des {font-size: 13px; line-height: 20px; margin-bottom: 10px; height: 40px; overflow: hidden; } /*.techone-blogs.default*/ .techone-blogs.default .blog-item {overflow: hidden; background-color: #ffffff; border: 1px solid #e6e6e6; } .techone-blogs.default.no-border .blog-item{border: none; } .techone-blogs.default .blog-item .post-thumb {float: left; width: 250px; } .techone-blogs.default .blog-item .post-info {overflow: hidden; padding: 29px 20px; padding-bottom: 10px; } .techone-blogs.default .blog-item .post-metas {padding-bottom: 13px; margin: 0; } .techone-blogs.default .blog-item .time {float: left; } /*techone-blogs.layout2*/ .techone-blogs.layout2 .blog-item .post-thumb {position: relative; } .techone-blogs.layout2 .blog-item .post-head {position: absolute; top: 20px; left: 20px; z-index: 1; } .techone-blogs.layout2 .blog-item .post-metas {padding-top: 9px; padding-bottom: 7px; } .techone-blogs.layout2 .blog-item .post-metas >span {display: inline; width: auto; height: auto; } .techone-blogs.layout2 .blog-item .post-title {padding: 0; } /*techone-iconbox*/ .techone-iconbox {overflow: hidden; } .techone-iconbox .icon {font-size: 30px; line-height: 20px; } .techone-iconbox .content .title {font-size: 15px; font-weight: 600; line-height: 20px; text-transform: uppercase; color: #000000; margin: 0; } .techone-iconbox .content .text {font-size: 13px; line-height: 20px; color: #888888; } /*.techone-iconbox.default*/ .techone-iconbox.default {display: table; padding: 0 15px; margin: 0 auto; } .techone-iconbox.default .icon,.techone-iconbox.default .content {display: table-cell; vertical-align: middle; } .techone-iconbox.default .content {padding-left: 10px; } .border-left-right-1 {border-left: 1px solid rgba(133,133,133,.2); border-right: 1px solid rgba(133,133,133,.2); } /*techone-iconbox.layout2*/ .techone-iconbox.layout2 .content .title {font-size: 14px; } .techone-iconbox.layout2 {text-align: center; padding: 13px 0; border: 1px solid #e6e6e6; margin-bottom: 9px; } .techone-iconbox.layout2:last-child {margin-bottom: 5px; } /*techone-iconbox.layout3*/ .techone-iconbox.layout3 {display: table; } .techone-iconbox.layout3 .icon {display: table-cell; vertical-align: middle; color: #666666; font-size: 18px; text-align: center; } .techone-iconbox.layout3 .icon span {display: inline-block; width: 50px; height: 44px; line-height: 44px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e6e6e6; } .techone-iconbox.layout3 .content {display: table-cell; vertical-align: middle; padding-left: 21px; } .techone-iconbox.layout3 .content .title {font-size: 14px; font-weight: 400; line-height: 18px; text-transform: none; color: #333333; } .techone-iconbox.layout3 .content .text {line-height: 18px; } /*techone-categories*/ .techone-slider .techone-categories.default{padding: 1px; } .techone-categories .inner {padding: 19px; border: 1px solid #e6e6e6; padding-bottom: 28px; } .techone-categories .shortcode_title {font-size: 14px; font-weight: 600; line-height: 19px; text-transform: uppercase; color: #222222; margin: 15px 0; } .techone-categories .categories-list {padding: 0; } .techone-categories .categories-list .cat_item {list-style: none; font-size: 13px; line-height: 20px; } /*.techone-categories.layout2*/ .techone-categories.layout2 {position: relative; border: none; padding: 0; } .techone-categories.layout2 .thumb{overflow: hidden; cursor: pointer; } .techone-categories.layout2:hover .thumb img{-webkit-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); transform: scale(1.2,1.2); -webkit-transition: .35s ease .35s; -o-transition: .35s ease .35s; transition: .35s ease .35s; opacity: 0.9; } .techone-categories.layout2 .info {position: absolute; left: 15px; bottom: 20px; } .techone-categories.layout2 .info a {font-size: 18px; font-weight: 700; line-height: 18px; text-transform: uppercase; color: #ffffff; display: inline-block; } .techone-categories.layout2 .info .count-items {font-size: 12px; line-height: 12px; text-transform: uppercase; color: #aaaaaa; margin: 0; } /*techone-testimonials*/ .techone-testimonials .heade-info {display: table; } .techone-testimonials .heade-info .avatar {display: table-cell; vertical-align: middle; } .techone-testimonials .heade-info .avatar img {width: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 4px double #e6e6e6; } .techone-testimonials .heade-info .name-position {display: table-cell; vertical-align: middle; padding-left: 12px; } .techone-testimonials .heade-info .name-position .name {font-size: 15px; font-weight: 600; line-height: 20px; color: #222222; margin: 0; } .techone-testimonials .heade-info .name-position .position {font-size: 13px; font-weight: 600; line-height: 20px; color: #666666; margin: 0; } .testimonial-info {position: relative; padding: 18px 5px 13px 11px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e6e6e6; margin: 1px; margin-top: 20px; background-color: #ffffff; } .testimonial-info::before {position: absolute; content: ""; border-style: solid; border-width: 16px 0 0 23px; border-color: transparent transparent transparent #e6e6e6; top: -16px; left: 10px; } .testimonial-info::after {position: absolute; content: ""; border-style: solid; border-width: 14px 0 0 21px; border-color: transparent transparent transparent #fff; top: -14px; left: 11px; } .testimonial-info p {font-size: 13px; line-height: 20px; color: #888888; } /*=================== PAGINATION THEME====================*/ /*woocommerce pagination*/ .woocommerce-pagination {overflow: hidden; padding-top: 40px; } .woocommerce-pagination .page-numbers {float: left; overflow: hidden; padding: 0; } .woocommerce-pagination .page-numbers li {list-style: none; display: inline-block; float: left; margin-right: 10px; } .woocommerce-pagination .page-numbers li .page-numbers {display: inline-block; min-width: 40px; height: 40px; line-height: 40px; padding: 0 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e6e6e6; font-size: 14px; color: #333333; text-align: center; } .woocommerce-pagination .page-numbers li:last-child .page-numbers {margin: 0; } .woocommerce-pagination .page-numbers li .page-numbers:hover {color: #ffffff; } .woocommerce-pagination .page-numbers li .page-numbers.current {color: #ffffff; } .woocommerce-pagination .page-numbers li .page-numbers.prev,.woocommerce-pagination .page-numbers li .page-numbers.next {padding: 0 25px; } .woocommerce-pagination .woocommerce-result-count {float: right; font-size: 14px; line-height: 40px; color: #333333; margin: 0; } /*blog pagination*/ .pagination {width: 100%; padding-top: 18px; border-top: 1px solid #e6e6e6; } .pagination .nav-links {float: right; overflow: hidden; } .pagination .nav-links .page-numbers {display: inline-block; float: left; min-width: 40px; height: 40px; line-height: 40px; padding: 0 10px; margin-left: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; ; border: 1px solid #e6e6e6; font-size: 14px; color: #333333; text-align: center; } .pagination .nav-links a.page-numbers:hover {color: #ffffff; } .pagination .nav-links .page-numbers.current {color: #ffffff; } .pagination .nav-links .page-numbers.prev,.pagination .nav-links .page-numbers.next {padding: 0 25px; } .page-links {text-align: right; width: 100%; padding-top: 18px; border-top: 1px solid #e6e6e6; } .page-links span {display: inline-block; min-width: 40px; height: 40px; line-height: 40px; padding: 0 10px; margin-left: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e6e6e6; font-size: 14px; color: #333333; text-align: center; } .page-links >span,.page-links a:hover span {color: #ffffff; } /*popup*/ .modal-open {overflow: hidden; } .modal-open .modal {overflow-x: hidden; overflow-y: auto; } .modal {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } #popup-newsletter .modal-dialog {width: 100%; max-width: 800px; flex-direction: row; display: flex; align-items: center; justify-content: center; display: -webkit-flex; -webkit-flex-direction: row; -webkit-align-items: center; -webkit-justify-content: center; margin: 0 auto; height: 100%; padding: 15px; } .modal.in .modal-dialog {-webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); } .modal.fade .modal-dialog {-webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; } #popup-newsletter .modal-content {padding: 25px 28px; min-width: 630px; background-repeat: no-repeat; background-position: center; background-size: cover; } #popup-newsletter button.close {width: 32px; height: 31px; border-radius: 50%; opacity: 1; line-height: 32px; text-align: center; font-size: 0; color: #ffffff; position: absolute; top: -16px; right: -16px; } #popup-newsletter button.close::before {font-family: 'FontAwesome'; content: '\f00d'; font-size: 16px; font-weight: 400; line-height: 30px; margin-top: -0.5px; display: inline-block; } #popup-newsletter .modal-inner {max-width: 340px; } #popup-newsletter .modal-inner .popup-content h3 {font-size: 30px; line-height: 30px; text-transform: uppercase; margin: 0; } #popup-newsletter .modal-inner .popup-content h3 strong {font-weight: 600; color: #333333; } #popup-newsletter .modal-inner .popup-content .sale-off {font-size: 40px; line-height: 50px; font-weight: 700; color: #e5534c; text-transform: uppercase; margin-top: 5px; margin-bottom: 4px; } #popup-newsletter .modal-inner .popup-content .text-uptocase {font-size: 14px; line-height: 18px; color: #888888; text-transform: uppercase; margin-bottom: 36px; } #popup-newsletter .newsletter-form-wrap {position: relative; } #popup-newsletter .newsletter-form-wrap .email {padding: 0 120px 0 20px; width: 100%; height: 45px; line-height: 45px; background-color: #ffffff; border: 1px solid #e6e6e6; border-radius: 45px; font-size: 13px; color: #888888; } #popup-newsletter .newsletter-form-wrap .submit-newsletter {padding: 0 15px; width: 100px; height: 45px; line-height: 45px; font-size: 13px; font-weight: 600; text-align: center; text-transform: uppercase; color: #ffffff; position: absolute; top: 0; right: 0; border-radius: 0 45px 45px 0; } #popup-newsletter .newsletter-form-wrap .submit-newsletter:hover{opacity: 0.9; } #popup-newsletter .checkbox {margin: 0; } #popup-newsletter .checkbox label {font-size: 13px; color: #888888; padding-left: 25px; margin-top: 18px; position: relative; } #popup-newsletter .techone_disabled_popup_by_user {display: none; margin-top: 10px; } #popup-newsletter .checkbox label >span::before {content: ""; display: inline-block; position: absolute; left: 0; top: 7px; width: 15px; height: 14px; margin-right: 10px; border: 1px solid #e9e9e9; background-color: #ffffff; background: -webkit-linear-gradient(90deg, #e6e6e6, #ffffff); background: -o-linear-gradient(0deg, #e6e6e6, #ffffff); background: -moz-linear-gradient(0deg, #e6e6e6, #ffffff); background: linear-gradient(0deg, #e6e6e6, #ffffff); filter: none; } #popup-newsletter .checkbox label .techone_disabled_popup_by_user:checked + span::after {font-family: 'FontAwesome'; content: '\f00c'; display: inline-block; position: absolute; left: 0; top: 7px; width: 15px; height: 14px; line-height: 12px; font-size: 8px; text-align: center; color: #ffffff; } #popup-newsletter .block-social {margin-top: 5px; } #popup-newsletter .block-social .block-title {font-size: 14px; color: #000000; margin-bottom: 10px; } #popup-newsletter .block-social .block-content {overflow: hidden; } #popup-newsletter .block-social .social {display: inline-block; width: 36px; height: 36px; text-align: center; line-height: 36px; border-radius: 3px; background-color: #d6d6d6; float: left; margin-right: 10px; margin-bottom: 10px; font-size: 18px; color: #fff; } /*=================== FOOTER THEME====================*/ .footer {width: 100%; } .footer .widget_nav_menu .widgettitle {font-size: 15px; font-weight: 700; text-transform: uppercase; color: #ffffff; line-height: 20px; margin: 0; padding-bottom: 25px; } .footer_contact_info .info-section {padding-bottom: 10px; } .footer_contact_info .info-section:last-child{margin-bottom: 0; } .footer_contact_info .info-section .info-title {font-size: 14px; line-height: 30px; color: #ffffff; margin-bottom: 0; } .footer_contact_info .info-section .info-detail {font-size: 13px; line-height: 24px; color: #aaaaaa; } .techone-socials .socials {overflow: hidden; } .techone-socials .socials .social {display: inline-block; float: left; width: 40px; height: 36px; line-height: 36px; font-size: 18px; text-align: center; color: #ffffff; margin-right: 10px; margin-bottom: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #515151; } .techone-socials.widget.style2 .socials .social:hover {color: #222222; } .footer .menu {padding: 0; } .footer .menu .menu-item {list-style: none; line-height: 30px; } .footer .menu .menu-item a {font-size: 13px; color: #aaaaaa; } .copyright {display: inline-block; width: 100%; vertical-align: middle; font-size: 14px; padding: 8px 0; line-height: 19px; color: #aaaaaa; } .copyright a {font-weight: 600; color: #ffffff; } .footer-list-support-payment .wpb_wrapper {text-align: right; } .footer-list-support-payment .wpb_single_image {display: inline-block; margin-left: 13px; } .footer-list-support-payment .wpb_single_image:first-child {margin-left: 0; } .footer-custom-info ul {padding: 0; } .footer-custom-info ul .item {list-style: none; font-size: 13px; line-height: 30px; color: #aaaaaa; } /*backtotop*/ .backtotop {font-size: 0; right: 10px; bottom: 10px; width: 40px; height: 40px; line-height: 40px; position: fixed; visibility: hidden; opacity: 0; text-align: center; color: #ffffff; z-index: 99; } .backtotop:hover,.backtotop:focus {color: #ffffff; } .backtotop::before {font-family: 'FontAwesome'; content: '\f077'; font-size: 10px; } .backtotop.show {opacity: 1; visibility: visible; } .page-404{padding: 150px 0; } .page-404 .heading{color: #000; font-size: 100px; } /*=================== CUSTOM CLASS THEME====================*/ .non-overflow {overflow: visible !important; } .overflow-owl {overflow: hidden; } .border-product-inner .product-inner {border: 1px solid #e6e6e6; } .border-product-inner .product-count-down .box-count{width: 38px; height: 38px; margin-right: 5px; margin-bottom: 5px; } .border-product-inner .product-count-down .box-count:last-child{margin-right: 0; } .border-right-1 {border-right: 1px solid #e6e6e6; } .padding-bottom-0 {padding-bottom: 0; } .margin-30 {margin-left: -30px !important; margin-right: -30px !important; } .clear {display: none; } .screen-reader-text {display: none; } .rev_slider_wrapper:hover .tp-leftarrow.tparrows.custom,.rev_slider_wrapper:hover .tp-rightarrow.tparrows.custom{opacity: 1; } .tp-leftarrow.tparrows.custom {opacity: 0; -webkit-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; } .tp-rightarrow.tparrows.custom {opacity: 0; -webkit-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; } .custom.tparrows {background-color: rgba(0,0,0,.2); color: #333333; } .custom.tparrows::before {color: inherit; } .custom.tparrows:hover {color: #ffffff; } .custom.tparrows::before{font-family: 'FontAwesome'; font-size: 24px; } .custom.tparrows.tp-rightarrow::before {content: "\f105"; } .custom.tparrows.tp-leftarrow::before {content: "\f104"; } .list-owl-product-style-1 .owl-item.active,.list-owl-product-style-11 .owl-item.active,.list-owl-product-style-2 .owl-item.active{border-right: 1px solid #E6E6E6; } /*.list-owl-product-style-1 .owl-item.active.item-last,*/ /*.list-owl-product-style-11 .owl-item.active.item-last,*/ /*.list-owl-product-style-2 .owl-item.active.item-last{*/ /*border: none; */ /* } */ /*.list-owl-product-style-1 .owl-item.active:hover,*/ /*.list-owl-product-style-11 .owl-item.active:hover,*/ /*.list-owl-product-style-1 .owl-item.active.hover-prev-item,*/ /*.list-owl-product-style-11 .owl-item.active.hover-prev-item{*/ /*border-color: transparent; */ /* } */ .list-owl-product-style-1 .owl-item.active .owl-one-row .product-item,.list-owl-product-style-11 .owl-item.active .owl-one-row .product-item,.list-owl-product-style-2 .owl-item.active .owl-one-row .product-item{border-bottom: 1px solid #E6E6E6; } /*.list-owl-product-style-1 .owl-item.active .owl-one-row .product-item:last-child,*/ /*.list-owl-product-style-11 .owl-item.active .owl-one-row .product-item:last-child,*/ /*.list-owl-product-style-2 .owl-item.active .owl-one-row .product-item:last-child{*/ /*border:none; */ /* } */ body.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body{padding: 0 20px; } body.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a{padding: 10px 20px; } .techone-products.has-featured{display: table; width: 100%; background-color: #fff!important; } .techone-products.has-featured .featured-product,.techone-products.has-featured .content-product{display: table-cell; vertical-align: top; } .techone-products.has-featured .content-product{background-color: #E6E6E6; border-left: 1px solid #E6E6E6; } .techone-products.has-featured .featured-product{width: 468px; max-width: 468px; border-bottom: 1px solid #E6E6E6; } .techone-products.has-featured-banner .content-product{padding-left: 470px; } .techone-products.has-featured-banner .featured-image{width: 470px; float: left; } .techone-products.has-featured-banner .featured-image{border-right: 1px solid #E6E6E6; } .techone-products.has-featured-banner .product-name{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .techone-products.has-featured-banner .product-inner.style1{padding-bottom: 18px; } .techone-products.has-featured-banner:before,.techone-products.has-featured-banner:after{display: table; content: ''; } .techone-products.has-featured-banner:after{clear: both; } .techone-products.has-featured-banner .featured-image img{width: 100%; } .techone-products.has-featured-banner .featured-image a{display: block; } .techone-button{padding: 10px 0; display: block; background-color: #eeeeee; font-weight: 700; font-size: 14px; color: #aaaaaa; text-align: center; } .techone-button:hover{color: #fff; } /*======================REPONSIVE======================*/ @media (min-width: 1280px) {.container {width: 1200px; } .padding-right-1 {padding-right: 1px; } } @media (min-width: 992px) {.main-menu .menu-item-has-children:hover >.submenu {-webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; visibility: visible; } .vertical-menu .menu-item-has-children:hover >.submenu {visibility: inherit; opacity: 1; } .visible-991 {display: none; } } @media (min-width: 768px) {.modal-content {position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #e6e6e6; border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } .modal-dialog {width: 600px; margin: 30px auto; position: relative; } } @media (max-width: 1366px){.main-menu .menu-item-has-children:last-child >.submenu {left: auto; right: 0; } .main-menu .menu-item-has-children:last-child >.submenu .submenu {right: 100%; left: auto; } } @media (max-width: 1200px) {.open-on-home.is-home.always-open .verticalmenu-content {height: 0; position: absolute; z-index: 100; width: inherit; opacity: 0; visibility: hidden; top: 52px; left: 0; } .open-on-home.is-home.always-open.has-open .verticalmenu-content {display: block; height: auto; opacity: 1; width: 100%; visibility: inherit; } .top-bar-menu > li {float: none; text-align: left; } .main-header .logo {text-align: center; } .form-search-width-category .form-content {float: left; } .header.style3 .main-header .header-control {float: right; } .header.style3 .box-header-nav {float: none; } .header.style7 .style7-mainmenu {width: 100%; text-align: center; } .header.style7 .top-bar-menu.left:last-child {float: left; } .header.style7 .top-bar-menu.left:last-child > li:last-child > a::after {display: none; } .header.style7 .top-bar-menu.right {float: right; width: auto; } .header.style7 .header-nav .main-menu {text-align: center; } .product-item.list .product-info .inner {display: block; } .product-item.list .product-info-right {display: block; padding-left: 10px; } .product-item.list .product-info-left {display: block; border: none; } .yith-wcwl-add-to-wishlist {margin-top: 10px; } .product-item.style2 .product-info {padding: 0 10px 0 40px; } .product-item.style2.products .product-info {padding: 0 10px 0 40px; } .product-inner.style6 {padding: 0 10px 20px 10px; } .product-count-down .techone-countdown .box-count {width: 40px; } .techone-blogs.default .blog-item .post-info {padding: 30px 10px 27px 10px; } .techone-blogs .blog-item .post-metas > span {padding: 0 5px; } .single-product .quantity {width: 100%; } .single-product .group_table tbody th, .single-product .group_table thead {display: none; } .single-product .group_table tr {border-bottom: 1px solid #e6e6e6 } .single-product .group_table tr td {display: block; text-align: right; border: none; } .single-product .group_table tr td.label-product label {max-width: -webkit-calc(100% - 80px); max-width: -moz-calc(100% - 80px); max-width: calc(100% - 80px); } .single-product .group_table tr td:before {font-weight: 700; float: left; } .single-product .group_table tr td.label-product:before {content: "Product"; } .single-product .group_table tr td:nth-child(2) {overflow: hidden; } .single-product .group_table tr td:nth-child(2) .quantity {float: right; width: auto; } .single-product .group_table tr td:nth-child(2):before {content: 'Quantity'; } .single-product .group_table tr td.price:before {content: 'Price'; } .woocommerce-tabs {margin-top: 30px; } .section-header .section-title{min-width: 1px; } .add_to_cart_button, .added_to_cart, .product_type_simple, .product_type_external, .product_type_grouped{width: 41px; height: 41px; line-height: 39px; padding: 0; padding: 0; font-size: 0; min-width: 1px; text-align: center; } .add_to_cart_button.loading::before {line-height: 40px; } .add_to_cart_button:before, .added_to_cart:before, .product_type_simple:before, .product_type_external:before, .product_type_grouped:before{font-family: 'FontAwesome'; font-size: 18px; content: "\f0c1"; } .add_to_cart_button:before{content: "\f07a"; } .added_to_cart:before{content: "\f00c"; } } @media (max-width: 1024px){.toggle-submenu{display: block; } .header.style7 .style7-mainmenu li.menu-item-has-children >a::before {display: none; } .main-menu> .menu-item-has-children > a::after{display: none; } #menu-main-menu li.menu-item-has-children >a::before {display: none; } .vertical-menu .menu-item-has-children >a::after {display: none; } .owl-carousel:hover {z-index: 0; } .product-item:hover .group-button {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .group-button {position: static; opacity: 1; visibility: visible; border: none; width: 100%; } .group-button .inner {padding: 0; margin-top: 0; } .product-inner.style1 .product-info {margin: 0; } .product-inner.style5 .group-button .inner {padding: 0; } .product-inner.style8 {background-color: #ffffff; } .product-inner.style8 .woocommerce-Price-amount {color: #888888; ; } .product-inner.style9 .group-button {position: static; } .yith-wcqv-button {opacity: 1; visibility: visible; } .owl-one-row .product-item.style8 {padding-bottom: 20px; } .owl-one-row .product-item.style8:last-child {padding-bottom: 0; } .product-inner.style8 .product-info{padding-left: 10px; padding-right: 10px; } .product-inner.style8:hover .product-info{margin: 0; } .header.style6 .form-search-width-category .form-content{margin-left: 0; } .techone-blogs .blog-item .blog-des{display: none; } .techone-verticalmenu.block-nav-categori .verticalmenu-content{padding-bottom: 11px; } .section-header .section-title{min-width: 1px; } .techone-products.has-featured .featured-product{max-width: 400px; } .techone-products.has-featured-banner .featured-image{display: none; } .techone-products.has-featured-banner .content-product{padding-left: 0; } } @media (max-width: 991px){.visible-991 {display: block; } .hidden-991 {display: none; } .header.style1 .header-nav-inner .block-nav-categori {width: 56px; } .header.style3 .box-header-nav .menu-bar {padding: 12px 15px; } .header.style3 .box-header-nav .menu-bar::before {content: ''; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; height: 27px; width: 1px; background-color: rgba(0,0,0,.2) } .header.style3 .main-header .logo {text-align: left; } .header.style4 .form-search-width-category .form-content {float: none; } .header.style5 .box-header-nav .menu-bar {color: #ffffff; } .header.style5 .box-header-nav .menu-bar {padding-left: 0; } .header.style7 .top-bar-menu li.parent-megamenu .submenu.megamenu{max-width: 300px !important; width: 300px !important; } .header.style7 .box-header-nav {padding: 0; } .header.style7 .box-header-nav .menu-bar {padding-left: 0; } .header-nav-inner .block-nav-categori .icon-bar {margin-right: 0; } .header-nav-inner .block-nav-categori .text {display: none; } .vertical-menu .toggle-submenu::before {content: "\f107"; } .top-bar-menu.right {float: none; display: inline-block; width: 100%; text-align: center; } .menu-item-has-children >.submenu {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .menu-item-has-children.open-submenu >.submenu {opacity: 1; visibility: visible; left: 0 !important; width: 100% !important; -webkit-transform: translate(0); -moz-transform: translate(0); -o-transform: translate(0); -ms-transform: translate(0); transform: translate(0); max-width: 100% !important; top: 0; min-width: 120px; position: relative; } .vertical-menu .submenu, .vertical-menu .submenu .submenu {display: none; border: none; visibility: visible; opacity: 1; filter: alpha(opacity=100); position: static; border-bottom: 1px solid #e1e1e1; width: 100% !important; max-width: 100% !important; margin-left: 0; } .vertical-menu .show-submenu .submenu {display: block; } .vertical-menu .submenu.megamenu {padding: 19px; } .box-header-nav .menu-bar {display: inline-block; color: #333333; height: 52px; line-height: 29px; font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 12px 20px; margin-left: 0; position: relative; } .box-header-nav .main-menu {display: none; } .main-menu >li >a {padding: 0; } .main-menu .submenu >li >a {line-height: 24px; } .vertical-wapper.block-nav-categori .verticalmenu-content {height: 0; opacity: 0; visibility: hidden; } .vertical-wapper.block-nav-categori.has-open .verticalmenu-content {display: block; height: auto; opacity: 1; visibility: inherit; border: solid 1px #e6e6e6; border-top: none; width: 100%; } .main-header .header-control {float: none; text-align: center; line-height: 0; } .form-search-width-category .form-content {float: none; margin: auto; } .hotline {float: none; } .block-minicart {float: none; } .product-inner.style3 {border-right: 1px solid #e6e6e6; } .product-inner.style9 .product-thumb {float: none; } .product-inner.style9 .product-thumb img {width: 100%; } .product-inner.style9 .product-info {padding: 0; text-align: center; } .product-inner.style9 .star-rating {margin: 0 auto; } .product-inner.style9 .group-button {text-align: center; } .product-item.list .product-thumb {margin-bottom: 20px; text-align: center; width: 100%; float: none; } .product-item.list .product-thumb img {width: 100%; } .product-item.list .product-info {padding-left: 0; } .wc-tabs li.description_tab a, .wc-tabs li.additional_information_tab a, .wc-tabs li.reviews_tab a {padding: 0 8px; } .single-product .product_title {margin-top: 10px; } .techone-verticalmenu.block-nav-categori .verticalmenu-content {position: static; display: block; height: auto; opacity: 1; visibility: inherit; border: solid 1px #e6e6e6; border-top: none; width: 100%; padding: 0; padding-top: 1px; } .section-header .section-title {min-width: 200px; } .techone-tabs .section-header .section-title {width: -webkit-calc(100% - 5px); width: -moz-calc(100% - 5px); width: calc(100% - 5px); } .techone-tabs .tab-head .tabs-link {float: none; width: 100%; padding-right: 50px; } .techone-categories.layout2 .thumb img {width: 100%; } .techone-newsletter .block-content .subtitle {width: 100%; padding: 0 0 15px 0; } .techone-newsletter .block-content .newsletter-form-wrap {width: 100%; } .techone-iconbox.default {text-align: center; padding: 0 10px; } .techone-iconbox.default .icon, .techone-iconbox.default .content {display: block; } .techone-iconbox.default .content {padding-left: 0; } .footer .menu .menu-item {line-height: 20px; } .footer_contact_info .info-section .info-detail {line-height: 20px; } .footer-custom-info ul .item {line-height: 20px; } .copyright {text-align: center; } .footer-list-support-payment .wpb_wrapper {text-align: center; } .footer-list-socials .techone-socials .socials {text-align: center; } .footer-list-socials .techone-socials .socials .social {float: none; } .footer-list-support-payment .wpb_single_image {margin: 4px; } .margin-30 {margin-left: -15px !important; margin-right: -15px !important; } .sticky-wrapper.is-sticky .header-sticky{position: static!important; animation: slideInUp 0s; -moz-animation: slideInUp 0s; -webkit-animation: slideInUp 0s; } .header.style6 .form-search-width-category .form-content {float: none; margin: 0 auto; } .techone-blogs .blog-item .blog-des{display: block; } .techone-products.has-featured .featured-product{max-width: 100%; width: 100%; display: block; } .techone-products.has-featured, .techone-products.has-featured .featured-product, .techone-products.has-featured .content-product{display: block; } .style7-mainmenu{display: none; } .block-minicart:hover .mini-cart-content, .block-minicart .mini-cart-content{display: none; } .block-nav-categori{display: none; } } @media (max-width: 767px){.main-container.left-slidebar .main-content {float: none; } .header.style3 .box-header-nav {text-align: center; } .header.style3 .main-header .header-control {float: none; } .header.style3 .main-header .logo {text-align: center; } .header.style3 .block-minicart::before {display: block; } .header.style3 .header-contact-phone .hotline {float: none; } .header.style5 .header-control .hotline::after {background-color: rgba(255,255,255,.2); } .header.style6 .header-control .hotline::after {background-color: rgba(255,255,255,.3); } .header.style7 .header-control .hotline::after {background-color: rgba(0,0,0,.3); } .style7-mainmenu .toggle-submenu {height: 26px; line-height: 26px; } .header-control .hotline::after {content: ''; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; height: 27px; width: 1px; background-color: rgba(0,0,0,.2); } .form-search-width-category {display: none; } .search-icon-mobile, .search-icon-mobile:before {display: inline-block !important; } .block-minicart:hover .mini-cart-content, .block-minicart .mini-cart-content, .block-minicart::after {display: none; } .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs.owl-loaded .owl-nav .owl-prev {left: 0; } .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs.owl-loaded .owl-nav .owl-next {right: 0; } .product-inner.style2 .product-thumb .thumb-inner img {padding: 0 20px; width: auto; } .product-inner.style2 .product-thumb {float: none; padding: 0; text-align: center; } .product-inner.style2 .product-info {text-align: center; padding: 0; } .product-inner.style2 .star-rating {margin: 0 auto; } .product-item.style2.products .product-thumb {padding: 0; } .product-item.style2.products .product-thumb .thumb-inner img {width: 100%; } .product-item.style2.products .product-info {padding: 0; } .woocommerce-MyAccount-navigation {width: 140px; } .form-row.form-row-first, .form-row.form-row-last {width: 100%; padding: 0; } table.shop_table_responsive tr td {display: block; text-align: right; } table.shop_table_responsive tr td:before {content: attr(data-title) " "; font-weight: 700; float: left; } table.shop_table_responsive tbody th, table.shop_table_responsive thead {display: none; } table.shop_table_responsive .quantity .control {float: right; } .shop_table tr th, .shop_table tr td {padding-left: 0; padding-right: 0; } .shop_table .cart_item .product-name a {width: -webkit-calc(100% - 70px); width: -moz-calc(100% - 70px); width: calc(100% - 70px); } .continue_shoping {float: none; margin-bottom: 10px; } .woocommerce table.wishlist_table tr td {display: block; text-align: right; } .woocommerce table.wishlist_table tr td:before {font-weight: 700; float: left; } .woocommerce table.wishlist_table tr td.product-name:before {content: "Product"; } .woocommerce table.wishlist_table tr td.product-price:before {content: "Price"; } .woocommerce table.wishlist_table tr td.product-stock-status:before {content: "Stock Status"; } .woocommerce table.wishlist_table tbody th, .woocommerce table.wishlist_table thead {display: none; } .wishlist_table tr td.product-thumbnail a {display: inline-block; } .techone-blogs.default .blog-item .post-thumb {float: none; width: 100%; } .techone-blogs.default .blog-item .post-thumb img {width: 100%; } .backtotop {font-size: 0; right: 30px; bottom: 65px; width: 30px; height: 30px; line-height: 30px } .border-right-1 {border-right: none; } .border-left-right-1 {border-left: none; border-right: none; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .comments .comment-body{padding: 10px; } .comments .children{padding-left: 10px; } .comment-content .head .author{font-size: 14px; } .sidebar.col-sidebar{margin-top: 50px; } } @media (max-width: 480px){.header-socilas {text-align: center; float: none; width: 100%; } .header-socilas .social {float: none; margin: 4px; } .top-bar-menu.left {float: none; text-align: center; } .header.style3 .box-header-nav {width: 100%; } .header.style3 .box-header-nav .menu-bar::before {display: none; } .header.style7 .top-bar-menu.left:last-child {float: none; } .header.style7 .top-bar-menu.right {width: 100%; float: left; } .header.style7 .top-bar-menu.right li:first-child a {padding-left: 0; } .header.style7 .top-bar-menu li.parent-megamenu .submenu.megamenu {width: 150px !important; min-width: 150px !important; } .top-bar-menu >li >a {padding: 5px 7px; } .top-bar-menu .submenu li >a {line-height: 24px; } .top-bar-menu .megamenu .widget_nav_menu .widgettitle {font-size: 12px; } .top-bar-menu .megamenu .widget_nav_menu ul li a {font-size: 10px; } .top-bar-menu.style7-mainmenu li:last-child >.submenu {left: auto; right: 0; } .top-bar-menu.style7-mainmenu li:last-child >.submenu .submenu {left: auto; right: 100%; } .main-header {padding: 5px 0; } .header-control .hotline::after {display: none; } .hotline {width: 100%; padding-right: 0; } .hotline .icon {float: none; } .block-minicart .cart-icon {margin-right: 15px; } .techone-tabs .tab-head .tabs-link li {width: 100%; padding: 0; } .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs >li {width: 33.33333333%; } .woocommerce-tabs .wc-tabs li {width: 100%; margin: 0; } .wc-tabs li.active a {height: 45px; line-height: 45px; } #cart_clear_cart {margin-bottom: 10px; } .toolbar-products .modes .modes-mode {font-size: 0; padding-left: 10px; } .toolbar-products .modes .modes-mode:before {padding-right: 0; } .woocommerce-pagination .woocommerce-result-count{display: none; } } @media (max-width: 360px){.product-item.style12 .product-thumb{width: 100%; } .product-item.style12 .product-info{padding-left: 0; width: 100%; } } @media (max-width: 320px){.header.style7 .top-bar-menu li.parent-megamenu .submenu.megamenu {width: 110px !important; min-width: 110px !important; } .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs >li {width: 50%; } }


.woocommerce-cart ul.shipping_tab_ul li {
    border: #F2F2F2 solid 1px;
    float: left;
    width: 50%;
    text-align: center;
    max-width: 150px;
    padding: 5px 10px 5px 10px;
}

.woocommerce-cart tr.shipping td { 
    border: #F2F2F2 solid 1px;
    padding-top: 0;	
}
.woocommerce-cart tr.shipping_nav td {
    padding-bottom: 0;
}
.woocommerce-cart .shop_table tr.shipping .shipping_method {
    margin-right: 5px;
    display: none;
}

.woocommerce-cart #shipping_tab ul li:first-child {
    display: none;
}

.woocommerce-cart ul.shipping_tab_ul li.active {
    border-bottom: #5DA7DC solid;
}
.woocommerce-cart tr.shipping_nav {
    border-bottom: none;
}

.woocommerce-cart ul#shipping_method li {
    padding-left: 50px;
}

.woocommerce-cart tr.shipping td {
    border: #F2F2F2 solid 1px;
    padding: 20px 7px 25px 0px;
}

.fa-truck:before {
    content: "\f0d1";
    padding-right: 2px;
}

.woocommerce-cart ul#shipping_method li {
    padding-left: 41px !important;
}
.woocommerce-checkout-review-order-table ul#shipping_method label, .woocommerce-checkout-review-order-table input[type="radio"] {
    display: none;
}

input[checked="checked"] ~ label {
    display: block !Important;
}

.woocommerce-checkout ul#shipping_method { display: block; }

.minicart-content-wrapper .actions .button.btn-checkout {
    display: none !important;
}

.minicart-content-wrapper .actions .button.btn-viewcart {
    float: left !important;
}

tr.shipping-error td {
    text-align: left !important;
    width: 100%;
    color: red;
}
input#mailchimp_woocommerce_newsletter {
    width: 20px;
    position: relative;
    top: 28px;
    z-index: 999999;
}


.mailchimp-newsletter input:checked+ label::before {
    background: #003366 none repeat scroll 0 0;
    content: "";
    height: 14px;
    left: 1px;
    position: absolute;
    top: 3px;
    width: 14px;
    z-index: 3;
}

.mailchimp-newsletter input:checked + label::after {
    color: #ffffff;
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 9px;
    left: 3px;
    position: absolute;
    top: 0;
    z-index: 3;
}

input#mailchimp_woocommerce_newsletter {
    opacity: 0;
}

form.form-cart .shipping-calculator-form p.form-row.form-row-wide {
    display: none;
}

form.form-cart .shipping-calculator-form p#calc_shipping_postcode_field {
    display: block !important;
}
.shipping-calculator-form p .button {
    float: right;
}
.vertical-menu >li {
    text-align: left;
}