/*
Theme Name: smarteye black
Theme URI: http://template-demo.org/woo/WCM02/WCM020033/WP2/
Author: Templatemela
Author URI: http://www.templatemela.com
Version: 1.0
Description: Our default theme lets you create a responsive magazine website with a sleek, modern design.
License: GNU General Public License v2 or later
License URI: http://www.templatemela.com/license
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: smarteye_black
Template: smarteye
*/
/*header and slider */

header.sticky-menu {
    background-color: #000;
}
.admin-bar .header-style .header-right {
    top: 68px;
}
.admin-bar .header-style .header-left {
    top: 40px;
}
#to_top {
    background: rgba(0, 0, 0, 0) url(images/megnor/top_arrow.png) no-repeat scroll 0 0;
}
.custom.tp-rightarrow {
    background-image: url(images/megnor/sliderarrow.png) !important;
}
.custom.tp-leftarrow {
    background-image: url(images/megnor/sliderarrow.png) !important;
}
#revolutionslider .custom.tp-leftarrow:hover {
    background-position: 0 -46px;
}
#revolutionslider .custom.tp-rightarrow:hover {
    background-position: -32px -46px;
}
.page-title .entry-title-main {
    margin: 132px 0 0;
}
.page-title {
    min-height: 253px;
}
.site-header {
    position: absolute;
    width: 100%;
    z-index: 9999;
}
.header-search {
    right: 177px;
}
.blog-posts-content .post-date .fa {
    color: #000;
}
.header-middle {
    display: inline-block;
    z-index: 1;
}
.mega-menu {
    display: block;
}
.mobile-menu {
    display: none;
}
.menu-toggle {
    display: none;
}
.mega-menu ul li a {
    font-size: 20px;
}
.mega-menu ul li a,
.mobile-menu ul li a {
    color: #fff;
}
.header-middle-child {
    display: inline-block;
    left: 0;
    right: 0;
    position: absolute;
    text-align: center;
}
.mega-menu ul .sub li.mega-hdr li a:hover,
.mega-menu ul li .sub-container.non-mega li a:hover {
    color: #666;
}
.mega-menu ul li .sub li.mega-hdr a.mega-hdr-a,
.mega-menu ul li .sub a {
    color: #000;
}
.header_cart .shopping_cart .cart-contents {
    background: #cccccc none repeat scroll 0 0;
    color: #000;
}
.account-toggle {
    background: url(images/megnor/top-icon.png) no-repeat scroll center -86px;
}
.header-login .account-toggle:hover {
    background-position: center -130px;
}
.header-style .account-toggle {
    background-position: center -130px;
}
.header_cart .shopping_cart {
    background: url(images/megnor/top-icon.png) no-repeat scroll center -174px;
}
.header_cart .shopping_cart:hover {
    background-position: 6px -218px;
}
.header-style .header_cart .shopping_cart,
.header-style .header_cart .shopping_cart:hover {
    background-position: 6px -218px;
}
.header-search .woocommerce-product-search button[type="submit"],
.header-search .search-form #searchsubmit {
    background: url(images/megnor/top-icon.png) no-repeat scroll center 3px;
}
.header-style .header-search .woocommerce-product-search button[type="submit"],
.header-style .header-search .search-form #searchsubmit,
.header-style .header-search .woocommerce-product-search button[type="submit"]:hover,
.header-style .header-search .search-form #searchsubmit:hover {
    background-position: center -41px;
}
.header-search .woocommerce-product-search input[type="submit"]:hover,
.header-search .search-form #searchsubmit:hover {
    background-position: center -41px;
}
.header_cart .togg .widget.widget_shopping_cart,
.account-container {
    border-top: 5px solid #cccccc;
}
.header-left {
    display: inline-block;
    left: 0;
    position: absolute;
    text-align: left;
    top: 0;
    width: auto;
    z-index: 1;
    padding: 0 15px;
}
.header-logo {
    display: inline-block;
    margin: 26px 68px 0;
}
.header-style .header-left {
    position: fixed;
    top: 8px;
    width: 87px;
    z-index: 99999;
    left: 68px;
}
.header-style .header-logo {
    margin: 0;
}
.header-search {
    right: 172px;
}
/*menu*/

.header-main {
    padding: 72px 70px 27px 80px;
}
.header-style .header-main {
    padding: 34px 70px 27px 80px;
}
/* top service banner*/

