.pageTopCon{height:0;line-height:0;background:#f4f4f4;color:#b1b1b1;clear:both}
.header-wrap{position:relative;z-index:5;background:#fff}

#inner-header{position:relative;height:80px;z-index:10}
.widget-right{height:100%;margin-top:0;float:right;line-height:80px}
.topSearchForm{opacity:0;visibility:hidden;transition:all ease .5s;transform:translateX(30px)}
.header-elem .topSearchForm.show{opacity:1;visibility:visible;transition:all ease .5s;transform:translateX(0); z-index: 20;}
.search-btn{position:relative;color:#000;float:left}
.search-btn .mag-icon{font-size:12px;cursor:pointer}
.topSearchForm{padding:2px;background:#ff0000;position:absolute;top:31px;right:24px;z-index:6;line-height:initial}
.header-elem .topSearchForm{top:20px}
.pull-left .header-elem .topSearchForm.show{left:0;right:auto}
.topSearchForm .textfield{padding:8px 15px;font-size:12px;width:280px;border-radius:0;margin-top:0;border:none;color:#fff}
.header-elem{float:left;margin-left:10px}.header-elem:first-child{margin-left:0;position:relative}
#inner-header .header-elem:first-child{margin-left:20px;margin-right:10px}
#inner-header .header-elem:first-child:before{content:'';height:20px;border-left:1px solid #000;left:-20px;position:absolute;top:50%;margin-top:-11px}.stuck
 #inner-header .header-elem:first-child:before{position:absolute;border-left:0 solid #000;height:20px}
 #inner-header .right-side-inner .header-elem:first-child:before{content:none}
 .header-elem .top-head-nav{font-size:12px;list-style:none;margin:0;padding:0}
 .header-elem .top-head-nav li{float:left;margin-right:15px;text-transform:uppercase}
 .pageTop .header-elem .topSearchForm.show{top:50px}
 .pageTop p{margin-bottom:0;line-height:49px;font-size:14px;color:#000}
 .pageTop p span{font-size:12px;font-weight:700}
 .header-elem .search-form{margin-top:-7px}
 .header-elem .search-form .search-field{border-radius:0;padding:5px 10px;color:#333;border-color:#d9d9d9;font-size:12px}
 .header-elem .search-form .search-submit{font-size:12px;padding:5px 10px;line-height:inherit;box-shadow:none;border-radius:0;text-shadow:none;color:#fff;
 border-color:#231f20;background:#231f20;text-transform:uppercase;letter-spacing:1px}#logo{float:left;line-height:80px;margin-left:20px;margin-top:0}
 
 
 .light-header .dark-logo,.light-logo{display:none}.dark-logo,
 .light-header .light-logo{display:inline-block}.header-con.stuck .normal-logo,
 .sticky-logo{display:none}.header-con.stuck .sticky-logo{display:block}.transparent-header .header-wrap{background:0 0}
 .transparent-header .pageTopCon{background:0 0}
 .transparent-header{position:absolute;width:100%;z-index:3}
 .transparent-header.opacity-0{background:rgba(255,255,255,0)}
 .transparent-header.opacity-10{background:rgba(255,255,255,.1)}
 .transparent-header.opacity-20{background:rgba(255,255,255,.2)}
 .transparent-header.opacity-30{background:rgba(255,255,255,.3)}
 .transparent-header.opacity-40{background:rgba(255,255,255,.4)}
 .transparent-header.opacity-50{background:rgba(255,255,255,.5)}
 .transparent-header.opacity-60{background:rgba(255,255,255,.6)}
 .transparent-header.opacity-70{background:rgba(255,255,255,.7)}
 .transparent-header.opacity-80{background:rgba(255,255,255,.8)}
 .transparent-header.opacity-90{background:rgba(255,255,255,.9)}
 .transparent-header.opacity-100{background:#fff}
 .header-2
 #logo{float:none;text-align:center}
 .header-2 .widget-right{float:left}
 .header-3 .stuck .container-wrap{width:1170px;margin:0 auto}
 .header-3 .stuck .header,.header-3 .stuck .menu-wrap{float:left}
 .header-3 .header-con.stuck .widget-right{display:none}
 .header-3 .header-con.stuck .widget-right{margin-top:17px}
 .header-3 .stuck .menu-wrap{float:right;border:none}
 .header-3 .stuck .header .container,
 .header-3 .stuck .menu-wrap .container{width:auto}.header-3 .header-con.stuck .menu-wrap .widget-right{display:block;margin-left:20px}
 .stuck .menu-wrap .topSearchForm,.stuck .menu-wrap .woo-cart-dropdown{top:1px}
 .header-con.stuck .menu-wrap .social-icons{margin-top:23px}
 .stuck .main-nav{margin-top:12px}
 .menu-wrap .header-elem .topSearchForm{top:30px}
 .menu-wrap .social-icons{line-height:0}
 .header-con.stuck .pageTopCon{display:none}
 .admin-bar .mobile-menu-nav{margin-top:32px}
 .transparent-header .header-con.stuck{background:#fff}
 .header-con{top:-100%;-webkit-transition:top ease .5s;-moz-transition:top ease .5s;-ms-transition:top ease .5s;-o-transition:top ease .5s;
 transition:top ease .5s}
 
 .header-con.stuck{position:fixed;top:0;left:0;box-shadow:0 2px 2px rgba(0,0,0,.1);width:100%;z-index:999;
 background:#fff;height:60px;-webkit-backface-visibility:hidden}
 
 .header-con.stuck .pix-header-small{background:0 0;height:auto}
 .header-con.stuck a *{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
 .header-con.stuck 
 #logo,.header-con.stuck .header 
 #lang-list,.header-con.stuck .header .top-details,.header-con.stuck .main-nav{line-height:60px;height:60px}.header-con.stuck 
 #inner-header,.header-con.stuck .header .top-details,.header-con.stuck .search-center{height:60px}.header-con.stuck 
 #inner-header .top-details .pixs{line-height:64px}.header-con.stuck 
 #logo{height:60px;line-height:56px;font-size:23px;margin-left:20px}.header-con.stuck 
 #inner-header .searchform{margin:10px 0}.header-con.stuck 
 #logo img{max-height:50px}.header-con.stuck .search-btn{line-height:60px}.header-con.stuck .widget-right>.search-btn{margin-left:15px}.header-con.stuck 
 #logo a,.header-con.stuck .header .top-details a,
 .header-con.stuck .main-nav li a{-webkit-transition:all ease-in-out 0s;
 -moz-transition:all ease-in-out 0s;-ms-transition:all ease-in-out 0s;-o-transition:all ease-in-out 0s;
 transition:all ease-in-out 0s}
 
 .header-con.stuck .main-nav .sub-menu li a{-webkit-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;
 -ms-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;transition:all ease-in-out .3s}
 .header-con.stuck .widget-right{margin-top:0}
 .admin-bar .header-con.stuck{margin-top:32px}
 .main-nav{float:right;padding-top:6px;height:100%}
 .main-nav ul{margin-left:0;padding-left:0;margin-top:0}
 .main-nav>ul{margin-bottom:0}
 .main-nav li{float:left;list-style:none;font-size:12px;margin-bottom:0;position:relative;padding-left:0;height:100%}
 
 
 .main-nav li:before{content:none}.main-nav li a{color:#000;margin:auto 10px;display:block;outline:0;text-decoration:none}
 .main-nav li a i{position:absolute;left:0;top:1px}
 .main-nav li:hover a{color:#ff0000}
 .main-nav>.menu>li>a{position:relative}
 .main-nav>.menu>li.active>a .inner-menu:after,
 .main-nav>.menu>li>a .inner-menu:after{content:'';position:absolute;width:0;top:50%;left:2px;margin:0 auto;
 padding:1px 0;margin-top:.9em;z-index:0;background:#1b1b1b;
 -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);
 -webkit-transition:-webkit-transform .5s;transition:width .5s;
 -webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);
 transition-timing-function:cubic-bezier(.7,0,.3,1)}
 
 
 .main-nav>.menu>li.active>a .inner-menu:after{width:100%}
 .menu-wrap .main-nav>.menu>li>a .inner-menu:after{padding:17px 0;margin-top:-1.4em}
 .main-nav>.menu>li.active:hover a .inner-menu:after,
 .main-nav>.menu>li:hover a .inner-menu:after{z-index:1;width:100%}
 .main-nav>.menu>li.active:hover a .inner-menu:after{width:100%}.main-nav>.menu>li>a .inner-menu span{display:block;position:relative;z-index:1}
 .main-nav>.menu>li>a .inner-menu span:before{
 position:absolute;left:0;font-weight:700;color:#fff;overflow:hidden;white-space:nowrap;width:0%;
 -webkit-transition:width .5s;transition:width .5s;-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);
 transition-timing-function:cubic-bezier(.7,0,.3,1)}
 
 .main-nav>.menu>li:hover a .inner-menu span:before{width:100%;color:#fff}
 .main-nav>.menu>.current-menu-parent>a,.main-nav>.menu>li.current-menu-item>a{color:#2b2b29}
 .main-nav>.menu>li.current-menu-item>a .inner-menu:after,.main-nav>.menu>li.current-menu-parent>a .inner-menu:after{z-index:1;width:100%}
 .main-nav>.menu>li.current-menu-item>a .inner-menu span:before,.main-nav>.menu>li.current-menu-parent>a .inner-menu span:before{width:100%;color:#fff}
 .light-header .main-nav>.menu>li>a .inner-menu:after{background:#fff}.light-header .main-nav>.menu>li.current-menu-item>a .inner-menu:after,
 .light-header .main-nav>.menu>li.current-menu-parent>a .inner-menu:after,.light-header .main-nav>.menu>li:hover>a .inner-menu:after{background:#fff}
 .light-header .main-nav>.menu>li.current-menu-item>a .inner-menu span:before,.light-header .main-nav>.menu>li.current-menu-parent>a .inner-menu span:before,.light-header .main-nav>.menu>li>a .inner-menu span:before,.light-header .main-nav>.menu>li>a:hover .inner-menu span:before{color:#000}.light-header .stuck .main-nav>.menu>li>a .inner-menu:after{background:#1b1b1b}.light-header .stuck .main-nav>.menu>li.current-menu-item>a .inner-menu span:before,.light-header .stuck .main-nav>.menu>li.current-menu-parent>a .inner-menu span:before,.light-header .stuck .main-nav>.menu>li>a .inner-menu span:before,.light-header .stuck .main-nav>.menu>li>a:hover .inner-menu span:before{color:#fff}.main-nav.main-nav-left,.main-nav.main-nav-right{float:none;position:absolute;width:40%}.header-2 .main-nav.main-nav-left,.header-2 .main-nav.main-nav-right{top:0}.main-nav.main-nav-left .menu{float:right;width:100%}.main-nav.main-nav-left .menu>li{float:right}.main-nav.main-nav-right .menu{float:left;width:auto}.main-nav.main-nav-right{right:0}.main-nav.main-nav-left li:first-child{padding-left:0}.menu-wrap{height:47px;border-top:1px solid #d9d9d9}.transparent-header .menu-wrap{border-bottom:none}.menu-wrap .main-nav{line-height:46px;height:46px;float:left}
 .menu-wrap .widget-right{margin-top:9px}.menu-wrap .main-nav .sub-menu{border-top:0}
 .main-nav>.menu>li:hover a .inner-menu span:after{opacity:1;transition-delay:.2s;left:-4px}
 .main-side-left .main-nav>.menu>li.menu-item-has-children>a .inner-menu span:after,
 .menu-wrap .main-nav>.menu>li.menu-item-has-children>a .inner-menu span:after,
 .stuck .main-nav>.menu>li.menu-item-has-children>a .inner-menu span:after{content:none}
 .main-nav>.menu>li.menu-item-has-children:hover>a:after{content:"\f107"}
 .main-nav .sub-menu{visibility:hidden;overflow:hidden;opacity:0;width:250px;border:1px solid #ff0000 ;position:absolute;background:#ff0000;margin-top:1px;-webkit-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s;z-index:99999999}.main-nav li:hover>.sub-menu{visibility:visible;overflow:visible;opacity:1}.main-nav .sub-menu.sub-menuscale{transform:scale(0);transform:rotate(10deg)}.main-nav li:hover>.sub-menu.sub-menuscale{transform:scale(1.1);transform:rotate(0)}.main-nav .sub-menu li{float:none;position:relative;margin-left:0;display:block}.main-nav .sub-menu ul{top:-1px;left:198px;margin:auto}.main-nav li:hover>.sub-menu ul,.stuck .main-nav li:hover>.sub-menu ul{margin:auto}.main-nav .sub-menu.sub-menu-right ul{top:-1px;left:-198px;margin:auto}.main-nav .sub-menu li a,.main-nav li.pix-megamenu .sub-menu li a{color:#e5e5e5;padding:15px 10px;border-bottom:1px solid #f8f9fa;margin:0 10px;font-weight:400}.main-nav .sub-menu li:hover>a,.main-nav li.pix-megamenu .sub-menu li:hover>a{background:#fff;color:#ff0000}.main-nav .sub-menu>li:last-child>a{border-bottom:none}.main-nav>.menu>li.menu-item-has-children>a:after,.main-side-left .main-nav-left.main-nav li.menu-item-has-children>a:after,.sub-menu li.menu-item-has-children>a:after{content:"\f107";font-family:"Font Awesome 5 Free";position:absolute;right:12px;top:50%;margin-top:-10px;line-height:16px;font-weight:600;color:#2b2b29}.main-nav>.menu>li.menu-item-has-children>a>span{display:inline-block;margin-right:4px}.main-nav>.menu>li.menu-item-has-children>a:after{font-size:12px;right:-14px;position:static}.main-side-left .main-nav-left.main-nav .pix-megamenu .sub-menu li.menu-item-has-children>a:after,.pix-megamenu .sub-menu li.menu-item-has-children>a:after{content:none}.main-nav li.pix-megamenu{position:static}.menu-wrap .container{position:relative}.pix-megamenu>.sub-menu{background-color:#ff0000}.main-nav li.pix-megamenu>ul.sub-menu{width:100%;left:0;padding:25px 50px 10px}.stuck .main-nav li.pix-megamenu>ul.sub-menu,.stuck .main-nav li:hover>.sub-menu{margin-top:1px}.main-nav li.pix-megamenu>ul.sub-menu>li{width:18.4%;margin-right:2%;float:left;line-height:initial}.main-nav li.pix-megamenu>ul.sub-menu>li .sub-menu{width:100%}.main-nav li.pix-megamenu>ul.sub-menu>li:nth-child(5n){margin-right:0}.main-nav li.pix-megamenu.pix-megamenu-col2{position:relative}.main-nav li.pix-megamenu.pix-megamenu-col2>ul.sub-menu{width:460px;padding-right:15px;padding-left:30px;right:0}.main-nav li.pix-megamenu.pix-megamenu-col2>ul.sub-menu li{width:190px}.main-nav li.pix-megamenu.pix-megamenu-col2.pix-megamenu-pos-left>ul.sub-menu{left:0;right:auto}.main-nav li.pix-megamenu.pix-megamenu-col3>ul.sub-menu>li{width:23.5%;margin-right:3.5%}.main-nav li.pix-megamenu.pix-megamenu-col4>ul.sub-menu>li{width:23%;margin-right:2.5%}.main-nav li.pix-megamenu.pix-megamenu-col3>ul.sub-menu>li:nth-child(3n){margin-right:0}.main-nav li.pix-megamenu.pix-megamenu-col4>ul.sub-menu>li:nth-child(4n){margin-right:0}.main-nav li.pix-megamenu.pix-megamenu-col5>ul.sub-menu>li{width:18%;margin-right:2.5%}.main-nav li.pix-megamenu.pix-megamenu-col5>ul.sub-menu>li:nth-child(5n){margin-right:0}.main-nav li.pix-megamenu.pix-megamenu-col2>ul.sub-menu>li:nth-child(3n),.main-nav li.pix-megamenu.pix-megamenu-col4>ul.sub-menu>li:nth-child(5n),.main-nav li.pix-megamenu.pix-megamenu-col5>ul.sub-menu>li:nth-child(6n),.main-nav li.pix-megamenu.pix-megamenu-col6>ul.sub-menu>li:nth-child(7n){clear:both}.main-nav li.pix-megamenu.pix-megamenu-col6>ul.sub-menu>li{width:15%;margin-right:2%}.main-nav li.pix-megamenu.pix-megamenu-col6>ul.sub-menu>li:nth-child(6n){margin-right:0}.main-nav li.pix-megamenu>ul.sub-menu li ul{position:static;display:block;box-shadow:none;border:none;margin-top:0}.main-nav li.pix-megamenu:hover>ul.sub-menu ul{visibility:visible;overflow:visible;opacity:1}.main-nav li.pix-megamenu>ul.sub-menu li ul ul{visibility:hidden;display:none}.main-nav li.pix-megamenu>ul.sub-menu:before{content:'';height:2px;position:absolute;top:-1px;left:-1px;right:-1px}.pix-megamenu .pix-hide-menu-title>a{display:none!important}.main-nav li.pix-megamenu>ul.sub-menu>li>a{color:#333;font-weight:700;letter-spacing:0;border:none}.sub-menu-dark .main-nav li.pix-megamenu>ul.sub-menu>li>a{color:#eaeaea}select::-ms-expand{display:none}.mobile-menu{display:none}.mobile-menu-nav{display:none}.mobile-menu-nav.mobile-menu-dropdown .menu-item-has-children>.mag-dropdown-arrow,.mobile-menu-nav.mobile-menu-dropdown .sub-menu{display:none!important}.mag-sticky{display:none}.light-header .header-con .social-icons a,.light-header .mag-cart-icon,.light-header .mag-item-icon,.light-header .main-nav .menu>li>a,.light-header .main-nav>.menu>li.current-menu-item>a,.light-header .main-nav>.menu>li.menu-item-has-children>a:after,.light-header .pageTop p,.light-header .pageTop p a,.light-header .search-btn,.light-header .selectdiv select,.light-header .selectdiv:after,.light-header .social-icons a{color:#000}.light-header .selectdiv{position:relative;float:left;min-width:30px;margin:16px 20px 15px 0;display:none}.light-header .selectdiv:after{content:'>';font:14px Consolas,monospace;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);right:-1px;top:7px;position:absolute;pointer-events:none;cursor:pointer}.light-header .selectdiv select{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;max-width:45px;height:30px;float:right;top:20px;padding:0;font-size:12px;line-height:1.75;font-weight:400;background-color:transparent;background-image:none;border:none;-ms-word-break:normal;word-break:normal;cursor:pointer}.light-header .pix-menu-trigger span,.light-header .pix-menu-trigger span:after,.light-header .pix-menu-trigger span:before{background-color:#ff0000;margin-right:20px}.light-header .stuck .mag-cart-icon,.light-header .stuck .mag-item-icon,.light-header .stuck .main-nav .menu>li>a,.light-header .stuck .main-nav>.menu>li.current-menu-item>a,.light-header .stuck .main-nav>.menu>li.menu-item-has-children>a:after,.light-header .stuck .search-btn,.light-header .stuck .selectdiv select,.light-header .stuck .selectdiv:after{color:#000}.light-header .stuck .selectdiv{position:relative;float:left;min-width:30px;margin:16px 20px 15px 0}.light-header .stuck .selectdiv:after{content:'>';font:14px Consolas,monospace;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);right:-1px;top:0;position:absolute;pointer-events:none;cursor:pointer}.light-header .stuck .selectdiv select{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;max-width:45px;height:30px;float:right;top:20px;padding:0;font-size:12px;line-height:1.75;font-weight:400;background-color:transparent;background-image:none;border:none;-ms-word-break:normal;word-break:normal;cursor:pointer}.light-header .main-nav>.menu>li.menu-item-has-children>a .inner-menu span:after{border-color:#eaeaea}.light-header #inner-header .header-elem:first-child:before{border-color:#000}
 .light-header .stuck #inner-header .header-elem:first-child:before{border-color:#000}
 .sub-menu-dark .main-nav .sub-menu{background:#1b1b1b;border-color:rgba(0,0,0,.15)}
 .dark.sub-menu-dark .main-nav .sub-menu .menu-item a,
 .sub-menu-dark .main-nav .sub-menu .menu-item a{color:#ccc;border-color:rgba(0,0,0,.15)}
 .sub-menu-dark .main-nav .sub-menu li:hover>a,
 .sub-menu-dark .main-nav li.pix-megamenu .sub-menu li:hover>a{color:#fff}
 .cart-trigger{display:inline-table;padding-bottom:41px}
 .stuck .header-elem .topSearchForm,
 .stuck .woo-cart-dropdown{top:10px}
 .menu-wrap .woo-cart-dropdown{top:30px}
 .woo-cart-dropdown{display:none;position:absolute;width:240px;border:1px solid #e5e5e5;border-top:2px solid #1d1d1d;
 right:-10px;background:#fff;padding:14px;z-index:99;border-radius:3px;top:90px;padding-top:25px}
 
 .woo-cart-dropdown ul{margin:0}
 .woo-cart-dropdown ul li{line-height:21px;padding:0;position:relative;padding-bottom:20px;border-bottom:1px solid #ff0000;width:100%;margin-bottom:20px}
 .woo-cart-dropdown ul li:last-child{margin-bottom:0;border-bottom:none}
 .woo-cart-dropdown ul li:before{content:none}
 .woo-cart-dropdown .product{float:left;width:60px;margin-right:20px}
 .woo-cart-dropdown .product img{width:100%}
 .woo-cart-dropdown .product-con{overflow:hidden}
 .woo-cart-dropdown .product-con h2{font-size:15px;text-transform:uppercase;margin-bottom:12px}
 .woo-cart-dropdown .product-con .price{float:right}
 .woo-cart-dropdown ul li .close{position:absolute;right:0;top:-3px;font-size:16px;cursor:pointer;color:#c3c3c3}
 .woo-cart-dropdown .btn-gruop{line-height:initial;padding-top:10px}
 .woo-cart-dropdown .widget{margin-bottom:0;margin-left:0;margin-right:0}
 .pix-cart-contents{color:#000}
 .header-con.stuck .pix-cart{line-height:62px}
 .header-con.stuck .pix-cart .pix-cart-contents{color:#000}
 @media (max-width:1200px){
 #inner-header{position:relative}
 .header-con.stuck #logo img{max-height:38px}
 .header-con #logo img{max-height:40px}
 .companyname{font-size:15px;position:absolute;top:0;left:80px}
 .companynamest{font-size:15px;position:absolute;top:0;left:80px}
 .stuck .main-nav.main-nav-style4 .menu>li>a{padding:6px 8px}
 .main-nav.main-nav-style4 .menu>li a{padding:12px 8px}
 }
 
 
 @media (max-width:991px){
 .main-side-left .menu-container{margin:0 auto;position:relative}
 .pix-menu{float:right;height:100%;position:relative;z-index:1;margin-right:20px;margin-top:0}
 .pix-megamenu .pix-hide-menu-title>a{display:block!important}
 .pix-header-small .pix-menu{height:46px}
 .header-con.stuck .pix-menu{height:60px}
 .flyin-sidebar-wrapper .pix-menu{float:left}
 .main-side-left #main-wrapper{padding-top:80px}
 .menu-wrap{display:none}
 .menu-wrap .pix-menu{float:none;height:62px;text-align:center;display:inline-block}
 .pix-menu-trigger{position:relative;display:block;width:16px;height:24px;cursor:pointer;top:20px;margin-top:0}
 .pix-menu-trigger span{position:absolute;top:50%;left:0;display:block;width:100%;height:2px;margin-top:-2px;background-color:#000;
 font-size:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
 -webkit-transition:background-color .2s;-moz-transition:background-color .2s;-ms-transition:background-color .2s;-o-transition:background-color .2s;
 transition:background-color .2s}
 .pix-menu-open .pix-menu-trigger span{background-color:transparent!important}
  .pix-menu-trigger span:after,.pix-menu-trigger span:before{position:absolute;left:0;width:100%;height:100%;background:#fff;
  content:'';-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;-ms-transition:-ms-transform .3s;-o-transition:-o-transform .3s;
  transition:transform .3s}
  
  .pix-menu-trigger span:before{-webkit-transform:translateY(-250%);-moz-transform:translateY(-250%);
  -ms-transform:translateY(-250%);-o-transform:translateY(-250%);transform:translateY(-250%)}
  
  
 .pix-menu-trigger span:after{-webkit-transform:translateY(250%);-moz-transform:translateY(250%);-ms-transform:translateY(250%);-o-transform:translateY(250%);transform:translateY(250%)}
 
 .pix-menu-open .pix-menu-trigger span:before{
 -webkit-transform:translateY(0) rotate(45deg);
 -moz-transform:translateY(0) rotate(45deg);-ms-transform:translateY(0) rotate(45deg);
 -o-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}
 
 .pix-menu-open .pix-menu-trigger span:after{-webkit-transform:translateY(0) rotate(-45deg);-moz-transform:translateY(0) rotate(-45deg);
 -ms-transform:translateY(0) rotate(-45deg);-o-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}
 
 .sub-menu li.menu-item-has-children>a:after{content:none}
 .mobile-menu{display:block}
 .main-nav{display:none!important}
 .admin-bar .mobile-menu-nav{margin-top:0}
 .mobile-menu-nav{
 display:block;position:fixed;left:0;top:0;max-width:250px;
 width:0;background:#fff;height:100%;box-shadow:2px 0 3px rgba(0,0,0,.1);
 z-index:999;overflow:hidden;-webkit-transition:all .33s cubic-bezier(.694,.0482,.335,1);
 -moz-transition:all .33s cubic-bezier(.694,.0482,.335,1);
 -ms-transition:all .33s cubic-bezier(.694,.0482,.335,1);-o-transition:all .33s cubic-bezier(.694,.0482,.335,1);
 transition:all .33s cubic-bezier(.694,.0482,.335,1)
 
 }
 
 
 .mobile-menu-nav.moved{width:250px;-webkit-transition:all .33s cubic-bezier(.694,.0482,.335,1);
 -moz-transition:all .33s cubic-bezier(.694,.0482,.335,1);-ms-transition:all .33s cubic-bezier(.694,.0482,.335,1);
 -o-transition:all .33s cubic-bezier(.694,.0482,.335,1);transition:all .33s cubic-bezier(.694,.0482,.335,1)}
 
 .mobile-menu-nav .mobile-menu-inner{height:100%;overflow-y:auto;overflow-x:hidden;margin-bottom:0;margin-left:0;padding-left:0}
 .mobile-menu-nav ul{list-style:none;margin-top:0;margin-left:0;padding-left:0;margin-bottom:0}
 .mobile-menu-nav .menu .sub-menu{padding-left:15px;margin-left:0;background:#f7f7f7;box-shadow:inset 0 1px 1px #ebebeb}
 .mobile-menu-nav .sub-menu{display:none}
 .mobile-menu-nav li{margin-bottom:0;padding-bottom:0;position:relative;text-transform:uppercase;font-size:14px;padding-left:0}
 .mobile-menu-nav .sub-menu li{font-size:.8rem;line-height:16px}
 .mobile-menu-nav ul>li:before{content:none}
 .mobile-menu-nav .sub-menu li:last-child{border-bottom:none}
 .mobile-menu-nav li a{color:#868686;display:block;padding:10px 0 10px 15px}
 .mobile-menu-nav .sub-menu li a{padding-left:25px}
 .mobile-menu-nav .sub-menu .sub-menu li a{padding-left:35px}
 .mobile-menu-nav li a:hover,.mobile-menu-nav li.current-menu-item a{color:#ff0000}
 .mobile-menu-nav .sub-menu li a h2.m-title{font-size:.8rem}
 .mobile-menu-nav .menu-item-has-children>.mag-dropdown-arrow{display:initial;width:100%;height:38px;position:absolute;right:0;
 top:0;cursor:pointer;font-family:"Font Awesome 5 Free"}
 
 .mobile-menu-nav .menu-item-has-children>.mag-dropdown-arrow:after{content:"\f107";display:inline-block;font-family:"Font Awesome 5 Free";font-size:14px;
 color:#868686;font-weight:600;vertical-align:middle;position:absolute;right:10px;top:0;line-height:38px;-webkit-transform:rotate(-90deg);
 -moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:all ease .3s;
 -moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s}
 
 
 .mobile-menu-nav .menu-item-has-children>.mag-dropdown-arrow.pix-bottom-arrow:after{-webkit-transform:rotate(0);-moz-transform:rotate(0);
 -ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:all ease .3s;
 -moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s}
 
 .mobile-menu-nav .menu-item-has-children>.mag-dropdown-arrow:hover:after,
 .mobile-menu-nav.menu-dark .menu-item-has-children>.mag-dropdown-arrow:hover:after{color:#ff0000}
 .mobile-menu-nav .pix-megamenu ul ul>.menu-item-has-children>a .mag-dropdown-arrow:after{content:none}
 
 #content-pusher.content-pushed{left:250px;z-index:2}
 .pix-overlay{position:fixed;top:0;left:0;right:0;bottom:0;min-height:360px;background:#000;opacity:.7;z-index:20}
 .header-con.stuck{position:static}
 #content-pusher.content-pushed .header-con.stuck{left:250px}
 .header-con.stuck #logo{margin-top:0;margin-bottom:0}
 .header-con.stuck .m-sticky{display:block;background:#fff;height:60px}
 .header-2 #logo{float:left}
 .main-side-left{padding-left:0}
 .main-side-left.main-side-right{padding-right:0}
 .main-side-left #logo{position:absolute;left:0;line-height:80px;text-align:center}
 .main-side-left .pix-menu{height:80px;margin-right:15px}
 .main-side-left .left-main-menu{width:100%;height:80px;position:relative;-webkit-transition:all .33s cubic-bezier(.694,.0482,.335,1);
 -moz-transition:all .33s cubic-bezier(.694,.0482,.335,1);-ms-transition:all .33s cubic-bezier(.694,.0482,.335,1);
 -o-transition:all .33s cubic-bezier(.694,.0482,.335,1);
 transition:all .33s cubic-bezier(.694,.0482,.335,1)}
 
 .admin-bar .main-side-left .left-main-menu{margin-top:0}
 #menu-main-menu+.widget-right{display:none}}.main-nav.main-nav-style2>.menu>li.active>a .inner-menu:after,
 .main-nav.main-nav-style2>.menu>li>a .inner-menu:after{content:none}
 .main-nav.main-nav-style2 .menu>li a{margin:auto 5px;padding:8px 14px;transition:all ease-in-out .3s;line-height:inherit}
 .main-nav.main-nav-style2 .menu>li>a:hover,
 .main-nav.main-nav-style2>.menu>li.active>a{background:#28cdff;color:#fff;box-shadow:2px 2px 3px 0 #318aa57a;transition:all ease-in-out .3s}
 .main-nav.main-nav-style2 .menu>li.menu-item-has-children:hover>a:after,
 .main-nav.main-nav-style2>.menu>li.active.menu-item-has-children>a:after{color:#fff}
 .stuck .main-nav.main-nav-style2 .menu>li>a{padding:0 14px}
 .main-nav.main-nav-style2 .sub-menu>li a{padding:14px;box-shadow:none!important;margin:auto;line-height:initial}
 .main-nav.main-nav-style2 li.pix-megamenu .sub-menu li a{line-height:inherit;padding:0;border:none}
 .main-nav.main-nav-style2 li.pix-megamenu>.sub-menu>li>a{margin-bottom:13px}
 .main-nav.main-nav-style2 li.pix-megamenu:hover>ul.sub-menu ul li{padding:10px 0;display:inline-block;float:left;width:100%;
 margin:8px 0 auto;border-bottom:1px solid #f4f4f4}
 
 .main-nav.main-nav-style3>.menu>li.active>a .inner-menu:after,
 .main-nav.main-nav-style3>.menu>li>a .inner-menu:after{content:none}
 .main-nav.main-nav-style3 .menu>li a{margin:auto 5px;padding:8px 14px;transition:all ease-in-out .3s}
 .main-nav.main-nav-style3 .menu>li>a:hover,
 .main-nav.main-nav-style3>.menu>li.active>a{background:#28cdff;color:#fff;box-shadow:2px 3px 3px 0 #318aa57a;transition:all ease-in-out .3s;border-radius:50px}
 .main-nav.main-nav-style3 .menu>li.menu-item-has-children:hover>a:after,
 .main-nav.main-nav-style3>.menu>li.active.menu-item-has-children>a:after{color:#fff}
 .stuck .main-nav.main-nav-style3 .menu>li>a{padding:10px 13px;line-height:initial}
 .main-nav.main-nav-style3 .sub-menu>li a{padding:14px;box-shadow:none!important;margin:auto;line-height:initial}
 .main-nav.main-nav-style3 li.pix-megamenu .sub-menu li a{line-height:inherit;padding:0;border:none}
 .main-nav.main-nav-style3 li.pix-megamenu>.sub-menu>li>a{margin-bottom:13px}
 .main-nav.main-nav-style3 li.pix-megamenu:hover>ul.sub-menu ul li{padding:10px 0;display:inline-block;float:left;
 width:100%;margin:8px 0 auto;border-bottom:1px solid #f4f4f4}
 
 .main-nav.main-nav-style4>.menu>li.active>a .inner-menu:after,
 .main-nav.main-nav-style4>.menu>li>a .inner-menu:after{content:none}
 .main-nav.main-nav-style4 .menu>li a{margin:auto 0;padding:12px 8px;transition:all ease-in-out .3s}
 .main-nav.main-nav-style4 .menu>li>a:hover,
 .main-nav.main-nav-style4>.menu>li.active>a{background:#ff0000;color:#fff}
 .main-nav.main-nav-style4 .menu>li.menu-item-has-children:hover>a:after,
 .main-nav.main-nav-style4>.menu>li.active.menu-item-has-children>a:after{color:#fff}
 .stuck .main-nav.main-nav-style4 .menu>li>a{padding:0 8px}
 .main-nav.main-nav-style4 .sub-menu>li a{padding:14px;box-shadow:none!important;margin:auto;line-height:initial}
 .main-nav.main-nav-style4 li.pix-megamenu .sub-menu li a{line-height:inherit;padding:0;border:none}
 .main-nav.main-nav-style4 li.pix-megamenu>.sub-menu>li>a{margin-bottom:13px}
 .main-nav.main-nav-style4 li.pix-megamenu:hover>ul.sub-menu ul li{padding:10px 0;display:inline-block;
 float:left;width:100%;margin:8px 0 auto;border-bottom:1px solid #ff0000}
 
 
 .main-nav.main-nav-style4 li.pix-megamenu:hover>ul.sub-menu ul li:last-child{border-bottom:0}
 .main-nav.main-nav-style5>.menu>li.active>a .inner-menu:after,.main-nav.main-nav-style5>.menu>li>a .inner-menu:after{background:#fff}
 .main-nav.main-nav-style5 .menu>li{font-size:14px;padding:0 20px}
 .main-nav.main-nav-style5 .menu>li a{margin:auto}
 .main-nav.main-nav-style5 .menu>li.active,
 .main-nav.main-nav-style5 .menu>li:hover{background:#834fd6},.main-nav.main-nav-style5 .menu>li.menu-item-has-children:hover>a:after,
 .main-nav.main-nav-style5 .menu>li:hover>a,.main-nav.main-nav-style5 .menu>li>a:hover,.main-nav.main-nav-style5>.menu>li.active>a{color:#fff}
 .main-nav.main-nav-style5>.menu>li.active.menu-item-has-children>a:after{color:#fff}
 .main-nav.main-nav-style5 .sub-menu>li a{padding:14px;box-shadow:none!important;margin:auto;line-height:initial}
 .main-nav.main-nav-style5 li.pix-megamenu .sub-menu li a{line-height:inherit;padding:0;border:none}
 .main-nav.main-nav-style5 li.pix-megamenu>.sub-menu>li>a{margin-bottom:13px}
 .main-nav.main-nav-style5 li.pix-megamenu:hover>ul.sub-menu ul li{padding:10px 0;display:inline-block;float:left;width:100%;margin:8px 0 auto;
 border-bottom:1px solid #ff0000}.main-nav.main-nav-style5 li.pix-megamenu:hover>ul.sub-menu ul li:last-child{border-bottom:0}
 .main-nav.main-nav-style5 li:hover>.sub-menu{margin-top:150px}
 .main-nav.main-nav-style5 li:hover>.sub-menu .sub-menu{margin:auto}
 .stuck .main-nav.main-nav-style5 .menu>li:hover>.sub-menu{margin-top:60px;line-height:initial}
 .stuck .main-nav.main-nav-style6 .menu>li.active,
 .stuck .main-nav.main-nav-style6 .menu>li:hover{line-height:34px}
 .stuck .main-nav.main-nav-style5 .menu>li{padding:0 20px}
 .main-nav.main-nav-style6>.menu>li.active>a .inner-menu:after,
 .main-nav.main-nav-style6>.menu>li>a .inner-menu:after{content:none}
 .main-nav.main-nav-style6 .menu>li{font-size:16px;padding:0 15px}
 .main-nav.main-nav-style6 .menu>li a{margin:auto;padding:6px 8px;border:2px solid transparent}
 .main-nav.main-nav-style6 .menu>li.active,.main-nav.main-nav-style6 .menu>li:hover{background:#834fd6}
 .main-nav.main-nav-style6 .menu>li:hover>a,.main-nav.main-nav-style6 .menu>li>a:hover,
 .main-nav.main-nav-style6>.menu>li.active>a{color:#fff;border:2px solid}
 .main-nav.main-nav-style6 .menu>li.menu-item-has-children:hover>a:after,
 .main-nav.main-nav-style6>.menu>li.active.menu-item-has-children>a:after{color:#fff}
 .stuck .main-nav.main-nav-style6 .menu>li>a{padding:0 14px}
 .main-nav.main-nav-style6 .sub-menu>li a{padding:14px;box-shadow:none!important;margin:auto;line-height:initial}
 .main-nav.main-nav-style6 li.pix-megamenu .sub-menu li a{line-height:inherit;padding:0;border:none}
 .main-nav.main-nav-style6 li.pix-megamenu>.sub-menu>li>a{margin-bottom:13px}
 .main-nav.main-nav-style6 li.pix-megamenu:hover>ul.sub-menu ul li{padding:10px 0;display:inline-block;float:left;width:100%;
 margin:8px 0 auto;border-bottom:1px solid #ff0000}
 .main-nav.main-nav-style6 li.pix-megamenu:hover>ul.sub-menu ul li:last-child{border-bottom:0 solid #ff0000}
 .main-nav.main-nav-style6 li:hover>.sub-menu{margin-top:150px}.main-nav.main-nav-style6 li:hover>.sub-menu .sub-menu{margin:auto}
 .stuck .main-nav.main-nav-style6 .menu>li:hover>.sub-menu{margin-top:60px;line-height:initial}
 .stuck .main-nav.main-nav-style6 .menu>li.active,
 .stuck .main-nav.main-nav-style6 .menu>li:hover{line-height:34px}
 .main-nav.main-nav-style7>.menu>li.active>a .inner-menu:after,
 .main-nav.main-nav-style7>.menu>li>a .inner-menu:after{content:none}
 .main-nav.main-nav-style7 .menu>li{font-size:16px;margin:0 5px}
 .main-nav.main-nav-style7 .menu>li a{margin:auto;padding:6px 10px;border:2px solid transparent}
 .main-nav.main-nav-style7 .menu>li.active>a,.main-nav.main-nav-style7 .menu>li:hover>a{color:#000;border:2px solid}
 .main-nav.main-nav-style7 .menu>li.menu-item-has-children:hover>a:after{color:#000}
 .stuck .main-nav.main-nav-style7 .menu>li>a{padding:9px 14px;line-height:initial}
 .main-nav.main-nav-style7 .sub-menu>li a{padding:14px;box-shadow:none!important;margin:auto;line-height:initial}
 .main-nav.main-nav-style7 li.pix-megamenu .sub-menu li a{line-height:inherit;padding:0;border:none}
 .main-nav.main-nav-style7 li.pix-megamenu>.sub-menu>li>a{margin-bottom:13px}
 .main-nav.main-nav-style7 li.pix-megamenu:hover>ul.sub-menu ul li{padding:10px 0;display:inline-block;float:left;width:100%;margin:8px 0 auto;
 border-bottom:1px solid #ff0000}.main-nav.main-nav-style7 li:hover>.sub-menu{margin-top:150px}
 .main-nav.main-nav-style7 li:hover>.sub-menu .sub-menu{margin:auto}
 .stuck .main-nav.main-nav-style7 .menu>li:hover>.sub-menu{margin-top:60px;line-height:initial}
 .main-nav.main-nav-arrowright>.menu>li.active>a .inner-menu:after,.main-nav.main-nav-arrowright>.menu>li>a .inner-menu:after{content:none}
 .main-nav.main-nav-arrowright>.menu>li:after{content:"";height:10px;width:1px;position:absolute;background:#c5c5c5;right:0;top:50%;margin-top:-5px}
 .main-nav.main-nav-arrowright>.menu>li:last-child:after{content:none}
 .main-nav li.pix-megamenu .mag-post-wrap .m-title{font-size: 6px;font-family:inherit;margin-bottom:0;margin-top:10px;color:#fff}
 .main-nav li.pix-megamenu .mag-post-wrap .b-post img{width:100%;height:100%}
 .main-nav li.pix-megamenu .mag-post-wrap .mainh .m-title{font-size:15px;font-family:inherit;margin-bottom:5px;margin-top:0;color:#fff;line-height:25px}
 .main-nav li.pix-megamenu .mag-post-wrap .mainh .m-title.last{border-bottom:0 solid #ff0000}
 .main-nav li.pix-megamenu .mag-post-wrap .mainh{margin-top:5px}
 .main-nav li.pix-megamenu .mag-post-wrap .mainh .m-title a{font-size:16px;font-family:inherit;font-weight:500;color:#fff}
 .main-nav li.pix-megamenu .mag-post-wrap .b-post-img{width:60px;height:60px;float:left;margin-right:15px}
 .main-nav li.pix-megamenu .mag-post-wrap .b-post-co{overflow:hidden;margin-bottom:20px}
 .main-nav li.pix-megamenu .mag-post-wrap .b-post-co .title{font-size:16px;font-family:inherit;margin-bottom:5px;padding-bottom:3px}
 .main-nav li.pix-megamenu .mag-post-wrap .b-post-co .title.last{border-bottom:0 solid #ff0000}
 main-nav li.pix-megamenu .mag-post-wrap .b-post-co .title:hover{background:#fff;color:#ff0000}
 .main-nav li.pix-megamenu .mag-post-wrap .b-post-co .title a{
 color:#fff;margin:0;font-size:14px;line-height:15px;font-family:inherit;font-weight:300;text-transform:none}
 
 .main-nav li.pix-megamenu .mag-post-wrap .b-post{margin-bottom:20px;border-bottom:1px solid #ff0000;padding-bottom:12px}
 .main-nav li.pix-megamenu .mag-post-wrap .b-post-co .title:last-child,.main-nav li.pix-megamenu .mag-post-wrap .b-post:last-child,
 .main-nav li.pix-megamenu .mag-post-wrap .b-post:last-child a{padding-bottom:0;margin-bottom:0;border:none}
 .main-nav li.pix-megamenu .mag-post-wrap .b-post p{text-transform:none;line-height:21px}
 .main-nav li.pix-megamenu .mag-post-wrap .gallery-img img{width:100%;height:100%}
 .main-nav li.pix-megamenu .mag-post-wrap .gallery-img{width:79px;height:78px;float:left;background:#f4f4f4;margin:3px}
 .main-nav li.pix-megamenu .mag-post-wrap .gallery-img a{margin:0;height:100%}
.main-nav li {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 400;
}
.main-nav .sub-menu li {
	letter-spacing: 1px;
	font-size: 12px;
}

@media (max-width: 1200px) {	
.main-nav li {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 400;
}
}
@media (max-width:1120px){.preview-post-wrap .post-content .title{font-size:30px;letter-spacing:2px}}@media (max-width:991px){.bannner-img,.project-banner-img{padding-bottom:100vh}.container{padding:0}.sub-title{max-width:90%}.featured-work,.service{padding:150px 0}.service .btn{margin-top:50px}.service .col-md-3.col-sm-6{margin-bottom:35px}.featured-wrap>div{width:50%}.featured-wrap>div:nth-child(3n+1){clear:none}.blog .category-group li{margin:0 2% 10px}.contact-form .btn.btn-md{margin-top:20px}.contact-infor{margin-top:50px;margin-left:0}}@media (max-width:767px){.sub-title{max-width:100%}.main-blog-post .category{margin-bottom:5%}.main-blog-post .post-content .title{font-size:30px;margin-bottom:8%}.main-blog-post img{height:50vh}.comment-form textarea{margin-bottom:0}.comment-form input{margin-top:15px}.next-postimg,.privew-postimg{padding-bottom:100%}.footer-nav li{margin:0 20px}.container{padding:0}}@media (max-width:640px){.featured-wrap>div,.preview-post-wrap>div{width:100%}.next-postimg,.privew-postimg{padding-bottom:50%}}