@import url('https://fonts.googleapis.com/css?family=Poppins'); .title_font,h1,h2,h3,h4,h5,h6,.sale_product,.new_product,.horizontal_mode .quick-view,.product-actions .add-to-cart{ font-family: 'Poppins', sans-serif; } body,.social-sharing li a{ font-family: 'Poppins', sans-serif; } body{ color: #666; font-size: 12px; line-height: 18px; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .category-cover{ margin-bottom:30px !important; } @media only screen and (min-width: 1200px){ .container { padding-left: 0; padding-right: 0; }} @media (min-width: 768px) { .container { max-width: 750px; } } @media (min-width: 992px) { .container { max-width: 970px; } } @media (min-width: 1200px) { .container { max-width: 1170px; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .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-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .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-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .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-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .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-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .fancybox-lock .fancybox-overlay { overflow: auto !important; } .fancybox-margin { margin-right:0 !important; } .fancybox-margin { margin-right: 17px; } .fancybox-lock body { overflow: auto !important; } /*----------------------------------------------------------*/ /* Owl Carousel /* Core Owl Carousel CSS File /* v1.3.2 /*----------------------------------------------------------*/ .horizontal_mode, .vertical_mode{ position: relative; overflow:hidden; } /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel *{ direction: ltr !important; } .owl-carousel{ display: none; /*position: relative;*/ width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; z-index: 1; zoom: 1; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .horizontal_mode .owl-carousel .owl-item .item{ padding: 0 16px; text-align: center; } #left_column .horizontal_mode .special_products.owl-carousel .owl-item .item, #right_column .horizontal_mode .special_products.owl-carousel .owl-item .item{ padding: 0; } .horizontal_mode .owl-carousel .owl-item .item .left-block{ text-align: center; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel Owl Demo Theme * v1.3.2 */ .owl-theme .owl-controls{ text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; } .owl-theme .owl-controls .owl-page span{ display: block; width: 40px; height: 40px; margin: 30px 5px 0; opacity: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #fff; border: 1px solid #ebebeb; line-height: 40px; font-weight: bold; font-size: 12px; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ border-color:#eab129; background: #eab129; color:#fff!important; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ background: url('../images/AjaxLoader.gif') no-repeat center center; min-height: 32px; } /* Field - Owl Carousel Style Overrides */ .owl-item img { max-width: 100%; height: auto; } .owl-controls { width: 100%; } /* Owl navigation buttons in carousels */ .owl-buttons{ display: block; overflow: hidden; position: absolute; width: 45px; top: 2px; right: 0; } #right-column .owl-buttons{ right:10px; top:11px; } .title_center .owl-buttons{ position: static; width: auto; overflow: visible; } .owl-buttons [class^="carousel-"] span{ border: 1px solid #ebebeb; color: #444; font-weight: normal; height:35px; line-height: 20px; text-align: center; width: 35px; position:relative; border-radius: 50%; } #right-column .owl-buttons [class^="carousel-"] span{ border:none; color:#bcbcbc; font-size:24px; } #right-column .owl-buttons [class^="carousel-"] span:hover{ color:#eab129; } #right-column .owl-buttons [class^="carousel-"] span:before{ content:"\f0da"; } #right-column .owl-buttons [class^="carousel-"] span.fa-angle-left:before{ content:"\f0d9"; } .owl-buttons [class^="carousel-"] span::before { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .owl-buttons [class^="carousel-"] span:hover{ border: 1px solid #eab129; color: #eab129; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } .owl-buttons .carousel-previous { float: left; padding-right: 5px; cursor: pointer; } .owl-buttons .carousel-next { float: right; cursor: pointer; } .title_center .owl-buttons .carousel-previous{ padding-right: 0; } .title_center .owl-buttons .owl-next { display: block; position: absolute; top: 1px; left: 50%; } .title_center .owl-buttons .owl-prev{ display: block; position: absolute; top:1px; right: 50%; } /* ------------------------------------------------------------- */ /* Owl Carousel Responsive /* ------------------------------------------------------------- */ @media only screen and (max-width: 767px) { .owl-buttons{ display: none; } .horizontal_mode .owl-carousel .owl-item .item{ text-align: center; } } /* ------------------------------------------------------------- */ /************************************************************** CMS Pages Styles ***************************************************************/ #cms #center_column .block-cms { padding-bottom: 20px; } #cms #center_column h1 { margin-bottom: 25px; } #cms #center_column h3 { font-size: 16px; border-bottom: none; margin: 0; padding: 0 0 17px 0; } #cms #center_column p { line-height: 18px; } #cms #center_column .list-1 li { padding: 4px 0 6px 0; font-weight: bold; color: #46a74e; border-top: 1px solid #d6d4d4; } #cms #center_column .list-1 li:first-child { border: none; } #cms #center_column .list-1 li em { font-size: 20px; line-height: 20px; padding-right: 15px; vertical-align: -2px; } #cms #center_column img { margin: 4px 0 17px; max-width: 100%; height: auto; } #cms #center_column .testimonials { border: 1px solid; border-color: #dfdede #d2d0d0 #b0afaf #d2d0d0; margin: 4px 0 13px 0; position: relative; } #cms #center_column .testimonials .inner { border: 1px solid #fff; padding: 19px 18px 11px 18px; background: #fbfbfb; background: -moz-linear-gradient(top, #fbfbfb 0%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #fefefe)); background: -webkit-linear-gradient(top, #fbfbfb 0%, #fefefe 100%); background: -o-linear-gradient(top, #fbfbfb 0%, #fefefe 100%); background: -ms-linear-gradient(top, #fbfbfb 0%, #fefefe 100%); background: linear-gradient(to bottom, #fbfbfb 0%, #fefefe 100%); } #cms #center_column .testimonials .inner span { text-indent: -5000px; display: inline-block; width: 20px; height: 15px; } #cms #center_column .testimonials .inner span.before { background: url(../img/bl-before-bg.png) no-repeat; margin-right: 8px; } #cms #center_column .testimonials .inner span.after { background: url(../img/bl-after-bg.png) no-repeat; margin-left: 8px; } #cms #center_column .testimonials:after { content: "."; display: block; text-indent: -5000px; position: absolute; bottom: -16px; left: 21px; width: 15px; height: 16px; background: url(../img/testimon-after.gif) no-repeat; } #cms #center_column .testimonials + p { padding-left: 45px; margin-bottom: 18px; } #cms #center_column p.bottom-indent { margin-bottom: 18px; } #cms #center_column #admin-action-cms { background: none repeat 0 0 #F6F6F6; border: 1px solid #d2d0d0; padding: 10px; } #cms #center_column #admin-action-cms p { margin: 0; } #cms #center_column #admin-action-cms p span { display: block; padding-bottom: 10px; font-size: 14px; font-weight: bold; color: #333; } #cms #center_column #admin-action-cms p .button { font: 700 17px/21px Arial, Helvetica, sans-serif; padding: 0; border: 1px solid; padding: 10px 14px; display: inline-block; } #cms #center_column #admin-action-cms p .button.publish_button { color: #fff; text-shadow: 1px 1px rgba(0, 0, 0, 0.2); border-color: #0079b6 #006fa8 #012740 #006fa8; background: #009ad0; background: -moz-linear-gradient(top, #009ad0 0%, #007ab7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ad0), color-stop(100%, #007ab7)); background: -webkit-linear-gradient(top, #009ad0 0%, #007ab7 100%); background: -o-linear-gradient(top, #009ad0 0%, #007ab7 100%); background: -ms-linear-gradient(top, #009ad0 0%, #007ab7 100%); background: linear-gradient(to bottom, #009ad0 0%, #007ab7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0); } #cms #center_column #admin-action-cms p .button.publish_button:hover { border-color: #01314e #004b74 #0079b6 #004b74; filter: none; background: #0084bf; } #cms #center_column #admin-action-cms p .button.lnk_view { color: #333; text-shadow: 1px 1px white; border-color: #cacaca #b7b7b7 #9a9a9a #b7b7b7; background: #f7f7f7; background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed)); background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%); background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%); background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%); background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0); } #cms #center_column #admin-action-cms p .button.lnk_view:hover { border-color: #9e9e9e #9e9e9e #c8c8c8 #9e9e9e; filter: none; background: #e7e7e7; } /*************About us**************/ #cms #center_column h3{ border-bottom: 1px solid #ebebeb; margin-bottom: 20px; padding: 5px 0; } #cms #cms-about-us .page-subheading { background: #f2532f none repeat scroll 0 0; border: 0; color: #fff; display: inline-block; font-weight: normal; font-size: 18px; margin-bottom: 20px; padding: 5px 15px; text-transform: uppercase; } #cms #cms-about-us img{ margin: 0; } #cms #cms-about-us .our-team img { border-radius: 50%; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } #cms #cms-about-us .our-team img:hover { border-radius: 50%; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #cms #cms-about-us p { line-height: 22px; margin-bottom: 12px; } #cms #cms-about-us .cms-box.our-team { margin-top: 20px; text-align: center; } .cms-box.our-team [class*="col-"]{ margin-top: 30px; } #cms #cms-about-us .our-team p { line-height: 1; } #cms #cms-about-us p.title_font { font-size: 22px; margin-bottom: 10px; margin-top: 30px; } #cms #cms-about-us .cms-box-line{ margin-bottom: 25px; } #cms #cms-about-us .cms-box-line > em{ margin-bottom: 10px; text-transform: uppercase; font-size: 16px; } #cms #cms-about-us .cms-line{ position: relative; display:block; } #cms #cms-about-us .cms-line { background: #dddddd none repeat scroll 0 0; margin-top: 5px; height: 8px; width: 100%; } #cms #cms-about-us .cms-line .cms-line-comp{ position:absolute; display:block; height: 8px; width:0px; background: #f2532f; } #cms #cms-about-us .cms-line .label em{ display: none; } #cms #cms-about-us .cms-line .label{ color: #0f1e21; display: block; font-size: 16px; font-weight: normal; padding: 0; position: absolute; right: 100%; top: -21px; } @media only screen and (max-width: 480px){ .cms-box.our-team [class*="col-"]{ width: 100%; } } /*# sourceMappingURL=cms.css.map */ /**************************************Box-wide************************************/ .modal-open .zoomContainer{ display:none; } .boxed main{ max-width: 1200px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); margin: 0 auto; } .boxed #header_menu.fieldmegamenu-sticky{ max-width: 1200px; margin: 0 auto; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .boxed main{ max-width: 980px; } .boxed #header_menu.fieldmegamenu-sticky{ max-width: 980px; } } @media only screen and (max-width: 991px){ .boxed main{ margin:0 auto; border-radius:0; -webkit-box-shadow: 0 0 0 #fff; -moz-box-shadow: 0 0 0 #fff; box-shadow: 0 0 0 #fff; } .boxed #header_menu.fieldmegamenu-sticky{ margin: 0 auto; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .boxed main { max-width: 768px;} .boxed #header_menu.fieldmegamenu-sticky{ max-width: 768px; } } @media only screen and (max-width: 767px){ main { width:100%;} .boxed #header_menu.fieldmegamenu-sticky{ max-width: 100%; } .header_bottom{text-align: center;} } /*-------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------*/ .clearfix{ clear:both; } #wrapper{ background:none; padding:0; box-shadow:none; } body:not(#index) #wrapper{ margin-top:30px; } main{ background:#fff; overflow:hidden; } #header{ color:inherit; background:none; } #header .header-top{ padding-bottom:0; background:none; } a{ color:#444; transition:all 0.15s ease-in-out 0s; } a:hover, a:focus{ color:#eab129; } a:focus{ text-decoration:none; } .form-control:focus{ outline:none; } .form-control{ font-size:14px; } input:focus, textarea:focus, keygen:focus, select:focus { outline:none; } /**************************************Footer************************************/ #back-top a{ background: #eab129 none repeat scroll 0 0; bottom: 10px; color: #ffffff; font-size: 20px; height: 50px; border-radius:3px; padding: 12px 0; position: fixed; right: 15px; text-align: center; width: 50px; z-index: 9999; } @media only screen and (max-width: 767px){ #back-top a{ font-size: 20px; height: 30px; padding: 4px 0; width: 30px; } } #back-top a:hover{ opacity: 0.8; } .page-header h1{ border-bottom: 1px solid #ebebeb; color: #444; font-size: 18px; line-height: 1; margin: 0 0 20px; padding-bottom: 10px; text-transform: uppercase; position:relative; } .page-header h1:before{ position:absolute; content:""; width:100%; left:0; height:1px; bottom:-2px; background:#fff; } .title_block{ border-bottom: 1px solid #ebebeb; color:#444444; font-size: 18px; line-height: 1; margin: 0 0 20px; padding-bottom: 10px; text-transform: uppercase; position:relative; } #right-column .title_block{ border: 0; font-weight:bold; margin-bottom: 6px; } #left-column .title_block { font-size: 14px; padding: 0 15px 15px; text-align: left; } .title_block:before{ position:absolute; content:""; width:100%; left:0; height:1px; bottom:-2px; background:#fff; } .title_center .title_block{ color: #444; font-size: 24px; line-height: 24px; font-weight: bold; margin-bottom: 9px; position: relative; text-align: center; border: none; padding-bottom:0; } .title_center.bg_cc .title_block{ padding-top:145px; } .title_center.bg_cc .title_block:before{ content:""; background: url(before_title.png) no-repeat top; position: absolute; top:0; left:50%; transform: translateX(-50%); display: block!important; width: 57px; height: 157px; z-index: 1; } .content-title { margin-bottom: 34px; } .smart-blog-home-post .content-title{ color:#999; } .text-center { text-align: center; } .title_center .title_block:before{ display:none; } .block-category .category-cover{ position:relative; right:auto; bottom:auto; } /*-----------------------------------------------------------------------------------*/ .outer-slide [data-u="arrowright"],.outer-slide [data-u="arrowleft"]{ opacity:1 !important; background:none; color: #fff; font-size: 30px; height: 60px; line-height: 60px; width: 60px; background: transparent!important; } .outer-slide [data-u="arrowright"]:before,.outer-slide [data-u="arrowleft"]:before{ height: 60px; width: 60px; background:#fff; border-radius: 50%; position: absolute; top:0; left:0; content:""; opacity: 0.2; } .outer-slide [data-u="arrowright"] i,.outer-slide [data-u="arrowleft"] i{ position: relative; z-index: 2; } .outer-slide [data-u="arrowleft"]{ } .outer-slide [data-u="arrowright"]{ } .outer-slide [data-u="arrowright"]:hover:before,.outer-slide [data-u="arrowleft"]:hover:before{ background: #eab129; opacity: 1; } .outer-slide [data-u="navigator"]{ bottom:30px; left:50% !important; margin-left:-37px !important; width:74px !important; display: none!important; } .outer-slide [data-u="navigator"] [data-u="prototype"]{ height:15px; width:15px; opacity:1; position:static !important; margin-left:14px; float:left; } .outer-slide [data-u="navigator"] [data-u="prototype"]:first-child{ margin:0; } .outer-slide [data-u="arrowright"]:hover, .outer-slide [data-u="arrowleft"]:hover, .outer-slide [data-u="navigator"] [data-u="prototype"]:hover, .outer-slide:hover [u="navigator"], .outer-slide [data-u="navigator"] .av[data-u="prototype"]{ background:#eab129; } .box-slider{ color:#fff; position: absolute; left: 50%; top: 50%; right: auto; margin-top: -1px; text-align:center; max-width: 610px; text-align: center; margin-left: -305px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } .field-main-slider_1 .small-slide-title p,.field-main-slider_1 .big-slide-title,.field-main-slider_1 .box-slider{ color:#666; } @media (min-width:760px) { .field-main-slider_1 .box-slider{ text-align: left; left: 375px; margin-left: 0; color: #444; } .field-main-slider_2 .box-slider{ right:375px; left: auto; text-align: right; } .field-main-slider_3 .box-slider{ text-align: left; left: 375px; margin-left: 0; } } .large-slide-title,.small-slide-title,.shop_now,.big-slide-title{ position: static; width: 100%; text-align: inherit; color:inherit; } .small-slide-title{ font-size: 12px; font-weight: normal; height: auto; line-height: 18px; padding: 0; text-transform: none; margin-top:9px; } .large-slide-title{ font-size: 36px; line-height: 36px; height: auto; } .big-slide-title{ font-size:12px; font-weight: normal; padding: 0; height: auto; line-height: normal; } .big-slide-title{ margin-top: 0; } a.slide-button{ height:auto; line-height: normal; padding:12px 30px; background: #eab129; border: none; font-size: 12px; display: inline-block; } a.slide-button:hover{ background: #0f1e21; } .shop_now{ margin-top:29px; } .small-slide-title p{ margin-left: 0 !important; color:#fff; line-height: 22px; margin-bottom: 23px; } .box-static_content .fa{ text-align: center; font-size: 30px; line-height:80px; color: #444; width:80px; height:80px; border:1px solid #fff; border-radius: 50%; background: #fff; position: relative; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } @media (max-width:1199px) { .menu-bottom p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100px; } } @media (max-width: 991px) { .custom-menu-bottom img { float: none; margin-right: 0; margin-top:0; } } @media (max-width:768px) { .small-slide-title p,.big-slide-title { font-size: 20px; line-height: 35px; } a.slide-button{ font-size:20px !important; } } @media (max-width:759px) { .small-slide-title p, .big-slide-title { font-size: 40px; line-height: 45px; } } .box-static_content .fa:after{ background: #fff; content:""; width: 70px; height: 70px; border-radius: 50%; position: absolute; top:50%; z-index: 1; left:50%; transform: translate(-50%,-50%); } .box-static_content .fa:before{ z-index: 2; position: relative; } .stt_icon:hover .box-static_content .fa{ border-color:#d8d8d8; color:#fff; } .stt_icon:hover .box-static_content .fa:after{ background: #eab129; } .content_text h3{ color: #444; text-transform: uppercase; font-weight:bold; margin-bottom:0; margin-top:16px; } .content_text h3 a{ font-size: 16px; color: #444; } .content_text h3 a:hover{ color:#eab129; } .content_text p{ font-size: 12px; color: #666; margin:0; font-weight:normal; margin-top:8px; } .static_content{ position: relative; } .stt_icon{ width:25%; float:left; padding: 50px 0 45px; } .box-static_content{ position: relative; text-align:center; } .content_text{ } .static_content{ background: url(bg_sst.jpg) center; } .bg_featuredproduct{ background: url(bg_feature.png) center bottom no-repeat; background-color:#f2f2f2; clear: both; margin-bottom: 60px; padding-bottom:30px; } .bg_specialproduct{ background: url(bg_special.png) center top no-repeat; background-color:#f2f2f2; clear: both; margin-bottom:60px; } #featured_products_block { padding-top:30px; margin-bottom: 30px; } @media (max-width:767px) { .box-slider{ max-width:900px; margin-left:-450px; } .large-slide-title{ font-size:40px; line-height:50px; } .small-slide-title p{ font-size:35px; line-height:40px; } .big-slide-title { line-height:40px; font-size:32px; } a.slide-button{ font-size:35px; line-height:40px; } } #main .page-footer{ margin:0; } .box-static_content > :before{ display:inline-block; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .stt_icon:hover .box-static_content > :before{ transform:rotateY(-360deg); -moz-transform:rotateY(-360deg); -ms-transform:rotateY(-360deg); -o-transform:rotateY(-360deg); -webkit-transform:rotateY(-360deg); } .bn_31{ float: left; width: 100%; text-align:center; } /*--------------------------------------------------------*/ #left-column .vertical_mode,#right-column .vertical_mode { float:left; width:100%; } #header a{ color:#666; } #header a:hover{ color:#eab129; } #header ul{ margin:0; } #header .dropdown-menu{ z-index:9999; font-size: 12px; padding:0; border: none; background: #0f1e21; margin:0; top:100%; min-width:120px; } #header .dropdown-menu li.current,#header .dropdown-menu li:hover{ background:#eab129; } #header .dropdown-menu li a{ color:#fff; padding:0; } #header .header-nav{ border-bottom: 1px solid #ebebeb !important; padding: 0 !important; margin: 0; max-height: none; position: relative; box-shadow: none !important; } .header-nav .container > div { float:left; } #header .header-nav .language-selector,#header .header-nav .currency-selector{ margin:0; line-height:45px; position:relative; } #header .header-nav .currency-selector li{ padding:0 15px; line-height:35px; transition:all 0.15s ease-in-out 0s; } #header .header-nav .language-selector i,#header .header-nav .currency-selector i{ position: absolute; right: 5px; top: 50%; margin-top:-7px; font-size:13px; } #header .header-nav .language-selector:hover .expand-more,#header .header-nav .currency-selector:hover .expand-more{ color:#eab129; } #header .header-nav .language-selector .expand-more[aria-expanded=true],#header .header-nav .currency-selector .expand-more[aria-expanded=true]{ color:#eab129; } #header .header-nav .language-selector{ margin-right:18px; padding-right:15px; } .dropdown .expand-more{ color:#666; transition:all 0.15s ease-in-out 0s; } #header .header-nav .language-selector .expand-more{ position:relative; padding-left:24px; padding-right:20px; transition:all 0.15s ease-in-out 0s; } #header .header-nav .currency-selector .expand-more{ position:relative; padding-right:20px; transition:all 0.15s ease-in-out 0s; } #header .header-nav .language-selector:before{ content:""; position:absolute; height:12px; width:1px; background:#999; right:0; top:50%; margin-top:-7px; } #header .header-nav .language-selector li{ padding-left:36px; padding-right: 15px; position: relative; line-height:35px; transition:all 0.15s ease-in-out 0s; } #header .header-nav .language-selector img{ position:absolute; left:0; margin-top:-7px; top:50%; } #header .header-nav .language-selector li img{ left:15px; } @media (min-width: 992px) { .welcome-text{ position: absolute; left: 50%; transform: translateX(-50%); width:auto !important; } } .header-nav .container > div.welcome-text{ width:100%; text-align:center; } .welcome-text p{ margin:0; line-height:40px; font-size:14px; } #header_links{ } #header_links li{ line-height:45px; padding:0 20px; position:relative; } #header_links li:not(:last-child):before{ content:""; position:absolute; height:12px; width:1px; background:#999; right:0; top:50%; margin-top:-7px; } #header_links li:first-child{ padding-left:0; } #header_links li:last-child{ padding-right:0; } #header_links li i{ margin-right:5px; display:none; } #header_links li a:hover{ color:#eab129; } .header-nav .container > div.mobile_links-wrapper{ float:right; } #mobile_links{ line-height: 45px; margin: 0; padding-right: 20px; position: relative; } #header .header-nav #mobile_links i.fa-caret-down{ position: absolute; right: 5px; top: 50%; margin-top:-7px; font-size:13px; } #header .header-nav #mobile_links i.fa-user{ margin-right:8px; font-size:13px; } #header .header-nav #mobile_links:hover .expand-more{ color:#eab129; } #header .header-nav #mobile_links .expand-more[aria-expanded=true]{ color:#eab129; } #header .header-nav #mobile_links li{ padding:0 15px; line-height:35px; transition:all 0.15s ease-in-out 0s; } #header .header-nav #mobile_links li i{ margin-right:5px; display:none; } #header #mobile_links .dropdown-menu{ right:0; left:auto; } .logo_header{ float:left; position:relative; z-index:10; } #sticky_top.sticky-fixed-top{ position:fixed; } #sticky_top{ margin-left:10px; float:right; position:relative; z-index:1031; line-height:70px; } #header .logo{ display:table; padding:17px 0; } #cart_block_top{ float: right; margin:10px 0 0; } #cart_block_top .unline_cart{ display:none; } #cart_block_top span.fa{ color: #444; height: 50px; line-height: 47px; overflow: visible; padding: 0 10px 0 15px; position: relative; float: left; font-size: 16px; cursor: pointer; } #cart_block_top:hover span.fa{ color:#eab129; } #cart_block_top span.cart-products-count{ color: #fff; display: inline-block; line-height: 19px; font-size: 12px; float: left; margin-top: 15px; margin-right: 10px; width: 35px; text-align: center; height: 18px; background: url(bg_cart.png) no-repeat; } .ui-widget-content{ background:#f9f9f9; padding:0; border:none; border-radius:0; max-height:333px; overflow:auto; z-index:1032; } .ui-menu .ui-menu-item a{ padding:15px; border: none; border-bottom:1px solid #ededed; display:table; width:100%; border-radius:0; cursor:pointer; float:left; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active{ margin: 0px; font-weight: normal; background:#f4f4f4; } .ui-menu .ui-menu-item a.ui-state-focus .search-name-ajax, .ui-menu .ui-menu-item a.ui-state-active .search-name-ajax{ color:#eab129; } .left-search-ajax{ float:left; margin-right:15px; max-width:80px; } .left-search-ajax img{ max-width:100%; height:auto; } .search-name-ajax{ display:table; font-size:14px; } .price-ajax{ color:#eab129; } .price-regular-ajax{ color: #6f6f6f; margin-right: 5px; text-decoration: line-through; } price-search-ajax{ font-size:14px; } .sticky-fixed-top{ position:fixed; z-index:1031; width:auto; top:0; } .sticky-fixed-top #search_block_top .field-search,.sticky-fixed-top #cart_block_top{ } #header .sticky-fixed-top a{ } /*-------------------horizontal_mode-------------------------*/ .block{ margin-bottom:60px; } #left-column .block,#right-column .block{ margin-bottom:30px; } .horizontal_mode .item-inner{ margin:0 auto; display:table; margin-bottom:30px; border: 1px solid #ebebeb; background: #fff; } @media only screen and (max-width:767px){ .block{ margin-bottom:30px; } } .block_post_date{ background: url(bg_date.png) no-repeat top left; } .block_post_date p{ color: #fff; text-transform: uppercase; line-height: 18px; margin: 12px 0 0; } .block_post_date p.m_added{ margin:0; } #smart-blog-custom .content p:before{ display:none; } .horizontal_mode .item-inner .left-product{ position:relative; overflow:hidden; } .horizontal_mode .item-inner .right-product{ margin-top:15px; text-align:left; } .horizontal_mode .item-inner .left-product .hover_image{ position:absolute; opacity:0; left:0; top:0; transition: all 0.15s ease-in-out 0s; } .horizontal_mode .item-inner .left-product a.thumbnail { display:table; position:relative; } .horizontal_mode .item-inner .left-product a.thumbnail:before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; z-index:1; opacity:0!important; transition: all 0.3s ease-in-out 0s; background:rgba(0, 0, 0, 0.5); } .horizontal_mode .item-inner:hover .left-product a.thumbnail:before{ opacity:1; } .horizontal_mode .item-inner:hover .left-product .hover_image{ opacity:1; } #featured_products.owl-theme .owl-controls .owl-page span{ margin-top:10px; } .conditions-box{ position: absolute; top: 10px; left: 10px; z-index: 2; right: 10px; } .new_product{ background: #0f1e21; color: #fff; font-size: 12px; margin-bottom: 5px; padding: 0; line-height: 45px; text-align: center; text-transform: uppercase; display: inline-block; float: left; width: 45px; height: 45px; margin: 0; text-align: center; border-radius: 50%; } .sale_product{ background:#eab129; color: #fff; font-size: 12px; margin-bottom: 5px; padding: 0; line-height: 45px; text-align: center; text-transform: uppercase; display: inline-block; float: right; width: 45px; height: 45px; margin: 0; text-align: center; border-radius: 50%; } .horizontal_mode .quick-view{ text-align: center; color: #fff; display: inline-block; font-size: 13px; width: 40px; height: 40px; text-transform: uppercase; border: 0; line-height: 38px; z-index: 2; opacity: 1; background: none; margin: 5px 0; float: left; position: absolute; bottom: 0; right:-40px; border-radius: 40px 0 0; background: #7f7f7f; padding: 10px 0 0 10px; margin: 0; line-height: 30px; } .horizontal_mode.cc .item-inner:hover .left-product a.thumbnail:before{ opacity:1!important; } .horizontal_mode.cc .item-inner{ position: relative; } .horizontal_mode.cc .quick-view{ background: #3e3e3e; } .horizontal_mode.cc .item-inner .right-product{ position: absolute; margin:0; left:0; top:50%; transform: translateY(-50%); width: 100%; opacity: 0; z-index: 10; } .horizontal_mode.cc .item-inner .right-product .product_name a { color: #fff; } .horizontal_mode.cc .item-inner .right-product .product_name a:hover{ color:#eab129; } .horizontal_mode.cc .item-inner:hover .right-product{ opacity: 1; z-index: 10; } .horizontal_mode.cc .price-and-addtocart{ margin-bottom: 0; } .cc ul.tab_cates{ display:table; margin:0 auto 18px; } .cc .tab_cates li{ float: left; font-size: 12px; cursor: pointer; font-weight: normal; text-transform: uppercase; color: #999; padding: 0 30px; } .cc .tab_cates li:hover{ color:#eab129; } .cc .content-title{ text-transform: none; margin-top:5px; margin-bottom: 15px; color:#999; } #field_newproductslider_block.block{ margin-bottom:30px; } .product-line-info-top .price{ color:#eab129; } .tab-category-container-slider.block{ margin-bottom: 0px; } .add-to-cart{ width: 30px; height: 30px; border: 0; background: transparent; color: #666; padding: 0; padding-top:1px; line-height: 30px; font-size: 13px; margin-right: 5px; } .add-to-cart:hover{ color:#eab129; } .horizontal_mode .product-miniature:hover .quick-view{ right: 0; } .price-and-addtocart{ float: left; width: 100%; background: #ebebeb; border-left: 1px solid #69d2e7; margin-bottom: 10px; height: 30px; margin-top: 18px; } .price-and-addtocart form{ float: right; } .price-and-addtocart .product-price-and-shipping{ display: inline-block; background: url(bg_price.png) no-repeat right top; min-width: 121px; height: 30px; margin: 0; padding: 0 15px; line-height: 30px; background-color: #0f1e21; } @media (max-width: 991px){ .price-and-addtocart .product-price-and-shipping{ min-width: 100px; } .add-to-cart{ margin-right:0; } } .horizontal_mode .quick-view:hover{ background:#eab129; color:#fff; } .right-product .product_name{ font-size: 12px; color: #444; padding: 0 20px; text-align: left; } .horizontal_mode .item-inner .button-action{ } .horizontal_mode .item-inner:hover .button-action{ right:10px; } .horizontal_mode .quick-view i{ font-size:13px; } .quick-view i:before{ content:""; } .product-price-and-shipping{ margin-top:5px; } .price{ color: #fff; font-size: 14px; font-weight: bold; } .regular-price{ color: #999; margin-left: 5px; text-decoration: line-through; font-size:12px; } .price-percent-reduction{ background: #eab129 none repeat scroll 0 0; color: #fff; margin-left: 5px; padding: 0 5px; } .horizontal_mode .price-percent-reduction{ display:none; } /**********************Countdown timer************************/ .item-inner .item-countdown .bg_tranp{ background: #555555; bottom: 0; height: 100%; left: 0; right: 0; line-height: 13px; position: absolute; width: 100%; opacity:0.7; z-index: 1; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s; } .item-inner .item-countdown{margin-top: -54px;} .item-inner .item-countdown { top: 50%; left: 0; right: 0; display: none!important; margin-top: -27px; position: absolute; width: 100%; opacity:1; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; } .item-inner .item-countdown-time{ position: relative; z-index: 9; } .item-inner:hover .item-countdown{ display: none; opacity:0; } .item-inner .item-countdown .section_cout{ color:#fff; width:25%; float:left; display:inline-block; padding: 8px 0; text-align:center; position: relative; z-index: 999; } .item-inner .item-countdown .section_cout span{ display:block; float:none; width:100%; color:#fff; font-size:18px; line-height:1; border-color: rgba(255, 255, 255, 0.25); border-style: solid; border-width: 0 0 0 1px; box-shadow: -1px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: -1px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: -1px 0 rgba(0, 0, 0, 0.3); } .item-inner .item-countdown .section_cout:first-child span.Days, .item-inner .item-countdown .section_cout:first-child span.text { border:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } .item-inner .item-countdown .section_cout span.text{ text-transform: uppercase; font-size:15px; padding-top:8px; } /*--------------------------vertical_mode--------------------------------*/ .vertical_mode .item-inner{ display:table; padding:0 15px; width:100%; margin-bottom:15px; position:relative; } .vertical_mode .item-inner:last-child{ margin-bottom:0; } .vertical_mode .item-inner .product-miniature{ display:flex; } .vertical_mode .left-product{ float:left; margin-right:15px; } .vertical_mode .right-product{ flex:1; } .vertical_mode .add-to-cart{ border:none; padding:0; background:none; } .images-container .product-images > li.thumb-container > .thumb{ width:100px; } /*---------------------------------------------------------------------------*/ #header_menu{ background:none; } .fieldmegamenu > ul{ clear:none; font-size:0; } .fieldmegamenu > ul > li{ float:none; } #fieldmegamenu-main.fieldmegamenu > ul{ text-align:left; } #header_menu .fieldmegamenu .root-item.no-description{ line-height:70px; height:70px; overflow:hidden; } .fieldmegamenu .root-item .title .icon-has-sub { font-size: 14px; line-height: 70px; margin-left: 10px; display: none; margin-top: 0; vertical-align:middle; } .fieldmegamenu .root-item .title .fa-angle-down:before{ content:""; } #fieldmegamenu-main.fieldmegamenu > ul{ height:70px; } .fieldmegamenu .root-item.no-description .title{ font-size: 14px; font-weight: normal; padding: 0 24px; } #fieldmegamenu-main.fieldmegamenu > ul > li .no-description .title{ color:#444; } #header_menu .fieldmegamenu .root:hover .root-item > a > .title,#header_menu .fieldmegamenu .root:hover .root-item > .title,#header_menu .fieldmegamenu .root.active .root-item > a > .title,#header_menu .fieldmegamenu .root.active .root-item > .title,#header_menu .fieldmegamenu .root .root-item > a.active > .title{ color:#eab129; transition: all 0.15s ease-in-out 0s; -webkit-transition: all 0.15s ease-in-out 0s; -ms-transition: all 0.15s ease-in-out 0s; -moz-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s; } .fieldmegamenu .menu-items{ } #header .fieldmegamenu .menu-item.depth-1 > .title a{ color: #444; } #header .fieldmegamenu .menu-item.depth-1 > .title a:hover,.fieldmegamenu .submenu .title:hover a{ color: #eab129; } .fieldmegamenu .menu-item.depth-1 > .title.title_font{ font-size: 12px; font-weight: bold; border: none; margin-bottom: 0; padding-bottom:2px; margin-top:5px; } .fieldmegamenu .menu-items li{ font-size: 12px; position:relative; } .fieldmegamenu .submenu .title a::before,.fieldmegamenu .demo_custom_link_cms .menu-item.depth-1 > .title a::before,.custom_link_feature a::before{ display: none; } .fieldmegamenu .menu-item > .title{ padding:2px 0; line-height:21px; } #header .fieldmegamenu .submenu .title a{ color:#444; } #header .fieldmegamenu .submenu .title a:hover{ color: #eab129; } .custom-menu-bottom, .custom-menu-top{ min-height: auto; margin-top: 8px; } .fieldmegamenu .menu-items li.customcontent_women{ margin-top: 0; } .menu-bottom h3{ color: #eab129; font-size: 12px; font-weight:normal; } .custom-menu-bottom img{ margin-right:15px; margin-bottom:10px; } #fieldmegamenu-mobile{ top:100%; } .menu-bottom p{ font-size: 12px; line-height: 18px; color: #444; } .menu-bottom .menu-bottom-dec a{ background: #0f1e21; padding: 6px 15px; margin-top: 20px; color:#fff !important; } .menu-bottom .menu-bottom-dec a:hover{ background: #eab129; } .fieldmegamenu .menu-item.divider{ padding: 5px 1%; } .fieldmegamenu .menu-items{ background:none; border: none; padding-bottom:20px; padding-top:24px; box-shadow:0 8px 14px 0 rgba(0, 0, 0, 0.25), 0 0 1px rgba(0, 0, 0, 0.35) inset; } .fieldmegamenu .menu-items:before{ background: #fcfcfc none repeat scroll 0 0; bottom: 0; content: ""; left: 0; position: absolute; top: 0; width: 100%; border-top:2px solid #0f1e21; } .fieldmegamenu .submenu{ } .custom_link_feature li:hover a{ color: #eab129; } @media (max-width:991px) { .menu-bottom .menu-bottom-dec a { padding: 6px 10px !important; } .menu-bottom p { width: 80px; } .menu-bottom h3{ line-height:17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .custom-menu-bottom img { margin-bottom: 10px; margin-right: 10px; float:left; } } .fieldmegamenu .menu-items li.customcontent_men{ padding-bottom:10px; padding-top: 15px; } #fieldmegamenu-mobile.fieldmegamenu > ul > li .no-description .title{ color:#444; } #fieldmegamenu-mobile.fieldmegamenu > ul > li .no-description .title:hover{ color: #eab129; } #index #header_mobile_menu{ margin: 20px 0; } #header_mobile_menu .fieldmegamenu .root-item.no-description .title{ padding: 13px 0; } #header_mobile_menu .fieldmegamenu .fieldmegamenu-mobile-handle{ font-size: 16px; padding: 12px 10px; } #header_mobile_menu .fieldmegamenu .menu-items{ top: 0 !important; padding-bottom:15; padding-top:5px; } @media (max-width: 1199px){ .fieldmegamenu > ul > li .right_block_img_menu img{ margin-top:-90px !important; } } #header_mobile_menu .fieldmm-nav{ background: #0f1e21; text-align: left; padding: 13px 20px; } #fieldmm-button { color: #fff; cursor: pointer; font-size: 24px; position: absolute; right: 20px; top: 13px; } .fieldmegamenu .demo_custom_link_cms .menu-item.depth-1 > .title a{ color: #666; font-size: 12px; } .fieldmegamenu .demo_custom_link_cms .menu-item.depth-1 > .title:hover a{ color: #eab129; } @media (max-width: 991px) and (min-width: 768px){ #header_mobile_menu .fieldmegamenu > ul > li .right_block_img_menu img{ margin-top: -106px !important; } } @media (max-width:767px){ #header_mobile_menu .fieldmegamenu > ul > li .right_block_img_menu img{ margin-top:0px !important; } } #header_menu.fieldmegamenu-sticky{ background: #fff; border-bottom:2px solid; border-color:#eab129; } #header_menu.fieldmegamenu-sticky #fieldmegamenu-main.fieldmegamenu > ul{ text-align: left; } .sticky-fixed-top{ z-index: 1031; } .sticky-fixed-top #search_block_top #search_query_top{ background:#fff; } .sticky-fixed-top #search_block_top, .sticky-fixed-top .shopping_cart_menu{ background: none; } .sticky-fixed-top #search_block_top .btn.button-search{ background: #eab129; } .sticky-fixed-top #search_block_top, .sticky-fixed-top .shopping_cart_menu{ margin-top: 0; } #header .sticky-fixed-top .cart_block{ top: 100%; } #header_menu.fieldmegamenu-sticky{ -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow: none; } #header_menu.fieldmegamenu-sticky .fieldmegamenu .menu-items{ top: 100% !important; padding-top:20px; } #header_menu.fieldmegamenu-sticky .fieldmegamenu .menu-items::before{ } /*---------------------------------------------------*/ .products-sort-order .select-list{ font-size:12px; } #products .products{ display:block; } #box-product-grid,#box-product-list{ width:100%; display:none; float:left; } .active_grid #box-product-grid{ display:block; } .active_list #box-product-list{ display:block; } .click-product-list-grid{ float:left; } .click-product-list-grid > div{ float:left; font-size:24px; padding:0 5px; margin:5px 0; cursor:pointer; } .click-product-list-grid > div:hover{ color:red; } .active_list .click-product-list-grid > div.click-product-list{ color:red; } .active_grid .click-product-list-grid > div.click-product-grid{ color:red; } #products img{ margin:0; } .item-product-list .left-product{ position:relative; } .item-product-list .left-product .hover_image{ position:absolute; left:0; top:0; opacity:0; transition: all 0.15s ease-in-out 0s; -webkit-transition: all 0.15s ease-in-out 0s; -ms-transition: all 0.15s ease-in-out 0s; -moz-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s; } .item-product-list:hover .left-product .hover_image{ opacity:1; } .item-product-list .right-product .product_name{ display:table; margin-bottom:15px; } .item-product-list .right-product .product_name a{ font-size:24px; } #products .item-product-list .right-product .product-price-and-shipping{ font-weight:normal; text-align:left; font-size:14px; line-height:20px; margin-bottom:15px; } #products .item-product-list .right-product .regular-price{ font-size:14px; } #products .item-product-list .right-product .discount-percentage-product{ background:red; color:#fff; padding:0 6px; font-size:12px; vertical-align:2px; } #products .item-product-list .right-product .decriptions-short p{ font-size:13px; line-height:22px; margin-bottom:15px; text-align:justify; } .product-availability-list{ font-size:14px; padding-left:30px; line-height:20px; position:relative; margin-bottom:15px; } .product-availability-list i{ position:absolute; left:0; top:0; font-size:18px; } .product-availability-list i.fa-check{ color:#32cd32; } .product-availability-list i.fa-warning{ color:#ff8c00; } .product-availability-list i.fa-ban{ color:#ff0000; } /*-----------------------------------------quick view---------------------*/ .modal-body{ padding:30px; } .quickview .modal-content,#blockcart-modal .modal-body{ background-color: #f6f6f6; } .modal-content { background-clip: padding-box; background-color: #f6f6f6; border:none; border-radius: 0; outline: 0 none; position: relative; } .quickview .modal-header { border: medium none; padding:0; position: absolute; right:0; z-index:1; } button.close{ } button:focus { outline: none; } .modal-header .close{ margin: 0; opacity: 1; text-shadow: unset; background: #bbbbbb none repeat scroll 0 0; position:absolute; right:0; top:0; } .modal-header .close:hover{ background:#eab129; } .modal-header .close span{ height: 25px; line-height: 25px; text-align: center; width: 25px; font-size:20px; float: left; text-shadow: unset; color: #fff; font-weight: normal; } .js-qv-mask.mask { height: auto; margin-left: 0; overflow: visible; width: 100%; margin: 0 auto; padding:0 40px; position: relative; margin-bottom:40px; } .quickview .js-qv-mask.mask { margin-bottom:20px; } .quickview .modal-body{ padding-bottom:10px; } .quickview .images-container{ display:block; min-height:inherit; position:relative; } #main .images-container .js-qv-mask.scroll{ overflow:visible; } .js-qv-mask .owl-item img{ max-width:100%; cursor:pointer; opacity:0.8; display:table; margin:0 auto; height:auto; border: 1px solid #ebebeb; } .js-qv-mask .owl-item .thumb-container{ padding:0 5px; } .js-qv-mask .owl-item img:hover,.js-qv-mask .owl-item img.selected{ opacity:1; } .js-qv-mask .owl-theme .owl-controls .owl-buttons{ display: block; left:0; margin-top: -16px; overflow: visible; position: absolute; right:0; top: 50%; width: auto; z-index: 1; height: 0; line-height: 0; } .js-qv-mask .product-images{ margin:0 auto; } .quickview .modal-dialog,#blockcart-modal .modal-dialog{ max-width:57rem; } @media (max-width: 767px){ .quickview .modal-dialog{ max-width: calc(100% - 20px); width: calc(100% - 20px); } } .product-discount .regular-price{ margin:0; font-size:14px; font-weight:bold; line-height:1; } .has-discount .discount{ background:#eab129; color: #fff; font-size: 13px; font-weight: normal; line-height: 1; margin-left: 10px; padding: 8px 10px; text-transform: capitalize; vertical-align:3px; } .product-prices .regular-price{ font-size:15px; } .product-prices .current-price{ font-size: 25px; font-weight: normal; color: #444; padding: 2px 0; border-width: 2px 0; border-style: solid; border-color: #444; } .has-discount.product-price, .has-discount p{ color:#eab129; margin:0 0 15px; } .product-prices{ margin-top:25px; } .product-information{ font-size:13px; color:#666; line-height:20px; margin:0; margin-bottom:30px; } .product-actions .control-label{ float: left; line-height: 30px; margin-bottom: 0; margin-right: 15px; min-width: 65px; width: auto; font-size:13px; text-transform:uppercase; color:#444; } .product-actions .product-add-to-cart .control-label{ line-height:50px; } .product-discounts{ margin:0; } .product-variants > .product-variants-item select { border: 1px solid #ebebeb; height: 40px; width: 100%; float: left; padding: 0 12px; margin-top:5px; background:none; font-size:12px; } .quickview .product-variants > .product-variants-item select{ border-color:rgba(0,0,0,0.15); } .product-variants > .product-variants-item ul li{ margin-right: 5px; margin-top: 5px; } .product-variants > .product-variants-item .color{ } .product-quantity .qty{ float:left; width:100%; margin-bottom:15px; } .product-quantity .input-group{ float:left; width:auto; } .product-variants > .product-variants-item{ margin:15px 0; } .product-actions .add-to-cart{ background:#eab129 none repeat scroll 0 0; font-size: 12px; height: auto; line-height:26px; padding:8px 20px; width: auto; color:#fff !important; text-transform: uppercase; transition: all 0.15s ease-in-out 0s; -moz-transition: all 0.15s ease-in-out 0s; -ms-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s; -webkit-transition: all 0.15s ease-in-out 0s; margin-right:5px; } #product-availability{ margin-top:10px; margin-left:0; } .product-actions .add-to-cart i{ font-size:13px; line-height:12px; margin-right:5px; } .product-actions .add-to-cart:hover{ background:#0f1e21; } .quickview .social-sharing{ margin:0; } .product-cover img{ box-shadow:none; } .quickview .product-cover img{ width:100%; } .facebook.icon-gray,.twitter.icon-gray,.pinterest.icon-gray,.googleplus.icon-gray{ background-image:none !important; background:none !important; } .facebook.icon-gray a:before,.twitter.icon-gray a:before,.pinterest.icon-gray a:before,.googleplus.icon-gray a:before{ font-family:"FontAwesome"; } .social-sharing{ margin:0 -5px; } .social-sharing li{ box-shadow: none; border-radius: 0; height: auto; width: auto; float: left; margin: 5px; line-height: 35px; } .social-sharing li a{ min-width:83px; text-align:center; text-indent: inherit; float: left; overflow: visible; font-size: 12px; color: #444; width: auto; height: auto; line-height:35px; background: #fff; padding: 0 10px; border: 1px solid #ebebeb; } .social-sharing li a:hover{ background:#eab129; color:#fff; } .social-sharing li a:before{ background:none !important; margin-right:5px; } .social-sharing li:before{ background-image:none !important; background:none !important; font-size:18px; text-align:center; margin-right:5px; float:left; color:#444; transition: all 0.15s ease-in-out 0s; -moz-transition: all 0.15s ease-in-out 0s; -ms-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s; -webkit-transition: all 0.15s ease-in-out 0s; } .facebook a:before{ content:"\f09a"; background:#435f9f; } .social-sharing li.facebook:hover a{ background:#fff; background:#435f9f; } .twitter a:before{ content:"\f099"; background:#00aaf0; } .social-sharing li.twitter:hover a{ background:#fff; background:#00aaf0; } .pinterest a:before{ content:"\f0d2"; background:#ce1f21; } .social-sharing li.pinterest:hover a{ background:#fff; background:#ce1f21; } .googleplus a:before{ content:"\f0d5"; background:#e04b34; } .social-sharing li.googleplus:hover a{ background:#fff; background:#e04b34; } .social-sharing span{ min-width:65px; margin-right:10px; display:none; } .product-prices .tax-shipping-delivery-label{ margin:0; } .product-prices div{ margin-bottom:0; } .product-prices > div{ margin-bottom:25px; } /*-------------------------category------------------------*/ .block-category { margin-bottom: 30px; min-height: auto; } #products .products{ display:block; float:left; width:100%; } .products.horizontal_mode .item-inner .right-product{ min-height:68px; } .products.horizontal_mode #box-product-list .add-to-cart{ margin: 15px 0 0; color: #666; background: #ebebeb; position: static; opacity: 1; width: auto; height: auto; padding: 0 20px; font-size: 12px; line-height: 30px; } .products.horizontal_mode #box-product-list .quick-view{ margin: 15px 0 0; color: #666; background: #ebebeb; position: static; opacity: 1; font-size: 12px; border-radius: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; padding: 0; } .products.horizontal_mode #box-product-list .quick-view:hover,.products.horizontal_mode #box-product-list .add-to-cart:hover{ background:#eab129; color:#fff; } #products .product-miniature{ margin:0; } #products .product-miniature img{ max-width:100%; height:auto; } .block-category #category-description p{ line-height:18px; } .block-category #category-description p:first-child{ margin:0; } .products.horizontal_mode #box-product-list .quick-view i{ margin-right:0px; } .list-button form{ float: left; margin-right: 5px; } .list-button .quick-view-product-list{ float: left; } .products.horizontal_mode #box-product-list .right-product{ padding:15px 30px; display:inline-block; } #product .product-cover{ border :1px solid #ebebeb; max-width:415px; } .item-product-list .left-product{ margin:15px 30px; } @media (min-width:525px) { .item-product-list .js-product-miniature{ display:flex; align-items:center; } .products.horizontal_mode #box-product-list .right-product{ flex: 1; } .products.horizontal_mode #box-product-list .item-product-list .left-product{ } .item-product-list .left-product{ border-right: 1px solid #ebebeb; margin:0; } } #box-product-grid,#box-product-list{ width:100%; display:none; float:left; } .active_grid #box-product-grid{ display:block; } .active_list #box-product-list{ display:block; } .click-product-list-grid{ float:left; margin-right:22px; } .click-product-list-grid > div{ float:left; font-size:24px; padding:0 8px; margin:5px 0; cursor:pointer; color:#0f1e21; } .click-product-list-grid > div:hover{ color:#eab129; } .active_list .click-product-list-grid > div.click-product-list{ color:#eab129; } .active_grid .click-product-list-grid > div.click-product-grid{ color:#eab129; } #products img{ margin:0; } .item-product-list .left-product{ position:relative; display:table; } #products .item-product-list .right-product .product-price-and-shipping .price{ color: #eab129; } .item-product-list .left-product .hover_image{ position:absolute; left:0; top:0; opacity:0; transition: all 0.15s ease-in-out 0s; -webkit-transition: all 0.15s ease-in-out 0s; -ms-transition: all 0.15s ease-in-out 0s; -moz-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s; } .item-product-list:hover .left-product .hover_image{ opacity:1; } .item-product-list .right-product .product_name{ display:table; margin-bottom:15px; padding:0; } .item-product-list .right-product .product_name a{ font-size: 14px; font-weight: bold; } #products .item-product-list .right-product .product-price-and-shipping{ font-weight:normal; text-align:left; font-size:14px; line-height:20px; margin-bottom:15px; } #products .item-product-list .right-product .product-price-and-shipping #products .item-product-list .right-product .regular-price{ font-size:14px; } #products .item-product-list .right-product .discount-percentage-product{ background:#eab129; color:#fff; padding:0 6px; font-size:12px; vertical-align:2px; } #products .item-product-list .right-product .decriptions-short p{ font-size:12px; line-height:22px; margin-bottom:15px; text-align:justify; } .product-availability-list{ font-size:14px; padding-left:30px; line-height:20px; position:relative; margin-bottom:15px; } .product-availability-list i{ position:absolute; left:0; top:0; font-size:18px; } .product-availability-list i.fa-check{ color:#32cd32; } .product-availability-list i.fa-warning{ color:#ff8c00; } .product-availability-list i.fa-ban{ color:#ff0000; } .item-product-list{ border: 1px solid #ebebeb; margin-bottom: 30px; } .products-selection .total-products, .products-selection h1{ padding:0; } .products-selection .total-products p{ line-height: 24px; margin: 5px 0; padding-right:10px; } .bootstrap-touchspin .group-span-filestyle .btn-touchspin, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .group-span-filestyle .btn-default{ background:#0f1e21; } #products .item-inner{ max-width:270px; margin:0 auto 30px; } .products-selection { text-align: center; margin-bottom: 30px; padding: 7px; float: left; background: #fff; width: 100%; border: 1px solid #ebebeb; } .products-selection > div { } .products-selection .total-products{ display:inline-block; } .box-sort-by{ align-items:center; display:flex; float:right; margin-top: 2px; } .products-selection .sort-by{ margin:0; color:#141415; } .products-sort-order .select-title{ padding:0; line-height:18px; border:0; padding:6px 12px; margin:0; background:none; } .products-sort-order .select-title i { float: right; line-height: 18px; margin-left: 10px; } .products-sort-order { color: #666; flex: 1; float: right; margin-left:5px; } .products-sort-order .dropdown-menu{ right:0; } .products-sort-order .select-list:hover{ background:#eab129; } @media (max-width:767px) { .products-selection{ display:block; width:100%; padding:10px; } .click-product-list-grid{ display:table; margin:0 auto; float:none; } .products-selection .total-products p{ border:none; margin-right:0; padding:0; } .products-selection .total-products{ display:table; width:100%; border:none; text-align:center; } } .block-categories,#search_filters{ border: 1px solid #ebebeb; box-shadow: none; margin-bottom: 30px; padding: 0; float:left; width:100%; } .block-categories a { color: #444444; font-size: 14px; line-height: 18px; } .block-categories a:hover{ color:#eab129; } .block-categories > ul > li:first-child a { display: table; margin: 0; padding: 16px 20px; width: 100%; border-bottom:1px solid #ebebeb; } .block-categories .category-sub-menu li[data-depth="0"] > a{ font-size: 12px; font-weight: normal; line-height: 18px; margin: 0; padding: 14px 0; text-transform: uppercase; border-bottom:1px solid #ebebeb; } ul.category-top-menu{ margin:0 0 -1px; width:100%; float:left; } .block-categories .category-sub-menu { margin: 0; padding-left:20px; float:left; width:100%; } .collapse{ float:left; width:100%; } .block-categories >ul > li > .category-sub-menu{ padding-right:20px; } .block-categories .collapse-icons { border: medium none; cursor: pointer; font-size: 10px; padding: 0; position: absolute; right: 0; top:14px; line-height:18px; } .block-categories .collapse-icons i{ line-height:18px; font-size:14px; } .block-categories .category-sub-menu li[data-depth="1"] { margin-bottom:0; position:relative; float:left; width:100%; } .block-categories .category-sub-menu .category-sub-link { border-bottom: 1px solid #ebebeb; float: left; font-size: 12px; line-height: 18px; padding: 10px 0; width: 100%; } .block-categories .category-sub-menu .arrows { line-height: 18px; position: absolute; right: 0; top: 10px; } .block-categories .category-sub-menu li { float: left; position: relative; width: 100%; } .block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"]) { padding-left:0; } .block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"]) a{ padding-left:15px; } .block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"])::before { content: "-"; left: 0; line-height: 1px; margin-right: 0; position: absolute; top: 50%; } .block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover,.block-categories .arrows .arrow-down:hover, .block-categories .arrows .arrow-right:hover{ color:#eab129; } #search_filters > h4{ display: table; margin: 0; padding: 16px 20px; width: 100%; border-bottom:1px solid #ebebeb; } #search_filters .facet { border-bottom: 1px solid #ebebeb; float: left; margin: 0 27px; padding: 20px 0; width:calc(100% - 54px); margin-bottom:-1px; } #search_filters .facet .facet-label a{ color:#666; font-size:12px; line-height:18px; margin-top:7px; } #search_filters .facet .collapse{ margin:0; } .custom-checkbox input[type="checkbox"] + span{ border:1px solid #cdcdcd; width:12px; height:12px; } .color, .custom-checkbox input[type="checkbox"] + span.color{ margin-left:0; } .btn-tertiary { background: #0f1e21 none repeat scroll 0 0; box-shadow: none; color: #fff; margin: 20px 27px 0; padding: 5px 15px; -webkit-transition: all 0.15s ease-in-out 0s; -ms-transition: all 0.1s ease-in-out 0s; -moz-transition: all 0.1s ease-in-out 0s; -o-transition: all 0.1s ease-in-out 0s; } .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:hover, .btn-tertiary:focus, .btn-tertiary:hover, .focus.btn-tertiary{ color:#fff; background:#eab129; } #search_filters .facet .facet-title { color: #444444; font-size: 13px; text-transform: uppercase; } #category #left-column #search_filters_wrapper{ margin:0; } @media (max-width:767px){ #category #left-column #search_filters .facet .h6{ padding:0; font-weight:normal; } #category #left-column #search_filters .facet{ border-bottom: 1px solid #ebebeb; margin: 0 ; padding: 10px 20px; float:left; width:100%; position:relative; } #category #left-column #search_filters .facet:last-child{ border-bottom:none; } #category #left-column #search_filters .facet ul li{ padding:0; border:none; } #category #left-column #search_filters .facet .title .pull-xs-right { position: absolute; right:15px; top:10px; } #category #left-column #search_filters .facet .title .pull-xs-right i{ font-size:20px; } #category #left-column #search_filters .facet .collapse{ } #category #left-column #search_filters .facet .navbar-toggler{ padding:0; border:none; } #category #left-column #search_filters .facet ul li { border: medium none; margin-top: 10px; padding: 0; } #category #left-column #search_filters{ border:1px solid #ebebeb; margin-bottom:30px; } } #main .page-content, #main .page-header{ text-align:center; } .btn{ line-height:18px; font-size:14px; } .btn-primary, .btn-secondary, .btn-tertiary{ box-shadow:none; font-weight:normal; padding:8px 20px; } .btn-primary,.btn{ background:#0f1e21; color:#fff; transition: all 0.15s ease-in-out 0s; -webkit-transition: all 0.15s ease-in-out 0s; -ms-transition: all 0.15s ease-in-out 0s; -moz-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s; } .btn-primary:disabled,button:disabled{ cursor: not-allowed; pointer-events: none; opacity:0.65 !important; } .contact-form{ box-shadow:none; text-align:left; } .btn-primary.focus,.btn-primary:focus,.btn-primary:hover,.btn:hover,.btn-primary:active{ background:#eab129; } .input-group .input-group-btn > .btn { border: 0 none; box-shadow: none; color: #fff; font-size: 12px; font-weight: 400; margin-left: 0; padding:13px 15px; text-transform: uppercase; } .cart-grid .cart-grid-body > a.label{ box-shadow:none; font-weight:normal; padding:8px 15px; background:#0f1e21; color:#fff; padding-left:5px; } .cart-grid .cart-grid-body > a.label:hover{ background:#eab129; } .pagination{ margin: 0; margin-bottom:60px; border: 1px solid #ebebeb; padding: 3px 0; background: #fff; } #left-column{ margin-bottom:30px; } .pagination .page-list { background:none; float:left; margin-bottom: 0; padding: 0; } .pagination > div:first-child{ line-height:30px; } .pagination > div{ line-height:30px; margin:6px 0; } .text-align-left{ text-align: right; } @media (max-width:767px){ .pagination > div{ float:none !important; display:table !important; margin-left:auto !important; margin-right:auto !important; } .pagination a.previous i,.pagination a.next i{ } } .pagination a{ width: 30px; padding: 0; text-align: center; float: left; line-height: 30px; height: 30px; border: 1px solid #ebebeb; color: #666666; box-shadow: none; margin: 0 3px; } .pagination a:first-child{ margin-left:0; } .pagination a.next { } .pagination a.previous i{ font-size:0; height:auto; width:auto; color: #444; } .pagination a.previous:hover i{ color: #eab129; } .pagination a.previous i:before{ content:"\f104"; font-family: "FontAwesome"; font-size: 18px; line-height: 29px; } #category .pagination a.next i{ font-size:0; height:auto; width:auto; color: #444; } #category .pagination a.next:hover i{ color: #eab129; } .pagination a.next i:before{ content:"\f105"; font-family: "FontAwesome"; font-size: 18px; line-height: 29px; } .pagination .current a,.pagination a:not(.disabled ):hover{ background:#eab129; color:#fff; border-color:#eab129; } #productCates{ float:left; width:100%; } #field_productcates{ margin-bottom:30px; margin-top:60px; } /************************************************************** CMS Pages Styles ***************************************************************/ #cms #center_column .block-cms { padding-bottom: 20px; } #cms #center_column h1 { margin-bottom: 25px; } #cms #center_column h3 { font-size: 16px; border-bottom: none; margin: 0; padding: 0 0 17px 0; } #cms #center_column p { line-height: 18px; } #cms #center_column .list-1 li { padding: 4px 0 6px 0; font-weight: bold; color: #46a74e; border-top: 1px solid #d6d4d4; } #cms #center_column .list-1 li:first-child { border: none; } #cms #center_column .list-1 li em { font-size: 20px; line-height: 20px; padding-right: 15px; vertical-align: -2px; } #cms #center_column img { margin: 4px 0 17px; max-width: 100%; height: auto; } #cms #center_column .testimonials { border: 1px solid; border-color: #dfdede #d2d0d0 #b0afaf #d2d0d0; margin: 4px 0 13px 0; position: relative; } #cms #center_column .testimonials .inner { border: 1px solid #fff; padding: 19px 18px 11px 18px; background: #fbfbfb; background: -moz-linear-gradient(top, #fbfbfb 0%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #fefefe)); background: -webkit-linear-gradient(top, #fbfbfb 0%, #fefefe 100%); background: -o-linear-gradient(top, #fbfbfb 0%, #fefefe 100%); background: -ms-linear-gradient(top, #fbfbfb 0%, #fefefe 100%); background: linear-gradient(to bottom, #fbfbfb 0%, #fefefe 100%); } #cms #center_column .testimonials .inner span { text-indent: -5000px; display: inline-block; width: 20px; height: 15px; } #cms #center_column .testimonials .inner span.before { background: url(../img/bl-before-bg.png) no-repeat; margin-right: 8px; } #cms #center_column .testimonials .inner span.after { background: url(../img/bl-after-bg.png) no-repeat; margin-left: 8px; } #cms #center_column .testimonials:after { content: "."; display: block; text-indent: -5000px; position: absolute; bottom: -16px; left: 21px; width: 15px; height: 16px; background: url(../img/testimon-after.gif) no-repeat; } #cms #center_column .testimonials + p { padding-left: 45px; margin-bottom: 18px; } #cms #center_column p.bottom-indent { margin-bottom: 18px; } #cms #center_column #admin-action-cms { background: none repeat 0 0 #F6F6F6; border: 1px solid #d2d0d0; padding: 10px; } #cms #center_column #admin-action-cms p { margin: 0; } #cms #center_column #admin-action-cms p span { display: block; padding-bottom: 10px; font-size: 14px; font-weight: bold; color: #333; } #cms #center_column #admin-action-cms p .button { font: 700 17px/21px Arial, Helvetica, sans-serif; padding: 0; border: 1px solid; padding: 10px 14px; display: inline-block; } #cms #center_column #admin-action-cms p .button.publish_button { color: #fff; text-shadow: 1px 1px rgba(0, 0, 0, 0.2); border-color: #0079b6 #006fa8 #012740 #006fa8; background: #009ad0; background: -moz-linear-gradient(top, #009ad0 0%, #007ab7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ad0), color-stop(100%, #007ab7)); background: -webkit-linear-gradient(top, #009ad0 0%, #007ab7 100%); background: -o-linear-gradient(top, #009ad0 0%, #007ab7 100%); background: -ms-linear-gradient(top, #009ad0 0%, #007ab7 100%); background: linear-gradient(to bottom, #009ad0 0%, #007ab7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0); } #cms #center_column #admin-action-cms p .button.publish_button:hover { border-color: #01314e #004b74 #0079b6 #004b74; filter: none; background: #0084bf; } #cms #center_column #admin-action-cms p .button.lnk_view { color: #333; text-shadow: 1px 1px white; border-color: #cacaca #b7b7b7 #9a9a9a #b7b7b7; background: #f7f7f7; background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed)); background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%); background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%); background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%); background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0); } #cms #center_column #admin-action-cms p .button.lnk_view:hover { border-color: #9e9e9e #9e9e9e #c8c8c8 #9e9e9e; filter: none; background: #e7e7e7; } /*************About us**************/ #cms #center_column h3{ border-bottom: 1px solid #ebebeb; margin-bottom: 20px; padding: 5px 0; } #cms #cms-about-us .page-subheading { background: #eab129 none repeat scroll 0 0; border: 0; color: #fff; display: inline-block; font-weight: normal; font-size: 14px; margin-bottom: 20px; padding: 5px 20px; text-transform: uppercase; } #cms #cms-about-us img{ margin: 0; } #cms #cms-about-us .our-team img { border-radius: 50%; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } #cms #cms-about-us .our-team img:hover { border-radius: 50%; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #cms #cms-about-us p { line-height: 22px; margin-bottom: 12px; } #cms #cms-about-us .cms-box.our-team { margin-top: 20px; text-align: center; } .cms-box.our-team [class*="col-"]{ margin-top: 30px; } #cms #cms-about-us .our-team p { line-height: 1; } #cms #cms-about-us p.title_font { font-size: 22px; margin-bottom: 10px; margin-top: 30px; } #cms #cms-about-us .cms-box-line{ margin-bottom: 25px; } #cms #cms-about-us .cms-box-line > em{ margin-bottom: 10px; text-transform: uppercase; font-size: 16px; } #cms #cms-about-us .cms-line{ position: relative; display:block; } #cms #cms-about-us .cms-line { background: #dddddd none repeat scroll 0 0; margin-top: 5px; height: 8px; width: 100%; } #cms #cms-about-us .cms-line .cms-line-comp{ position:absolute; display:block; height: 8px; width:0px; background: #eab129; } #cms #cms-about-us .cms-line .label em{ display: none; } #cms #cms-about-us .cms-line .label{ color: #0f1e21; display: block; font-size: 16px; font-weight: normal; padding: 0; position: absolute; right: 100%; top: -21px; } @media only screen and (max-width: 480px){ .cms-box.our-team [class*="col-"]{ width: 100%; } } #pagenotfound .page-not-found, #products .page-not-found{ box-shadow:none; } #pagenotfound .page-not-found .search-widget, #products .page-not-found .search-widget{ width:100%; } .field-demo-wrap .control.inactive,.cl-row-reset .cl-reset{ background:#0f1e21; } .field-demo-wrap .control.active,.cl-row-reset .cl-reset:hover{ background:#eab129; } .bootstrap-touchspin .btn-touchspin{ color:#444; } .product-cover .layer{ right:0; bottom:0; opacity:1; background:none; left:auto; top:auto; width:40px; height:40px; z-index:1001; } .product-cover .layer .zoom-in{ font-size: 33px; color: #999; } .product-cover .layer:hover .zoom-in{ color:#eab129; } #header_mobile_menu { background:#0f1e21; margin-bottom:30px; z-index:10; } #fieldmegamenu-main.fieldmegamenu .root:hover .root-item > a > .title,#fieldmegamenu-main.fieldmegamenu .root:hover .root-item > .title,#fieldmegamenu-main.fieldmegamenu .root.active .root-item > a > .title,#fieldmegamenu-main.fieldmegamenu .root.active .root-item > .title,#fieldmegamenu-main.fieldmegamenu .root .root-item > a.active > .title{ color: #0f1e21; background: transparent; } #fieldmegamenu-mobile.fieldmegamenu .root:hover .root-item > a > .title , #fieldmegamenu-mobile.fieldmegamenu .root:hover .root-item > .title , #fieldmegamenu-mobile.fieldmegamenu .root.active .root-item > a > .title , #fieldmegamenu-mobile.fieldmegamenu .root.active .root-item > .title , #fieldmegamenu-mobile.fieldmegamenu .root .root-item > a.active > .title{ color: #eab129; } .fieldmegamenu .menu-item.depth-1 > .title a:hover{ color:#eab129; } #header_menu.fieldmegamenu-sticky{ border-bottom:2px solid #eab129; } .fieldmegamenu > ul > li.demo_other_menu{background:#eab129;} .fieldmegamenu .demo_custom_link_cms .menu-item.depth-1 > .title a:hover { color: #eab129; } .fieldmegamenu .submenu .title a:hover{transition:all 0.3s ease-in-out 0s; color:#eab129;} .menu-bottom .menu-bottom-dec a{ padding: 8px 20px; background: #eab129; color: #fff; display:inline-block; margin-top:17px;} .menu-bottom .menu-bottom-dec a:hover{background:#0f1e21;transition:all 0.3s ease-in-out 0s;} .menu-bottom h3{ font-size: 12px; color: #eab129;text-transform: capitalize;} .custom_link_feature li a:hover{ color:#eab129; transition: all 0.3s ease-in-out 0s;} .custom-col-html a{text-transform: none; color:#eab129;} .custom-col-html h4 { color: #eab129; font-size: 18px; margin-bottom: 0; margin-top: 0; padding-left: 15px; text-align: center; } #recent_article_smart_blog_block_left .block_content ul li a.read-more:hover{ background:#eab129; } #recent_article_smart_blog_block_left .block_content ul li .info{ color:#eab129; } .info-category span,.info-category span a{ color:#eab129; } @media only screen and (max-width: 991px){ .header-logo{ max-width:175px; } .header-logo img{ max-width:100%; } .cart_top_ajax{ right:-50px !important; } .cart_top_ajax::before{ right:80px !important; } } .active_filters { background: #dededd; padding: 10px 30px; margin-bottom: 30px; padding-bottom: 0; } .active_filters .filter-block .close { color: #414141; font-size: 16px; opacity: 1; margin-top: 0; margin-left: 5px; } .field-slideshow-container .flex-control-paging li a:hover, .field-slideshow-container .flex-control-paging li a.flex-active, .nivo-controlNav a:hover, .nivo-controlNav a.active{ background:#eab129; } /*--------------------------------------------------------------*/ .page-authentication #content{ border: 1px solid #ebebeb; border-radius: 4px; box-shadow: none; max-width: 870px; padding:30px 20px; } body#checkout section.checkout-step{ border:1px solid #ebebeb; box-shadow:none; border-radius:4px; margin-bottom:15px; } #order-items hr{ border-top:#ebebeb; } .order-confirmation-table .text-xs-left,.order-confirmation-table .text-xs-right,#order-items table tr td:last-child{ color:#eab129; } .page-my-account #content .links a:hover { color: #eab129; } .form-control,.search-widget form input[type="text"]{ background-color: #fff; background-image: none; border: 1px solid #ebebeb; display: block; font-size: 12px; padding:0px 20px; line-height:20px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; min-height: 44px; } textarea.form-control{ padding-top:20px; } .form-group.has-error input, .form-group.has-error select { border-color:#ff4c4c; outline:0; } .card{ box-shadow:none; border-radius:4px; border: 1px solid #ebebeb; margin-bottom:30px; } #order-items .order-line { align-items: center; display: flex; margin-top: 1rem; } .page-my-account #content .links a span.link-item{ box-shadow:none; } .page-footer .text-xs-center a { background: #0f1e21 none repeat scroll 0 0; color: #fff; display: table; line-height: 18px; margin-bottom: 30px; margin-left: auto; margin-right: auto; padding: 8px 15px; font-size:14px; text-transform:uppercase; } .page-footer .text-xs-center a:hover{ background:#eab129; } .page-my-account #content .links a:hover i{ color:#eab129; } .page-my-account #content .links a{ color:#444; } body#checkout section.checkout-step .delivery-option{ background:none; } .form-control:focus,.search-widget form input[type="text"]:focus{ border-color:#eab129; outline:0; } .input-group.focus{ outline:0; } .form-control-comment{ float:left; } #main .page-content.page-cms{ padding:0; text-align:left; } .custom-radio input[type="radio"]:checked + span { background-color: #444444; border-radius: 50%; display: block; height: 9px; left: 2px; position: absolute; top: 2px; width: 9px; } .page-addresses .address{ padding:15px; border:1px solid #ebebeb; border-radius:4px; box-shadow:none; } .page-addresses .address .address-footer a{ color:#444; } .page-addresses .address .address-footer { border-top: 1px solid #acaaa6; padding:0; padding-top: 15px; } .page-footer a.account-link { background: #0f1e21 none repeat scroll 0 0; color: #fff; display: table; float: left; margin-bottom: 30px; margin-right: 1rem; padding: 8px 15px; } .page-footer a.account-link:hover{ background:#eab129; } .page-customer-account #content{ box-shadow:none; } .page-order-detail .box{ border:1px solid #ebebeb; box-shadow:none; border-radius:4px; } .thead-default th{ color:#666; } .table-borde#eab129 thead th, .table-borde#eab129 thead td{ font-weight:normal; } .table-borde#eab129,.table-borde#eab129 th, .table-borde#eab129 td{ border:1px solid #ebebeb; border-radius:4px; } .page-order-detail{ color:#666; } body#checkout section.checkout-step .address-item.selected{ border:1px solid #ebebeb; border-radius:4px; } body#checkout section.checkout-step .address{ line-height:24px; } body#checkout section.checkout-step .add-address a{ color:#444; } body#checkout section.checkout-step .add-address a:hover{ color:#eab129; } .page-addresses .address .address-footer a:hover{ color:#eab129; } .page-addresses .address .address-body address { font-size: 12px; line-height: 25px; } .custom-radio { background: white none repeat scroll 0 0; border: 1px solid #acaaa6; border-radius: 50%; cursor: pointer; display: inline-block; height: 15px; margin-right: 1.25rem; position: relative; vertical-align: middle; width: 15px; } .cart-summary-line .value{ color:#eab129; } .product-line-grid-right .cart-line-product-actions, .product-line-grid-right .product-price{ color:#eab129; } .cart-grid-body .cart-overview{ padding:15px 0; } .cart-grid-body .cart-overview .no-items{ padding:0 15px; } .cart-item{ border-bottom:1px solid #ebebeb; } .cart-item:last-child{ border:none; } .cart-item .product-line-grid{ display:flex; align-items:center; } .cart-summary-line{ margin-bottom:10px; } #cart-summary-product-list .media{ margin-bottom:5px; } /*--------------------------------------popup cart----------------*/ #blockcart-modal .modal-title i.material-icons { margin-right: 10px; } #blockcart-modal .modal-title { color: #fff; font-size: 18px; font-weight: normal; } #blockcart-modal .cart-content{ padding-left:15px; } @media (max-width: 991px) { #blockcart-modal .cart-content{ padding-left:0; } } #blockcart-modal .cart-content p{ color:#eab129; } #blockcart-modal .cart-content p strong{ color:#666; font-weight:normal; } .pagination .disabled{ cursor:pointer; } #blockcart-modal .cart-content p.cart-products-count{ color:#666; font-size:18px; line-height:24px; } #blockcart-modal .divide-right { border:none; } #blockcart-modal .modal-body{ padding:30px; } #blockcart-modal .product-image { height: auto; max-width: 100%; width: auto; } #blockcart-modal .modal-body:before{ content:""; width:2px; position:absolute; top:30px; bottom:30px; left:50%; margin-left:-1px; background:#ebebeb; border-right:1px solid #fff; } @media (max-width: 767px) { #blockcart-modal .modal-body:before{ display:none; } #blockcart-modal .product-image{ margin:0 0 20px; } } #blockcart-modal .product-name { color:#666; font-size: 18px; font-weight: normal; } #blockcart-modal .modal-body .divide-right span{ color:#666; } .product-price{ color:#eab129; } #blockcart-modal .divide-right p.price{ color:#eab129; font-weight:normal; } #blockcart-modal .divide-right strong{ font-weight:normal; } #blockcart-modal .cart-content .btn i{ display:none; } #blockcart-modal .cart-content .btn{ background: #0f1e21 none repeat scroll 0 0; color: #fff; float: left; font-size: 12px; margin: 10px 10px 0 0; padding: 8px 15px; padding-top: 10px; transition: all 0.15s ease-in-out 0s; -moz-transition: all 0.15s ease-in-out 0s; -ms-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s; -webkit-transition: all 0.15s ease-in-out 0s; } #blockcart-modal .cart-content .btn:hover{ background:#eab129; } /*------------------------------------------------------*/ .tabs{ background:none; box-shadow:none; margin-top:0; padding:0; margin-bottom:30px; } p{ color:#666; font-size:13px; } .tabs p{ line-height:24px; } .tabs .tab-pane{ border:1px solid #ebebeb; padding:20px; text-align:justify; } .tabs .nav-tabs .nav-link{ font-size:20px; line-height:15px; padding:0px; padding-right:20px; margin-right:20px; background:none; color:#444444; text-transform:uppercase; font-weight:normal; border-right:1px solid #444444; } .tabs .nav-tabs li:last-child .nav-link{ border:none !important; margin-right:0; } .tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover{ color:#eab129; border-bottom:none; border-right:1px solid #444444; } .tabs .nav-tabs{ margin-bottom:20px; border-bottom:none; } .tabs .nav-tabs .nav-item{ margin:5px 0; } .product-manufacturer{ text-align:center; } .product-reference{ float:right; } .img-thumbnail{ border:none; padding:0; margin-bottom:10px; } .product-features{ margin:0; margin-top:20px; } @media (max-width:543px){ #content-wrapper, #left-column{ padding:0 15px !important; } } #product #content{ margin:0; max-width:418px; } /*-----------popupcart-----------------*/ #cart_block_top{ position:relative; } .img-responsive{ max-width:100%; height:auto; } .cart_top_ajax{ z-index:1; display:none; position:absolute; left:auto; right:0; top:100%; min-width:270px; border-top:3px solid #eab129; line-height:normal; padding:10px 0; background:#fff; margin-top:7px; box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.25), inset 0 0 1px rgba(0,0,0,0.35); } .cart_top_ajax:before { color: #eab129; content: ""; font-family: "FontAwesome"; font-size:29px; position: absolute; right: 0; top: -22px; width:26px; } #cart_block_top .cart_top_ajax .cart-item-product{ float:left; width:100%; position:relative; padding:10px 15px; border-top:1px solid #ebebeb; } #cart_block_top .cart_top_ajax .cart-item-product:hover{ background:#f6f6f6; } #cart_block_top .cart_top_ajax .cart-item-product:first-child{ border-top:none; } #cart_block_top .product-name-ajax .qtt-ajax{ float:left; margin-right:5px; font-size:13px; line-height:20px; } #cart_block_top .product-name-ajax a{ color: #444; float: none; font-size: 12px; height: auto; line-height: normal; padding: 0; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float:left; line-height:20px; } #cart_block_top .product-name-ajax a:hover{ color:#eab129; } #cart_block_top .cart_top_ajax a.cart-item-product-left{ float: left; height: auto; line-height: normal; margin-right: 15px; max-width: 70px; padding: 0; } #cart_block_top .cart_top_ajax .cart-item-product-right{ float:left; line-height:20px; } #cart_block_top .cart_top_ajax .cart-item-product-right > div{ width:100%; } #cart_block_top .cart_top_ajax a.remove-from-cart{ font-size: 18px; height: auto; line-height: 1; padding: 0; position: absolute; right:5px; top:10px; color:#444; } #cart_block_top .cart_top_ajax a.remove-from-cart:hover{ color:#eab129 ; } .card-block-top{ float:left; width:100%; padding:10px 15px; border-top:1px solid #ebebeb; } .card-block-top .totals-top .value-top{ float:right; } .card-block-top .totals-top{ float:left; width:100%; line-height:25px; } #cart_block_top .cart_top_ajax a.view-cart{ line-height:normal; height:auto; font-size:12px; text-transform:uppercase; background:#0f1e21; color:#fff; padding:8px 20px; margin-top:10px; float:right; } #cart_block_top .cart_top_ajax a.view-cart:hover{ background:#eab129; } #cart_block_top .box-item{ max-height:303px; overflow:auto; } .product-features > dl.data-sheet{ margin-right:-0.625rem; } /*-------------------------------blocksearch-------------------------------------*/ #search_block_top{ margin:0 10px; position:relative; } #search_block_top .current{ height:35px; width:35px; line-height:35px; font-size:16px; color:#444; cursor:pointer; vertical-align:middle; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; } #search_block_top .current:hover,#search_block_top .current[aria-expanded=true]{ background:#eab129; color:#fff; } #search_block_top div.dropdown-menu{ display:none; margin-top:7px; position: absolute; right: 0; top: 47px; line-height:1; border:none; left:auto; padding:0; min-width:auto; } #search_block_top div.dropdown-menu:before{ content:"\f0d8"; font-family:"FontAwesome"; font-size: 30px; position: absolute; right: 0; top: -19px; width: 27px; color:#eab129; } @media (max-width: 991px){ #search_block_top #search_query_top{ max-width:220px !important; float:right; } #search_block_top div.dropdown-menu{ left:-40px; right:auto; } #search_block_top div.dropdown-menu::before{ left:49px; right:auto; } } #search_block_top .search_filter div.selector, #search_block_top .search_filter div.selector span, #search_block_top .search_filter div.selector #category_filter{ line-height:50px; height:50px; font-size:12px; } #search_block_top .search_filter div.selector{ border:none; text-align:left; padding-left:20px; color:#858585; } #search_block_top .search_filter div.selector span{ color:#858585; } #search_block_top .search_filter div.selector span::before{ color:#c0c0c0; right:20px; content:"\f107"; font-size:14px; margin-top:0; } #search_block_top .search_filter div.selector.hover span::before, #search_block_top .search_filter div.selector.focus span::before{ color:#eab129; } #search_block_top .search_filter div.selector span::after{ content:""; font-family: "FontAwesome"; width:1px; height:40px; background:#f1f1f1; top:50%; right:0; position:absolute; transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); } #search_block_top{ float:left; } #search_block_top .field-search,.shopping_cart{ margin-top:0; } #search_block_top .btn.button-search{ height:40px; line-height:40px; padding: 0; position: absolute; border:none; background:#eab129; width:35px; transition: all 0s ease-in-out 0s; -moz-transition: all 0s ease-in-out 0s; -ms-transition: all 0s ease-in-out 0s; -o-transition: all 0s ease-in-out 0s; -webkit-transition: all 0s ease-in-out 0s; } #search_block_top .btn.button-search::before{ color:#fff; font-size:20px; } #search_block_top .btn.button-search.active{ background:#eab129; } #search_block_top #search_query_top:focus{ box-shadow:none; } #search_block_top #search_query_top{ border-color:#eab129; height:40px; color:#858585; font-size:12px; max-width:346px; width:608px; padding: 0 20px; padding-right:55px; position: relative; transition: all 0s ease-in-out 0s; -moz-transition: all 0s ease-in-out 0s; -ms-transition: all 0s ease-in-out 0s; -o-transition: all 0s ease-in-out 0s; -webkit-transition: all 0s ease-in-out 0s; } #search_block_top #searchbox{ font-size:0px; float:right; overflow:hidden; } #search_block_top .field-search{ display:table; } #search_block_top .search_filter{ } #search_block_top #searchbox:hover #search_query_top{ right:0; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; } #search_block_top #search_query_top.active{ right:0; } #search_block_top .btn.button-search.active:before{ color:#fff; } /*----------------------------------------------------------------------*/ .hover-banner a{ position: relative; overflow:hidden; display:inline-block; float:left; } .hover-banner a img { transition: opacity 0.35s, transform 0.35s; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; -ms-transition: opacity 0.35s, -ms-transform 0.35s; -moz-transition: opacity 0.35s, -moz-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; } .hover-banner a::before { position: absolute; top: 0; left: 0; width: 100%; z-index:1; height: 100%; background: rgba(255,255,255,0.2); content: ''; transition: transform 0.6s; -webkit-transition: -webkit-transform 0.6s; -ms-transition: -ms-transform 0.6s; -moz-transition: -moz-transform 0.6s; -o-transition: -o-transform 0.6s; transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-190%,0); -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-190%,0); -ms-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-190%,0); -moz-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-190%,0); -o-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-190%,0); } .hover-banner a:hover img { } .hover-banner a:hover:before { transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,190%,0); -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,190%,0); -ms-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,190%,0); -moz-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,190%,0); -o-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,190%,0); } @media (max-width: 991px){ .hover-banner a{ float:none; } } /*-----------------------------------------------*/ .right_blog_home{ background:none; position:static; } .right_blog_home .content{ color:#999; font-size:12px; text-align: center; } .right_blog_home .content a{ color: #444; line-height: 13px; font-size: 13px; font-weight: bold; } #smart-blog-custom .inline-block_relative:hover .border_content{ border-color:#eab129; } .right_blog_home .content h3:hover a{ color:#eab129; text-decoration:underline; } .right_blog_home .content p{ color:#666; } .sdsblog-box-content .sds_blog_post .right_blog_home .r_more{ float:left; background:none; color:#444444; padding:0; position:relative; font-size:12px; padding-left:25px; margin-top:10px; text-transform:capitalize; line-height:20px; } .sdsblog-box-content .sds_blog_post .right_blog_home .r_more:before{ content:"\f105"; font-family:"FontAwesome"; position:absolute; width:17px; height:17px; line-height:14px; border:1px solid; left:0; border-radius:50%; } .sdsblog-box-content .sds_blog_post:hover .right_blog_home .r_more{ background:none; color:#eab129; } .footer-container{ box-shadow:none; padding:0; margin:0; } .image_holder_wrap{ max-width:100%; text-align: center; overflow: hidden; } .news_module_image_holder .image_holder_wrap a{ display: block; } .news_module_image_holder:hover .image_holder_wrap a{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } /*----------------------------------------*/ .block_testimonials{ position: relative; } .block_testimonials:before{ margin: 0; position: absolute; left: 20px; bottom: 20px; top: 20px; right: 20px; opacity: 0.75; content: ""; border: 1px solid #fff; } .overlay_testimonials{ background:transparent; width: 100%; position:relative; } #testimonials_block_right{ max-width:540px; width:100%; padding:60px 0; margin:0 auto; } .block_testimonials .bx-controls-direction{ display: none!important; } .des_testimonial::before { color: #666; content: "\f10d"; display: inline-block; font-family: "fontAwesome"; font-size:6px; margin-top: -10px; margin-right:15px; vertical-align: top; font-style:italic; } .des_testimonial::after { color: #666; content: "\f10e"; display: inline-block; font-family: "fontAwesome"; font-size: 6px; margin-top:-5px; margin-left:15px; position:absolute; vertical-align: top; font-style:italic; } #wrapper{ width:100%; padding:0; } #slide img { border: 3px solid rgba(255, 255, 255, 0.15); border-radius: 50%; box-sizing: unset; margin-right:15px; } #testimonials_block_right .media{ margin:0; position: absolute; top:50%; left: 0; transform: translateY(-50%); } #testimonials_block_right h2{ color: #fff; font-size: 24px; font-weight: bold; line-height: unset; margin-bottom: 13px; padding-bottom: 0; padding-top: 1px; position: relative; } #testimonials_block_right .content-title{ margin-bottom: 27px; } #testimonials_block_right p.des_namepost{ font-size:14px; font-weight: bold; color: #444; margin: 0; } #testimonials_block_right p.des_testimonial{ color: #666; line-height: 20px; padding: 5px 20px; font-size: 12px; text-align: justify; } #testimonials_block_right .content_test_top{ background: url(bg_des.png) no-repeat left top; min-height: 170px; text-align: left; } #testimonials_block_right #slide img{ border:0; width: 80px; height: 80px; border-radius: 50%; margin: 0; padding-top: 5px; } #testimonials_block_right p.des_company{ font-size:12px; color:#eab129; margin-top: 1px; } #testimonials_block_right .title{ position:relative; z-index:1; color:#fff; } #slide{ position:static; transform:none; -webkit-transform:none; -ms-transform:none; -moz-transform:none; -o-transform:none; left:auto; width:100% !important; max-width:570px; margin:0 auto; } #slide .main-block { width: 100% !important; max-width: 100%; background: none !important; } .block_testimonials .bx-controls-direction{ position:relative; z-index:1; } #testimonials_block_right h2::after{ display:none; } .des_testimonial{ margin:0 auto; padding:0 15px; padding-top:25px; font-size:12px; padding-bottom:10px; } #slide div .content_test{ color:#fff; margin-top: 32px; } .des_company{ color:#fff; font-size:12px; } .des_namepost{ font-size:14px; } #slide div .content_test{ text-align:left; } #testimonials_block_right .next.bx-next, #testimonials_block_right .prev.bx-prev{ border:none; } #testimonials_block_right .next.bx-next::before,#testimonials_block_right .prev.bx-prev::before{ color:#fff; font-size:24px; width:30px; position:static; z-index:1; text-align:center; } #testimonials_block_right .next.bx-next:hover:before,#testimonials_block_right .prev.bx-prev:hover:before{ color:#eab129; } .block_testimonials .bx-controls-direction { position: static; z-index: 1; } #testimonials_block_right .next.bx-next, #testimonials_block_right .prev.bx-prev{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); z-index:999; left:auto; right:auto; } #testimonials_block_right .next.bx-next{ right:70px; } #testimonials_block_right .prev.bx-prev{ left:70px; } #testimonials_block_right p{ color:#fff; } @media (max-width: 991px){ #testimonials_block_right .next.bx-next{ right:10px; } #testimonials_block_right .prev.bx-prev{ left:10px; } .des_testimonial::before,.des_testimonial::after { display:none; } } /*-------------------------------------------------------*/ #footer{ padding-top:0; } #fieldbrandslider-manufacturers .owl-item a{ display:table; } #fieldbrandslider-manufacturers .owl-item img{ margin-bottom:3px; } #fieldbrandslider-manufacturers { border-top:1px solid #ebebeb; padding-top:60px; } .smart-blog-home-post.block{ margin-bottom:30px; } /*------------------------------------------------*/ .footer-newsletter{ } #commentform{ margin-bottom:60px; } .footer-newsletter form{ float: left; width: 100%; padding: 0 30px; position: relative; box-sizing: border-box; margin-top: 23px; } .footer-top-before{ background:rgba(0,0,0,0.5); } .left-newletter{ float:left; margin-top: 100px; text-align: center; width: 100%; } .left-newletter h4{ font-family:"Open Sans",sans-serif; font-size:26px; line-height:24px; text-transform:uppercase; color:#fff; margin-top:-5px; margin-bottom: 23px; } .left-newletter p{ font-size:12px; line-height:24px; color:#999; margin:0; } .footer-newsletter .input-wrapper{ position: relative; } .footer-newsletter .input-wrapper:before{ content:""; width: 100%; height: 100%; left: 0; top:0; position: absolute; background: #fff; opacity: 0.1; } .footer-newsletter .input-wrapper input{ width: 100%; border: 0; height: 45px; line-height: 45px; background: none; color: #999999; position: relative; z-index: 9; padding: 0 140px 0 20px; } .footer-newsletter .button-newletter{ border: none; background: #eab129; padding: 12px 20px; color: #fff; text-transform: uppercase; font-size: 14px; position: relative; margin-bottom: 5px; position: absolute; top: 0; right: 30px; height: 45px; line-height: 45px; padding: 0 20px; z-index: 10; } .footer-newsletter .button-newletter:hover{ text-decoration:underline; } .footer-newsletter .button-newletter:before{ content:"\f0e0"; font-family:"FontAwesome"; margin-right: 2px; } .footer-top{ padding:56px 0; } .footer-center-bg{ background: url(bg_footer_center.jpg); height: 499px; } .footer-container{ background: #0f1e22; } .footer-container p{ line-height:20px; color:#999; } .footer-container .about_ft p{ margin-bottom: 20px; text-align: justify; } .footer-container .about_ft p:last-child{ margin-bottom: 0; } .footer-container h3 img{ margin-top:4px; } .footer-container h3{ color:#fff; font-family:"Open Sans",sans-serif; font-size:14px; line-height:35px; color:#fff; margin-top: 60px; padding: 0 15px; font-weight:bold; text-transform:uppercase; margin-bottom:16px; background: url(bg_title_footer.png) no-repeat top right; background-color: #eab129; display: inline-block; min-width: 135px; } .footer-container .links ul{ background:none; float:left; width:100%; } .footer-container .links ul > li{ padding:0; border:none; font-weight:normal; } .footer-container .links{ min-height: 440px; float: left; width: 100%; } .footer-container .links .title{ border: medium none; color: #fff; padding: 0; position: absolute; right: 10px; top: 0; } .footer-container .bullet ul li,.footer-container .bullet ul li a{ font-size:12px; line-height:18px; margin:0; float:left; width:100%; } .footer-container li a { color:#999; } .footer-container .bullet ul li a { margin:6px 0; position:relative; padding-left:15px; width:100%; color:#999; } .footer-container .contact_ft h3{ margin-bottom:39px; } .footer-container .bullet ul li a:before{ border-left:4px solid #fff; border-right:none; border-bottom:4px solid transparent; border-top:4px solid transparent; content: ""; height: 0; width: 0; left:0; top:50%; margin-top:-4px; position:absolute; display:inline-block; } .footer-container .bullet ul li a:hover{ color:#fff; text-decoration:underline; } .footer-container .about_ft ul li p{ margin-bottom:24px; margin-top:9px; text-align: justify; } .footer-container .contact_ft ul li{ line-height:18px; padding-left:55px; position:relative; float:left; width:100%; margin-bottom:35px; min-height: 35px; } .footer-container .contact_ft ul li:last-child{ margin-bottom:0; } .footer-container .contact_ft ul li div{ position: absolute; left: 0; top: 50%; font-size: 18px; color: #fff; line-height: 35px; height: 0; width: 35px; height: 35px; text-align: center; transform: translateY(-50%); } .footer-container .contact_ft ul li div:after{ content:""; width: 35px; height: 35px; background: #fff; opacity: 0.1; position: absolute; top:0; left:0; border-radius:50%; } .footer-container .contact_ft ul li span,.footer-container .contact_ft ul li a{ margin:4px 0 0; float:left; width:100%; font-size:12px; color:#666; line-height: 13px; } .footer-container .contact_ft ul li span.title_w{ font-size: 12px; font-weight: bold; color: #fff; line-height: 13px; margin: 2px 0 3px; } .footer-container .contact_ft ul li a:hover{ color:#fff; text-decoration:underline; } .footer-bottom > .container{ border-top:1px solid rgba(255,255,255,0.1); } .social_footer{ float: left; width: 100%; text-align: center; } .social_content{ display: inline-block; } .social_title{ font-size: 18px; color: #fff; text-align: center; font-weight: bold; line-height: 18px; padding: 50px 20px 30px; text-transform: uppercase; } .social_footer a,.social_footer span{ font-size:0; margin:5px 0; } .social_footer a:before{ font-size: 16px; width: 45px; line-height: 45px; z-index: 10; color: #fff; position: relative; } .social_footer a{ color: #fff!important; float: left; width: 45px; height: 45px; text-align: center; line-height: 38px; border: 0; margin: 3px 8px; position: relative; font-size: 0; } @media (max-width:1199px) { .social_footer a{ margin: 3px 2px; } } .social_footer a:after{ content: ""; position: absolute; width: 100%; height: 100%; background: #fff; border-radius: 50%; opacity: 0.1; top:0; z-index: 1; left:0; } .social_footer a:hover:after{ background: #eab129; opacity: 1; } .social_footer span{ width:60px; height:38px; position:relative; float:left; } @media (max-width: 767px){ .social_footer span{ display:none; } .social_footer a{ margin:5px 3px; } } .social_footer span:before{ width:40px; height:1px; background:rgba(255,255,255,0.1); position:absolute; top:50%; left:50%; content:""; margin-left:-20px; } .footer-address p{ margin:0; } .footer-address{ line-height: 1; padding: 20px 0 10px; background: #fff; text-align: left; float: left; width: 100%; position: relative; min-height: 59px; z-index: 1; } .footer-address p{ color: #666666; font-size:12px; } .footer-address:before{ width: 1000px; height: 100%; background: #fff; right: -30px; top: 0; position: absolute; content: ""; z-index: -1; } .payment{ padding:15px 0 10px; background: #fff; text-align: right; float: right; width: 100%; position: relative; z-index: 1; min-height: 59px; } .footer-container .about_ft h3{ margin-bottom: 35px; } .payment img{ cursor: pointer; } .payment:before{ width: 1000px; height: 100%; background: #fff; left: -30px; top: 0; position: absolute; content: ""; z-index: -1; } .about_ft{ min-height: 440px; float: left; width: 100%; } .footer-address a{ color:#eab129; text-decoration: underline; } .footer-address a:hover{ color: #0f1e21; } h1[itemprop="name"]{ font-weight:normal; font-size:30px; text-transform:capitalize; margin-top: 9px; } #wrapper .breadcrumb li::after { content: "l"; color: #414141; margin:0 5px; } .pagination .previous{ font-size: 0; } .pagination .next{ font-size: 0; } #wrapper .breadcrumb li a { color: #414141; font-size:13px; } #wrapper .breadcrumb li:last-child::after { display: none; } #wrapper .breadcrumb li:last-child a,#wrapper .breadcrumb li a:hover{ color:#eab129; } #wrapper .breadcrumb { background: #fff; margin-bottom: 30px; border: 1px solid #ebebeb; } #wrapper .breadcrumb ol{ padding:15px; float:left; } .banner-left-cl{ float: left; } @media (max-width:991px){ body:not(#index) #fieldbrandslider{ padding-top:30px; } } .page-customer-account #content .no-account{ font-size:12px; } .field-slideshow-container .flexslider{ margin: 0 auto; display: table; max-width: 300px; margin-bottom:30px; } /*---------------------------------------------------------------------*/ #newsletter_block_popup{ left:0; bottom:auto; right:0; top:auto; width:100%; height:100%; position:relative; text-align:center; } .fieldpopupnewsletter{ max-width:100%; } .popup_title p{ color:#fff; font-size:12px; text-transform:uppercase; font-weight:bold; } .popup_text h2,.popup_text p{ color:#fff; } .popup_text h2{ font-size:40px; } .popup_text{ font-size:30px; line-height:normal; padding:0; font-weight:bold; margin-bottom:23px; } .popup_text p{ margin:0; line-height:20px; color: #999; } .fieldpopup .inputNew{ float:none; display:table; margin:0 ; width:310px; padding:0 15px; line-height:35px; height:35px; color:#666; font-size:13px; margin-top:30px; border-radius:0; } .f_input{ width: 350px; position: relative; } .send-response{ position: absolute; width: 100%; padding-top: 20px; top: 100%; left: 0; font-size: 14px; } .button_unique{ font-size: 14px; padding: 0 20px; line-height: 40px; background: #eab129; float: none; display: table; color: #fff; position: absolute; top: 0; right: 0; margin: 0; } .popup_social{ margin-top: 47px; } .popup_social p{ color: #444; text-transform: uppercase; margin-bottom: 14px; } .popup_social .social_content a{ font-size: 0; line-height: 40px; width:40px; text-align: center; height:40px; border-radius: 50%; margin:0 9px; border:1px solid #ccc; background:transparent; color: #666; } .popup_social .social_content a:hover{ background: #fff; color:#eab129; } .popup_social .social_content a:first-child{ margin-left:0; } .popup_social .social_content a:before{ font-size: 18px; } .button_unique:hover{ background:#0f1e21; } #newsletter_block_popup .block_content{ padding:0 50px 0 353px; padding-bottom:0; position:absolute; width:100%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); text-align: left; } .newsletter_block_popup-bottom{ bottom:15px; left: auto; position: absolute; right: 15px; display:flex; align-items:center; } .newsletter_block_popup-bottom label{ font-size:12px; color:#999; margin:0; } .newsletter_block_popup-bottom span{ background-color: transparent; border: 1px solid #ccc; width: 20px; height: 20px; margin-right: 9px; float: left; } .newsletter_block_popup-bottom span:focus,.newsletter_block_popup-bottom span:checked{ border: none; } .newsletter_block_popup-bottom #newsletter_popup_dont_show_again{ width: 20px; height: 20px; margin: 0; opacity: 0; } .newsletter_block_popup-bottom #newsletter_popup_dont_show_again:focus, .newsletter_block_popup-bottom #newsletter_popup_dont_show_again:checked{ opacity: 1; } .fieldpopup .fancybox-skin .fancybox-close::after{ content:"\f00d"; font-size:24px; font-family: "FontAwesome"; } .fieldpopup .fancybox-skin .fancybox-close,.fancybox-close-overlay{ top:-30px; right:-30px; text-align:center; } .popup_title h2 { font-size: 24px; text-transform: uppercase; color: #444; font-weight: bold; line-height: 1; margin-bottom: 11px; } #newsletter-input-popup{ line-height: 40px; width: 100%; max-width: 350px; border: none!important; color: #999; padding: 0 20px; text-align: left; box-shadow: none!important; } #moda_popupnewsletter.modal.in .modal-dialog,#moda_popupnewsletter.modal.fade .modal-dialog{ margin:30px; } @media (min-width:992px){ #moda_popupnewsletter.modal.fade .modal-dialog,#blockcart-modal.modal.fade .modal-dialog,.quickview.modal.fade .modal-dialog{ position:absolute; left:50%; top:50%; margin:0; transform:translate(-50%,-50%); transition: all 0s ease-in-out 0s; } #moda_popupnewsletter.modal.in .modal-dialog,.quickview.modal.in .modal-dialog,#blockcart-modal.modal.in .modal-dialog{ margin:0; transition: all 0s ease-in-out 0s; } } #moda_popupnewsletter button.close{ z-index: 1; position: absolute; width: 20px; height: 20px; color: #eab129; opacity: 1; text-shadow: none; font-size: 0; right: 18px; top: 15px; } #moda_popupnewsletter button.close:hover{ color:#0f1e21; } #moda_popupnewsletter button.close span:before{ content:"\f00d"; font-family: "FontAwesome"; font-size:24px; } #blockcart-modal .modal-header{ background:none; padding:0; border:none; } #blockcart-modal .modal-title{ color:#46a74e; font-size:20px; line-height:28px; margin-bottom:25px; } #blockcart-modal .modal-title i{ margin-right:10px; } #blockcart-modal .modal-body::before { top:0; bottom:0; } #blockcart-modal .cart-content p.cart-products-count{ position:relative; padding-bottom:10px; font-size:24px; } #blockcart-modal .cart-content p.cart-products-count:before{ content:""; position:absolute; height:2px; width:100%; background:#ebebeb; border-bottom:1px solid #fff; left:0; bottom:0; } #blockcart-modal .box-cart-content{ margin-top:40px; display:table; margin-top:100px; } .modal-content{ background:#e9e9e9; } .modal-header .close{ z-index:1; } /*--------------------------------------*/ ul.tab_cates{ display:table; margin:0 auto; } .tab_cates li{ float: left; font-size: 12px; cursor: pointer; font-weight: normal; text-transform: uppercase; color: #999; padding: 0 30px; } .tab_cates li:hover{ color:#eab129; } /*-------------------------------------------*/ .label, label{ text-align:left; font-size:13px; } .contact-form{ padding:0; } .form-group{ margin-bottom:15px; } .contact-rich h4{ margin-bottom:20px; } .contact-rich p{ font-size:12px; text-align:justify; } .contact-rich .block .icon i{ font-size:20px; } .contact-rich .block .data { color: #414141; font-size: 12px; overflow: hidden; width: auto; } .contact-rich .block { align-items: center; display: flex; height: auto; margin-bottom: 20px !important; overflow: hidden; } .contact-rich .block .data.email{ padding:0; } .contact-rich .block .icon{ width:35px; } /*-----------------------------------------*/ .pie { width:74px; height:74px; border-radius:100%; position:relative; float:left; margin:0 15px; } .pie:before{ position:absolute; top:1px; left:1px; bottom:1px; right:1px; border-radius:100%; content:""; background-color:#e74c3c; } .pie2{ position:absolute; top:4px; left:4px; bottom:4px; right:4px; border:3px solid #fff; border-radius:100%; content:""; background-color:#fff; } .clip1 { position:absolute; top:0; left:0; width:100%; height:100%; clip:rect(0px, 74px, 74px, 37px); } .slice1 { position:absolute; width:100%; height:100%; clip:rect(0px, 37px, 74px, 0px); border-radius:100%; background-color:#ebebeb; transform:rotate(0); } .clip2 { position:absolute; top:0; left:0; width:100%; height:100%; clip:rect(0, 37px, 74px, 0px); } .slice2 { position:absolute; width:100%; height:100%; clip:rect(0px, 74px, 74px, 37px); border-radius:100%; background-color:#ebebeb; transform:rotate(0); } /*--------------------*/ .item-countdown-circle .section_cout{ color: #444; font-size: 14px; left: 50%; line-height: 20px; position: absolute; text-align: center; text-transform: uppercase; top: 50%; transform: translate(-50%, -50%); } .item-countdown-time-circle{ margin:0 -15px; display:table; } @media (max-width:478px){ .pie { height: 54px; margin: 0 3px; width: 54px; } .clip1 { clip:rect(0px, 54px, 54px, 27px); } .slice1 { clip:rect(0px, 27px, 54px, 0px); } .clip2 { clip:rect(0, 27px, 54px, 0px); } .slice2 { clip:rect(0px, 54px, 54px, 27px); } .item-countdown-circle .section_cout{ line-height:15px; } .item-countdown-time-circle{ margin:0 -3px; } } /*-----------------------------------------------------*/ .count_square{ position:relative; background:#000; width:100px; height:100px; float:left; margin:0 15px; } .square_hide{ position:absolute; background:#fff; left:5px; bottom:5px; right:5px; top:5px; } .half_square1{ position:absolute; width:100%; height:100%; left:0; top:0; border:5px solid #e2e2e2; background:none; border-left:none; border-bottom:none; } .half_square2{ position:absolute; z-index:1; width:100%; height:100%; right:0; bottom:0; border:5px solid #e2e2e2; background:none; border-right:none; border-top:none; } .item-countdown-square .section_cout{ color: #444; font-size: 14px; left: 50%; line-height: 20px; position: absolute; text-align: center; text-transform: uppercase; top: 50%; transform: translate(-50%, -50%); } .item-countdown-time-square{ margin:0 -15px; display:table; } /*--------------------------------*/ #header .header-nav-top p{ font-size: 12px; color: #999; margin: 0; line-height: 40px; } #header .header-nav-top p i{ font-size:0; margin-right:9px; } #header .header-nav-top p i:before{ font-size:12px; } #header .header-nav-top .social a{ font-size:0; line-height:40px; padding:0 16px; height:40px; color:#999; } #header .header-nav-top .social a:hover{ color: #eab129; } #header .header-nav-top .social a:last-child{ padding-right:5px; } #header .header-nav-top .social a:before{ font-size:15px; } #header .header-nav-top .social{ text-align:right; } /*--------------------------------*/ #header .header-nav{ border:0!important; } #header .header-nav .tabs{ width: 220px; height: 200px; position: fixed; z-index: 999; margin: 0; top: 40%; right: -185px; border: 0; } #header .header-nav .tabs ul.nav{ width: 35px; float: left; border-width: 1px 0 1px 1px; border-style: solid; border-color: #ebebeb; background: #fff; position:relative; box-shadow: rgb(173, 173, 173) 0px 0px 10px; } #header .header-nav .tabs ul.nav:before{ content: ""; height: 100%; width: 10px; background: #fff; position: absolute; top: 0; right: -10px; border-left: 1px solid #ebebeb; } #header .header-nav .tabs .tab-content{ width: 185px; float: left; background: #fff; border: 1px solid #ebebeb; } #header .header-nav .tabs.tabs_show .tab-content{ box-shadow: rgb(173, 173, 173) 0px 0px 10px; } #header .header-nav .tabs .tab-pane{ border: 0; padding:20px 30px; } #header .header-nav .language-selector:before{ display:none; } #header_links li{ line-height: 30px; padding: 0; } #header_links li:not(:last-child):before{ display:none; } #header .header-nav .tabs .nav-tabs .nav-link{ font-size: 14px; padding-right: 2px; margin: 0; border: 0; width: 100%; display: block; line-height: 33px; text-align: center; position:relative; } #header .header-nav .tabs .nav-tabs .nav-link:before{ content: ""; height: 1px; width: 31px; background: #ebebeb; position:absolute; top:0; left: 2px; } #header .header-nav .tabs .nav-tabs .nav-item:first-child .nav-link:before{ display: none; } #header .header-nav .tabs .nav-tabs .nav-item{ float:unset; margin:0; } .nav-hide{ display: none; } #header .header-nav .tabs.tabs_show .nav-tabs .nav-link.active{ color:#eab129; } @media (min-width:992px){ #fieldmegamenu-main{ position: relative; z-index: 1; } .bg_headermenu{ content:""; width: 0; background: #666666; position: absolute; top:0; right:15px; z-index: -1; bottom: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; } .bg_headermenu:after{ content: ""; width: 0; height: 0; border-top: 0px solid transparent; border-bottom: 50px solid transparent; border-right: 36px solid #666666; position: absolute; top: 0; right: 100%; bottom: 0; transform: rotateX(180deg); } .left_header-top{ position: relative; height: 52px; z-index: -1; } .fieldmegamenu-sticky .bg_headermenu{ display:none; } #header_menu:not(.fieldmegamenu-sticky):before{ content: ""; width: 0; height: 0; border-top: 0px solid transparent!important; border-bottom: 70px solid transparent!important; border-right: 45px solid #eab129; position: absolute; top: 0; right: 100%; bottom: 0; transform: rotateX(180deg); } #header_menu:not(.fieldmegamenu-sticky):after{ content: ""; width: 0; height: 0; border-top: 0px solid transparent!important; border-bottom: 70px solid transparent!important; border-right: 45px solid #eab129; position: absolute; top: 0; left: 100%; bottom: 0; transform: rotate(180deg); } #header_menu:not(.fieldmegamenu-sticky) #fieldmegamenu-main.fieldmegamenu > ul > li .no-description .title{ color:#fff; } #header_menu:not(.fieldmegamenu-sticky) #fieldmegamenu-main.fieldmegamenu .root:hover .root-item > a > .title,#header_menu:not(.fieldmegamenu-sticky) #fieldmegamenu-main.fieldmegamenu .root:hover .root-item > .title,#header_menu:not(.fieldmegamenu-sticky) #fieldmegamenu-main.fieldmegamenu .root.active .root-item > a > .title,#header_menu:not(.fieldmegamenu-sticky) #fieldmegamenu-main.fieldmegamenu .root.active .root-item > .title, #fieldmegamenu-main.fieldmegamenu .root .root-item > a.active > .title, #header_menu:not(.fieldmegamenu-sticky) #fieldmegamenu-main.fieldmegamenu > ul > li .no-description a.active .title{ color: #0f1e21; } #header_menu.fieldmegamenu-sticky #fieldmegamenu-main.fieldmegamenu .root:hover .root-item > a > .title,#header_menu.fieldmegamenu-sticky #fieldmegamenu-main.fieldmegamenu .root:hover .root-item > .title,#header_menu.fieldmegamenu-sticky #fieldmegamenu-main.fieldmegamenu .root.active .root-item > a > .title,#header_menu.fieldmegamenu-sticky #fieldmegamenu-main.fieldmegamenu .root.active .root-item > .title,#header_menu.fieldmegamenu-sticky #fieldmegamenu-main.fieldmegamenu .root .root-item > a.active > .title{ color: #eab129; } #header_menu:not(.fieldmegamenu-sticky) #fieldmegamenu-main.fieldmegamenu > ul > li .no-description .title{ position:relative; } #header_menu:not(.fieldmegamenu-sticky) #fieldmegamenu-main.fieldmegamenu > ul > li .no-description .title:before{ width: 100%; height: 2px; left:0; bottom:9px; content:""; position: absolute; z-index: 1; background: transparent; } #header_menu:not(.fieldmegamenu-sticky) #fieldmegamenu-main.fieldmegamenu .root:hover .root-item > a > .title:before,#header_menu:not(.fieldmegamenu-sticky) #fieldmegamenu-main.fieldmegamenu .root:hover .root-item > .title:before,#header_menu:not(.fieldmegamenu-sticky) #fieldmegamenu-main.fieldmegamenu .root.active .root-item > a > .title:before,#header_menu:not(.fieldmegamenu-sticky) #fieldmegamenu-main.fieldmegamenu .root.active .root-item > .title:before, #fieldmegamenu-main.fieldmegamenu .root .root-item > a.active > .title:before, #header_menu:not(.fieldmegamenu-sticky) #fieldmegamenu-main.fieldmegamenu > ul > li .no-description a.active .title:before{ background: #0f1e21; } .logo_header{ min-width: 310px; } #sticky_top:not(.sticky-fixed-top) #search_block_top .current{ color:#fff; } #sticky_top:not(.sticky-fixed-top) #search_block_top:hover .current{ color:#0f1e21; } #sticky_top:not(.sticky-fixed-top) #cart_block_top span.fa{ color:#fff; } #sticky_top:not(.sticky-fixed-top) #cart_block_top:hover span.fa{ color:#0f1e21; } .bibi{ display:none!important; } #sticky_top:not(.sticky-fixed-top) #search_block_top .current:hover, #sticky_top:not(.sticky-fixed-top) #search_block_top .current[aria-expanded=true]{ background: transparent; } .col-25{ width: 29.12%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float: left; } #header_menu:not(.fieldmegamenu-sticky){ background: #eab129; } #sticky_top:not(.sticky-fixed-top) #search_block_top div.dropdown-menu{ display: block!important; right: auto; left: 0; z-index: 12; top: -93px; } #sticky_top:not(.sticky-fixed-top) #search_block_top .current{ display:none; } #sticky_top:not(.sticky-fixed-top) { position: static; } #sticky_top:not(.sticky-fixed-top) #search_block_top{ position: static; } .bg_header .container{ position: relative; } #sticky_top:not(.sticky-fixed-top) #cart_block_top{ z-index: 15; } #sticky_top:not(.sticky-fixed-top) #search_block_top #search_query_top{ width: 270px; border-radius: 20px; border-color: #ebebeb; } #search_block_top input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#999; } #search_block_top input::-moz-placeholder { /* Firefox 19+ */ color:#999; } #search_block_top input::-ms-input-placeholder { /* IE 10+ */ color:#999; } #search_block_top input::-moz-placeholder { /* Firefox 18- */ color:#999; } #sticky_top:not(.sticky-fixed-top) #search_block_top div.dropdown-menu:before{ display: none; } #sticky_top:not(.sticky-fixed-top) #search_block_top #searchbox{ background: #fff; } #sticky_top:not(.sticky-fixed-top) #search_block_top .btn.button-search{ background: transparent; width: 50px; } #sticky_top:not(.sticky-fixed-top) #search_block_top .btn.button-search::before{ color:#999; font-size: 16px; } #sticky_top:not(.sticky-fixed-top) #search_block_top:hover .btn.button-search::before{ color:#eab129; } } @media (max-width:991px){ .left_header-top{ height: 44px; } } /*--------------------------------*/ .bn_44{ float: left; margin-bottom: 30px; } .block.vertical_mode{ } .border_vertical{ border:1px solid #ebebeb; margin-bottom: 13px; } .block.vertical_mode .title_block{ font-size: 18px; border-bottom: 1px solid #ebebeb; line-height: 1; padding: 0; text-align: center; padding: 23px 0 22px; } .vertical_mode .item-inner{ padding:0 20px; margin-bottom: 20px; } .block.vertical_mode .item-inner .product-miniature{ border-bottom: 1px solid #fafafa; } .block.vertical_mode .item-inner:last-child .product-miniature{ border:0; } .vertical_mode .left-product{ margin-right: 20px; margin-bottom: 20px; } .vertical_mode .right-product form{ display: none!important; } .vertical_mode .price{ font-size: 18px; font-weight: bold; color:#eab129; } .vertical_mode .right-product .product_name{ padding: 0; margin: 30px 0 9px; } .vertical_mode .owl-buttons{ display: block; overflow: hidden; position: absolute; width: 45px; bottom: 0; left: 50%; font-size: 14px; transform: translateX(-50%); z-index: 1; top: auto; background: #eab129; width: 70px; height: 26px; border-radius: 20px; } .vertical_mode .owl-buttons:before{ border-left:1px solid #a1a1a1; width: 0; height: 16px; content:""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); } .vertical_mode .owl-buttons [class^="carousel-"] span{ border: 0; width: 32px; height: 26px; color: #fff; line-height: 26px; } .vertical_mode .owl-buttons [class^="carousel-"] span:hover{ color:#444; } #fieldbrandslider-manufacturers .owl-controls{ display: none!important; } #fieldsizechart-show:hover{ color:#eab129; } .tag_content{ border:1px solid #ebebeb; padding:15px; } .tag_content a{ padding: 6px 15px 6px; font-size: 12px; color: #999; background: #ebebeb; margin: 0px 1px 5px 0; display: inline-block; } .populartag{ float: left; } .tag_content a:hover{ color:#fff; background: #eab129; } #index .special_block_right.block{ margin-bottom:0px; padding-top: 10px; } .logo_header{ width: 100%; text-align: center; } .logo_header a{ display: inline-block; } .header-nav-top{ position: absolute; top:50%; transform: translateY(-50%); right:0; z-index: 10; } .bg_header{ background: #46340c; } @media (max-width:1199px){ .stt_icon{ width: 50%; padding:10px 0; } .static_content.fieldFullWidth .container{ padding:20px 15px; } } @media (min-width:992px) and (max-width:1199px){ .fieldmegamenu .root-item.no-description .title{ } .logo_header{ min-width: 250px; } .bg_headermenu{ right:0; } .footer-center-bg{ background: url(bg_footer_center.jpg) center center; height: 499px; position: relative; z-index: 2; margin-top: -11px; } .footer-address:before{ width: 2015px; height: 100%; background: #fff; right: -1000px; top: 0; position: absolute; content: ""; z-index: -1; } .footer-container .about_ft p{ margin-bottom: 10px; } .footer-container h3{ margin-top: 40px; } .bn_44{ margin-bottom: 23px; } } @media (max-width:991px){ .bn_44{ margin-bottom: 13px; } .hehe{ display: none!important; } .footer-center-bg{ background: #0f1e22; height: auto; } .logo_header{ } .header-nav-top{ left:50px; bottom: -45px; right:auto; transform: none; top:auto; } .bg_header{ background: transparent; text-align: center; } #header .logo{ padding-bottom:0; } #cart_block_top{ margin-top:0; } #sticky_top{ padding-right: 50px; line-height: 50px; } #index #header_mobile_menu{ margin-top: 10px; } .tab-category-container-slider .block{ margin-bottom: 30px ; } } @media (max-width:767px){ .header-nav-top{ left:50%; transform: translate(-50%,0); bottom: -51px; white-space: nowrap; } .cc ul.tab_cates{ display: none; } .hover-banner{ text-align: center; } #field_newproductslider_block.block{ margin-bottom: 0; } .ml img{ margin-bottom: 58px; } #sticky_top{ padding: 0; margin:50px 0 0; display: inline-block; float: none; } .footer-address{ padding:19px 0; } .payment{ padding: 15px 0; text-align: left; } .about_ft{ min-height: 1px; margin-bottom: 40px; } .left-newletter{ margin-top:50px; } .footer-container h3{ margin-top:50px; } .bn_44{ float:none; margin-bottom: 30px; } .bn_45{ margin-bottom: 26px; } .owl-pagination{ display:none!important; } #header .header-nav-top,#header .header-nav-top .social{ text-align: center; } .banner-left-cl{ width: 100%; } .box-sort-by{ display:none; } .stt_icon{ width: 100%; margin-bottom:30px; } } @media (max-width:600px){ .logo_header{ width: 100%; text-align: center; } #header .logo{ display: inline-block; } .left_header{ float: left; width: 100%; text-align: center; } .left_header-top{ display:none!important; } .left_header #sticky_top{ float: none; display: inline-block; margin: 0; } .vertical_mode .right-product .product_name{ margin: 10px 0 9px; } .block_testimonials:before{ display: none; } #testimonials_block_right .content_test_top:before{ background: #f2f1ef; position: absolute; top:0; left: 0; right: 0; content:""; z-index: -1; opacity: 0.9; bottom: 0; } #testimonials_block_right .content_test_top{ background: none; } .content_test-wrong{ width: 100%; height: 100px; min-height: 100px; } #testimonials_block_right .media{ top: 0; left: 50%; transform: translate(-50%,0); } #slide div .content_test{ margin-top: 0px; margin-left: 20px; } #testimonials_block_right p.des_testimonial{ padding-bottom: 15px; } #smart-blog-custom .border_content{ } .footer-newsletter form{ padding: 0; } .footer-newsletter .button-newletter{ right:0; } .footer-newsletter .button-newletter:before{ display: none; } #content-wrapper{ padding:0!important; } .social_footer a{ float:none; } #smart-blog-custom .image_holder_wrap{ } #smart-blog-custom .news_module_image_holder{ max-width:370px; margin:0 auto; } } .vertical_mode .item-inner:hover img{ opacity:0.6; }