.banner_top {
    position: relative;
    text-align: center;
    margin: 76px 0 58px;
}
.horizontal-tab .box-heading,
.banner_top .box-heading {
    background: rgba(0, 0, 0, 0) url(images/megnor/heading-img.png) repeat-x scroll 0 center;
    margin-bottom: 0;
    text-align: center;
    margin: 0 200px 10px;
}
.heading_inner {
    background: #ffffff none repeat scroll 0 0;
    color: #333333;
    display: inline-block;
    font-family: "Lustria", serif;
    font-size: 50px;
    font-weight: 400;
    line-height: 58px;
    margin: 0 0 1px;
    padding: 0 50px;
    text-transform: capitalize;
}
.banner_top .sub_heading {
    display: inline-block;
    margin: 13px 0 0;
    position: relative;
    text-align: center;
    width: 46%;
}
.one_fourth.one {
    background-color: #404040;
}
.one_fourth.one:nth-child(2n) {
    background-color: #333;
}
.service-contents {
    overflow: hidden;
    padding: 61px 0 76px;
    position: relative;
    text-align: center;
    z-index: 1;
}
.topservice-icon {
    bottom: 0;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0;
}
.one_fourth .topservice-icon .icon-image {
    display: block;
    height: 100%;
    transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    transition: all 500ms ease 0s;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    width: 100%;
}
.one_fourth1 .topservice-icon .icon-image {
    background: rgba(0, 0, 0, 0) url(images/megnor/step1.png) no-repeat scroll left bottom;
}
.one_fourth2 .topservice-icon .icon-image {
    background: rgba(0, 0, 0, 0) url(images/megnor/step2.png) no-repeat scroll left bottom;
}
.one_fourth3 .topservice-icon .icon-image {
    background: rgba(0, 0, 0, 0) url(images/megnor/step3.png) no-repeat scroll left bottom;
}
.one_fourth4 .topservice-icon .icon-image {
    background: rgba(0, 0, 0, 0) url(images/megnor/step4.png) no-repeat scroll left bottom;
}
.one_fourth1:hover .topservice-icon .icon-image,
.one_fourth2:hover .topservice-icon .icon-image,
.one_fourth3:hover .topservice-icon .icon-image,
.one_fourth4:hover .topservice-icon .icon-image {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transition: all 500ms ease 0s;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
}
.service-content .title.number {
    color: #ffffff;
    font-family: "Lustria", serif;
    font-size: 50px;
    letter-spacing: 0;
    line-height: 50px;
    margin-bottom: 22px;
}
.one_fourth .title.service-text {
    border-bottom: 1px solid #6c6c6c;
    color: #ffffff;
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    padding-bottom: 18px;
    text-transform: capitalize;
}
.description.otherfont {
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    margin: 0 90px;
}
/**/
/*horizontal cms tab*/

.horizontal-tab #horizontalTab {
    text-align: center;
}
.main-container.horizontal-tab .resp-tabs-list {
    display: inline-block;
    margin: 36px 0 92px;
    padding: 0;
    vertical-align: top;
}
.horizontal-tab .resp-tabs-list li {
    float: left;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    list-style-type: none;
    padding: 8px 40px;
    position: relative;
    margin: 0 8px;
    border: 1px solid #e6e6e6;
    background-color: #ffffff;
    cursor: pointer;
}
.resp-tabs-container {
    margin: 0;
}
.horizontal-tab .resp-tabs-list li.resp-tab-active,
.horizontal-tab .resp-tabs-list li:hover {
    background-color: #333333;
    border-color: #333333;
    color: #ffffff;
}
.home-container-tab .bottom-right,
.home-container-tab .bottom-left {
    float: left;
    width: 50%;
    margin: 0;
}
.home-container-tab .bottom-right {
    text-align: left;
}
.horizontal-tab .verticalcms-title {
    color: #333333;
    font-family: "Dosis", sans-serif;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left;
}
.home-container-tab .bottom-content .list {
    padding-left: 28px;
}
.bottom-content .list > li {
    margin: 0 0 15px;
}
/*newsletter*/

.newslettercontainerinner .text2,
.newslettercontainerinner .description {
    color: #fff;
}
.newslettercontainerinner .tnp-field-button .tnp-submit{
    color: #000;
    border: 1px solid #fff;
    background-color: #fff;
}
.newslettercontainerinner .tnp-field-button:hover .tnp-submit {
    background: #000;
    color: #fff;
    border: 1px solid #000000;
}
/*product and tab*/

#woo-products,
.woocommerce ul.products.grid,
.woocommerce-page ul.products.grid {
    margin: 0;
    padding: 20px 20px 0;
}
.box-heading {
    background: rgba(0, 0, 0, 0) url(images/megnor/heading-img.png) repeat-x scroll 0 center;
    margin-bottom: 0;
    text-align: center;
    margin: 80px 29% 10px;
}
.brandslider .box-heading {
    background: rgba(0, 0, 0, 0) url(images/megnor/heading-img.png) repeat-x scroll 0 center;
    text-align: center;
    margin: 0px 16% 10px;
}
.upsells.products .shortcode-title,
.related.products .shortcode-title,
.cross-sells .shortcode-title {
    background: rgba(0, 0, 0, 0) url(images/megnor/heading-img.png) repeat-x scroll 0 center;
    text-align: center;
    margin: 0px 16% 10px;
    width: auto;
}
.cross-sells .shortcode-title {
    margin: 0 9% 10px;
}
.upsells.products .shortcode-title {
    margin: 0 14% 10px;
}
.owl-theme .owl-controls .owl-buttons div.owl-next {
    right: 0;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: 0;
}
#team-posts-products .owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: -33px;
}
#team-posts-products .owl-theme .owl-controls .owl-buttons div.owl-next {
    right: -33px;
}
.woocommerce ul.products li .container-inner,
.woocommerce-page ul.products li .container-inner {
    margin: 5px 23px 30px;
}
/*about cms*/

.about-store-cms .head-title {
    color: #ffffff;
    font-family: "Lustria", serif;
    font-size: 40px;
    line-height: 40px;
}
.cms-right {
    float: left;
    position: relative;
    width: 70%;
}
.about-store-cms .sub-title {
    color: #cccccc;
    margin-top: 4px;
}
.shop-button a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #ffffff;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 68px;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
.shop-button a:hover,
.shop-button a:focus {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #ffffff;
    color: #000000;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
.shop-button {
    float: left;
    margin: 22px 0 15px;
    position: relative;
    text-align: right;
    width: 30%;
}
/*bottom banner cms*/

.one_half.left-banner {
    width: 50.9%;
}
.one_half.right-banner {
    width: 49.1%;
}
.cms-banner1,
.cms-banner2 {
    margin-right: 15px;
}
.cms-banner3 {
    margin-left: 15px;
}
.text1.static-text {
    color: #ffffff;
    font-size: 42px;
    line-height: 42px;
    font-family: "Abril Fatface", cursive;
}
.static-wrapper {
    position: absolute;
    text-align: center;
}
.cms-banner-inner {
    overflow: hidden;
    position: relative;
}
.cms-banner1 .static-wrapper {
    right: 35px;
    top: 40%;
    transition: all 500ms ease 0s;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
}
.cms-banner1:hover .static-wrapper,
.cms-banner2:hover .static-wrapper {
    top: 35%;
    transition: all 500ms ease 0s;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
}
.cms-banner2 .static-wrapper {
    left: 0;
    right: 0;
    top: 40%;
    transition: all 500ms ease 0s;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
}
.cms-banner3 .static-wrapper {
    bottom: 5%;
    left: 0;
    right: 0;
    transition: all 500ms ease 0s;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
}
.cms-banner3:hover .static-wrapper {
    bottom: 10%;
    transition: all 500ms ease 0s;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
}
.cms-banner-item.cms-banner1 {
    margin-bottom: 30px;
}
.cms-banner1 img,
.cms-banner2 img,
.cms-banner3 img {
    transform: scale(1);
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    transition: all 500ms ease 0s;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
}
.cms-banner1:hover img,
.cms-banner2:hover img,
.cms-banner3:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.text2.static-text {
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    line-height: 50px;
    display: block;
}
.cms-banner1 .text2.static-text::after,
.cms-banner3 .text2.static-text::after {
    font-family: 'fontawesome';
    content: '\f101';
    display: inline-block;
    opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    position: relative;
    right: -15px;
    transition: right 0.3s linear 0s;
    -webkit-transition: right 0.3s linear 0s;
    -moz-transition: right 0.3s linear 0s;
    -ms-transition: right 0.3s linear 0s;
    -o-transition: right 0.3s linear 0s;
}
.cms-banner1 .text2:hover.static-text::after,
.cms-banner3 .text2:hover.static-text::after {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    right: -5px;
    transition: right 0.3s linear 0s;
    -webkit-transition: right 0.3s linear 0s;
    -moz-transition: right 0.3s linear 0s;
    -ms-transition: right 0.3s linear 0s;
    -o-transition: right 0.3s linear 0s;
}
/*blog*/

.posts-content .container:hover .post-content {
    background-color: #333;
}
.gallery-item img,
.portfolios img,
.blog-posts-content .item img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
.gallery-item:hover img,
.portfolios li:hover img,
.isotope-item:hover img,
.blog-posts-content .item:hover img,
.single-portfolio:hover img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}
.site-content .entry-thumbnail img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    width: 100%;
}
.entry-thumbnail:hover img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}
.home-blog .box-heading {
    margin: 25px 16% 82px;
}
/*shop*/

.archive .filter-container {
    background: #666;
}
.filter-title {
    border-right: 1px solid #cccccc;
}
.page-title {
    background: url("images/megnor/bredcrumb.jpg") no-repeat 50% 0;
}
.woocommerce ul.products li.product .product-name,
.yith-wcwl-add-button a.add_to_wishlist,
.entry-summary .yith-wcwl-wishlistexistsbrowse.show > a,
.woocommerce a.compare.button {
    color: #666;
}
.woocommerce ul.products li.product:hover .product-name,
.woocommerce-page ul.products li.product:hover .product-name,
.woocommerce ul.products li.product:hover .product-name a,
.woocommerce-page ul.products li.product:hover .product-name a,
.summary.entry-summary .yith-wcwl-wishlistexistsbrowse.show:hover::before,
.summary.entry-summary .yith-wcwl-wishlistaddedbrowse.show:hover::before,
.summary.entry-summary a.compare.button:hover {
    color: #000;
}
.woocommerce ul.products li.product .product_type_simple,
.woocommerce-page ul.products li.product .product_type_simple,
.woocommerce ul.products li.product .product_type_grouped,
.woocommerce-page ul.products li.product .product_type_grouped,
.woocommerce ul.products li.product .product_type_external,
.woocommerce-page ul.products li.product .product_type_external,
.woocommerce ul.products li.product .product_type_variable,
.woocommerce-page ul.products li.product .product_type_variable {
    color: #666;
    border-bottom: 1px solid #666666;
}
.yith-wcwl-add-button a:hover.add_to_wishlist,
.woocommerce ul.products li.product:hover .yith-wcwl-wishlistaddedbrowse a,
.woocommerce ul.products li.product:hover .yith-wcwl-wishlistexistsbrowse a,
.woocommerce ul.products li.product:hover .yith-wcwl-wishlistaddedbrowse a::before,
.woocommerce ul.products li.product:hover .yith-wcwl-wishlistexistsbrowse a::before,
.woocommerce ul.products li.product:hover .button.added::before {
    color: #000;
}
.entry-summary .yith-wcwl-wishlistexistsbrowse.show > a:hover,
.woocommerce ul.products li.product:hover a.compare.button,
.woocommerce ul.products.list li.product:hover .compare.button.added::before,
.entry-summary .add_to_wishlist:hover,
.woocommerce ul.products li.product:hover .yith-wcwl-add-button a.add_to_wishlist {
    color: #000;
}
.woocommerce ul.products.list li.product:hover .product_type_simple,
.woocommerce-page ul.products.list li.product:hover .product_type_simple,
.woocommerce ul.products.list li.product:hover .product_type_grouped,
.woocommerce-page ul.products.list li.product:hover .product_type_grouped,
.woocommerce ul.products.list li.product:hover .product_type_external,
.woocommerce-page ul.products.list li.product:hover .product_type_external,
.woocommerce ul.products.list li.product:hover .product_type_variable {
    color: #000;
    border-bottom: 1px solid #666666;
}
.woof_block_html_items {
    background: #666;
    border: 1px solid #ccc;
}
.breadcrumb_last,
.woocommerce .woocommerce-breadcrumb span,
.woocommerce-page .woocommerce-breadcrumb span,
.breadcrumbs span,
.breadcrumbs,
.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
    color: #fff;
}
.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge,
.irs-slider {
    background-image: url("images/megnor/product-filter.png") !important;
}
/*product*/

.woocommerce #content div.product .woocommerce-tabs ul.tabs li:hover a,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:hover a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:hover a {
    color: #000;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a::after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a::after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a::after {
    border-top: 10px solid #333;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
    color: #666;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a {
    background-color: #333;
}
/*blog*/

.sticky .entry-main-content:hover .entry-main-header .entry-title .blog-icon,
.tag-sticky-2 .entry-main-content:hover .entry-main-header .entry-title .blog-icon,
.entry-main-content:hover .entry-main-header .entry-title .blog-icon {
    background-color: #000;
    color: #ffffff;
}
.sticky .entry-title .blog-icon,
.tag-sticky-2 .entry-title .blog-icon {
    background-color: #666;
}
.entry-thumbnail .block_hover {
    background: none;
}
/*about us*/

.service:hover .service-text {
    color: #666;
}
/*tab*/

#vertical_tab.style1 #tab ul li a.current::after,
#vertical_tab.style1 #tab ul li a:hover::after {
    border-left: 10px solid #000000;
}
#horizontal_tab.style1 #tab ul li a.current::after,
#horizontal_tab.style1 #tab ul li a:hover::after {
    border-top: 10px solid #000000;
}
.style1 #tab ul li a.current,
.style1 #tab ul li a:hover {
    background: #000;
}
.vertical_tab.style2 #tab ul li a.current,
.vertical_tab.style2 #tab ul li a:hover {
    border-left: 2px solid #000;
}
.horizontal_tab.style2 #tab ul li a.current,
.horizontal_tab.style2 #tab ul li a:hover {
    border-top: 2px solid #000;
}
/*portfolio*/

.options li a:active,
.options li a.selected,
.options li a:hover {
    background: #000;
}
/*testimonial home */

.owl-pagination .owl-page span::before {
    background: #000;
}