@charset "utf-8";

/* CSS Document */

.main-header{
	background-color: #ef5b04;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 997;
	padding: 10px 0;
}
.logo-area{
	width: 100px;
}
.logo-area a {
    width: 100%;
    height: auto;
    display: block;
}
.logo-area a img{
	width: 100%;
	height: auto;
	display: block;
}
.filter-menu{
  display: block;
  width: 36px;
  cursor: pointer;
  transform: rotate(0deg);
  margin-right: 10px;
}
.filter-menu span {
  background-color: #fff;
  width: 100%;
  height: 4px;
  border-radius: 1px;
  display: block;
  position: absolute;
  left: 0;
  content: '';
  transition: 0.5s ease-in-out;
}
.filter-menu span:nth-child(1) {
  top: 4px;
  transform-origin: left center;
}
.filter-menu span:nth-child(2) {
  top: 14px;
  transform-origin: left center;
}
.filter-menu span:nth-child(3) {
  top: 24px;
  transform-origin: left center;
}
.filter-menu.closeMe span:nth-child(1) {
  transform: rotate(44deg);
  top: -1px;
  left: 4px;
}
.filter-menu.closeMe span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
.filter-menu.closeMe span:nth-child(3) {
  transform: rotate(-46deg);
  top: 24px;
  left: 4px;
}
.filter-menu em{
	font-style: normal;
	color: #fff;
	display: block;
	margin-top: 30px;
	font-family: 'Poppins';
	font-weight: 600;
	font-size: 1.0rem;
	line-height: 1.4rem;
}

.main-header .container{

	justify-content: space-between;

}

.header-right{

	align-items: center;

	width: 48%;

	justify-content: flex-end;

}



.header-right .search-box{
	display: none;
}
.pixsearch-active .header-right .search-box{
	display: block;
}
.header-right .search-icon{

	width: 36px;

    height: 36px;

    border-radius: 50px;

	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' %3E%3Cpath d='M40 36.9c0 .8-.3 1.6-.9 2.2s-1.3.9-2.2.9-1.6-.3-2.2-.9l-8.2-8.2c-2.9 2-6.1 3-9.6 3-2.3 0-4.5-.4-6.6-1.3S6.4 30.5 4.9 29s-2.7-3.3-3.6-5.4S0 19.2 0 16.9s.4-4.5 1.3-6.6 2.1-3.9 3.6-5.4 3.3-2.7 5.4-3.6S14.6 0 16.9 0s4.5.4 6.6 1.3 3.9 2.1 5.4 3.6 2.7 3.3 3.6 5.4 1.3 4.3 1.3 6.6c0 3.5-1 6.7-3 9.6l8.2 8.2c.7.7 1 1.4 1 2.2zM24.5 24.5c2.1-2.1 3.2-4.6 3.2-7.6s-1.1-5.5-3.2-7.6-4.6-3.2-7.6-3.2-5.5 1.1-7.6 3.2-3.2 4.6-3.2 7.6 1.1 5.5 3.2 7.6 4.6 3.2 7.6 3.2 5.5-1.1 7.6-3.2z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50% #00ad10;
	background-size: 18px auto;
	display: block;
}

.header-left{
	align-self: center;
	align-items: center;
	width: 52%;
}
/*menu cont start*/
.menu-cont>ul{
	margin: 0;
	padding: 0;
}
.menu-cont>ul li{
	margin: 0;
	/*padding: 0;
	background-image: none;*/
	position: relative;
}

.menu-cont>ul>li>a{
	display: block;
	color: #fff;
}

.menu-cont>ul {
	font-family: 'Poppins', serif;
	font-weight: normal;
}

/*menu cont end*/
/*left side filter start*/
.main-filter-holder{
	position: absolute;
	left: -268px;
	display: block;
	visibility: hidden;
	opacity: 0;
}
.main-filter-bar{
	position: fixed;
	width: 268px;
	top: 0;
	background: #fff;
	z-index: 998;
	max-width: 268px;
	max-height: 100vh;
    overflow-y: auto;
	-webkit-transition: all .5s;
	-khtml-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.pixfilter-active .main-filter-holder{
	left: 0;
	opacity: 1;
	visibility: visible;
}
.pixfilter-active{
	overflow: hidden;
}
.menu-overlay, .filter-overlay, .search-overlay{
	width: 100%;
	height: 100%;
	z-index: 998;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.84);
	display: none;
}
.filter-overlay{
	z-index: 997;
	position: fixed;
}
.search-overlay{
	z-index: 997;
}
.pixfilter-active .menu-overlay{
	
	
}
/*filter end*/
@media only screen and (min-width: 500px) {

	.filter-menu{
		margin-right: 20px;

	}

}
@media only screen and (max-width: 599px){
	.search-box{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		width: 100%;
		background: #fff;
        height: 100vh;
	}
	.search-box #ajaxsearchlite1 .probox, div.asl_w .probox{
		border-radius: 0 !important;
	}
	.search-box #ajaxsearchlite1 .probox .proinput input, .search-box div.asl_w .probox .proinput input{
		font-size: 14px;
	}
}
@media only screen and (min-width: 600px){

	.header-left{

		width: 30%;

	}

	.header-right{

		width: 70%;

	}

	.header-right .search-icon{

		display: none;

	}

	.header-right .search-box{
		width: 66%;
		display: block;

	}

	.header-right .search-box input[type=search]{

		margin: 0;

		width: 94%;

		border-radius: 50px;

		background-color: #fff;

		border: 1px solid #ff5e00;

		padding: 8px 73px 8px 16px;

	}

	.header-right .search-box input[type=submit]{

		margin-bottom: 0;

		margin-top: 0;

		width: 25%;

		border-radius: 50px;

		padding: 8px 25px 8px 16px;

		position: relative;

		margin-left: -20%;

		text-transform: uppercase;

	}
	.search-box #ajaxsearchlite1 .probox .proinput input, .search-box div.asl_w .probox .proinput input{
		font-size: 14px;
	}

}

@media only screen and (min-width: 768px){

	.header-right .search-box{

		width: 66%;	

	}

	.header-right .search-box input[type=submit] {

        padding: 10px 25px 10px 16px;

    }

	.header-right .search-box input[type=search]{

		padding: 10px 73px 10px 16px;

	}

}

@media only screen and (max-width: 1024px){

	.left-col-ad, .right-col-ad{
		display: none !important;
	}
	
	.mob-nav-btn{

		width: 36px;

        height: 36px;

        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='10px' viewBox='0 0 10 10'%3E%3Cpath fill='%23fff' d='M9.502,1.824c0,0.207-0.172,0.379-0.379,0.379H0.776c-0.207,0-0.379-0.172-0.379-0.379V1.737 c0-0.207,0.172-0.379,0.379-0.379h8.346c0.207,0,0.379,0.172,0.379,0.379v0.087H9.502z M9.502,4.832 c0,0.207-0.172,0.379-0.379,0.379H0.776c-0.207,0-0.379-0.172-0.379-0.379V4.745c0-0.207,0.172-0.379,0.379-0.379h8.346 c0.207,0,0.379,0.172,0.379,0.379v0.087H9.502z M9.502,7.867c0,0.207-0.172,0.379-0.379,0.379H0.776 c-0.207,0-0.379-0.172-0.379-0.379V7.78c0-0.207,0.172-0.379,0.379-0.379h8.346c0.207,0,0.379,0.172,0.379,0.379v0.087H9.502z '%3E%3C/path%3E%3C/svg%3E") no-repeat;
        display: block;
        background-size: 100% auto;
		margin-left: 10px;
	}
	.menu-cont{
		position:fixed;
		width:100%;
		right:0;
		top:-100vh;
		z-index:1001;
		height:100vh;
		background:#fff;
		padding:44px 25px 10px;
		font-size:1.4rem;
		line-height:2rem;
		overflow-x:hidden;
		overflow-y:auto;
		-webkit-transition:all .5s;
		-khtml-transition:all .5s;
		-moz-transition:all .5s;
		-ms-transition:all .5s;
		-o-transition:all .5s;
		transition:all .5s;
	}

	.menu-cont ul{
		justify-content:flex-start;
		display: block;
		text-align: left;
	}
	.pixmenu-active .menu-cont{
		top:0;
	}

	.menu-overlay{
		background:rgba(0,0,0,.7);
		position:fixed;
		width:100%;
		height:100%;
		z-index:998;
		top:0;
		right:0;
		font-size:0;
		line-height:0;
		display: none;
	}

	.menu-close-btn{
		position: absolute;
        right: 18px;
        top: 12px;
        z-index: 1002;
        font-size: 1.2rem;
        line-height: 1.9rem;
        width: 22px;
        height: 22px;
        border: 2px solid #ff0000;
        color: #ff0000;
        border-radius: 50px;
        cursor: pointer;
        text-align: center;
        display: block;
        font-weight: 600;
	}
	.menu-cont>li{
		text-transform:capitalize;
		padding:2px 0;
		padding: 0;
		background: none;
	}
	.menu-cont>li>a{
		padding:8px 4px;
		border-bottom:1px dashed #333;
		display: block;
		color: #fff;
	}
	.menu-cont>li:last-child a{
		padding:8px 4px;

	}

	.menu-cont>li>ul li{
		margin:4px 0;
		font-size:1.5rem;
		line-height:2.1rem;
		text-transform:none;
	}

	.menu-cont>li>ul>li>a{
		color:#fff;
		padding-left:20px;
		border-color:#fff;
		font-size: 1.4rem;
		line-height: 1.8rem;	
	}

	.menu-cont>ul>li>ul>li{
		padding-bottom: 6px;
		margin-bottom: 6px;
		border-bottom: 1px solid #ccc;
		background-position: 0 4px;
		background-size: 8px auto;
	}
	.menu-cont>ul>li>ul>li:last-child{
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: none;
	}

	.menu-cont>ul>li>ul{
		color:#fff;
		font-size: 1.3rem;
		line-height: 1.7rem;
	}
	.menu-cont>ul>li>ul li a{
		color: #2f2f2f;
		display: block;
	}
	.menu-cont>ul>li{
		background-image: none;
		width: 100%;
		padding-bottom: 16px;
		padding-left: 0;
	}
	.menu-cont>ul>li>a{
		background-color: #e4e4e4;
    	color: #2f2f2f;
    	padding: 4px 12px;
		margin-bottom: 10px;
	}
	.pixmenu-open{
		background-color: #fff;
	}
}
@media only screen and (min-width: 1025px) {

	.main-header{

		padding: 0;

	}

	.menu-close-btn{

		display: none;

	}

    .logo-area {

        width: 120px;

    }

	.filter-menu{

		margin-right: 25px;

	}

	.header-left {

		width: 26%;

	}

	.header-right{

		width: 73%;

	}

	.header-right .search-box{

		width: 58%;

		position: relative;

		z-index: 4;

	}
	.filter-overlay{
		z-index: 996;
		position: absolute;
	}
	.header-right .search-box input[type=submit] {

     	width: 35%;  

    }

	.header-right .search-box input[type=search]{

		width: 83%;

		padding: 10px 63px 10px 16px;

	}

	/*menu cont start*/

	.menu-cont{

		margin-right: 20px;

	}
	.menu-cont>ul li {
		padding: 0;
		background: none;
	}
	.main-menu>ul>li {

		 position: relative; 

		border-right: 1px solid #ffffff;

	}

	.menu-cont>ul>li>a{

		display: block;

		color: #fff;

		padding: 28px 12px;

		font-weight: 600;

	}

	.menu-cont>ul>li.menu-item-has-children>a:after{

        display: inline-block;

        content: "";

        width: 2px;

        height: 2px;

        margin: 0 0 3px 9px;

        border: solid #fff;

        border-width: 0 2px 2px 0;

        padding: 2px;

        transform: rotate(45deg);

        -webkit-transform: rotate(45deg);

        position: relative;

        -webkit-transition: all .5s;

        -khtml-transition: all .5s;

        -moz-transition: all .5s;

        -ms-transition: all .5s;

        -o-transition: all .5s;

        transition: all .5s;

    }

	.menu-cont>ul>li>ul {

        position: absolute;

        left: 0;

        top: 100%;

        opacity: 0;

        visibility:hidden;

        z-index: 3;

        font-size: 1.4rem;

        line-height: 1.8rem;

		background-color:#252940;

		width: 250px;

		border-radius:0 0 5px 5px;

		-webkit-transition: all .5s;

        -khtml-transition: all .5s;

        -moz-transition: all .5s;

        -ms-transition: all .5s;

        -o-transition: all .5s;

        transition: all .5s;

    }

	.menu-cont>ul>li>ul>li{

		border-bottom: 1px dashed #333;

	}

	.menu-cont>ul>li>ul>li:last-child{

		border-bottom: 0;

	}

	.menu-cont>ul>li>ul>li>a{

		width: 100%;

		display: block;

        padding: 12px 30px;

		color: #fff;

		text-transform: capitalize;

	}

	.menu-cont>ul>li>ul>li:last-child a{

		margin-bottom: 0;

	}

	.menu-cont>ul>li:hover ul {

        visibility: visible;

        opacity: 1;

    }

	.menu-cont>ul>li>ul>li:hover a{

		background-color: #25c31f;

	}

	.menu-cont>ul>li:hover>a, .menu-cont>ul>li:active>a{

		color: #fff900;

	}

	.menu-cont>ul>li.menu-item-has-children:hover>a:after{

        border: solid #fff900;

        border-width: 0 2px 2px 0;

    }

	/*menu cont end*/

}

@media only screen and (min-width: 1300px){

	.header-right .search-box input[type=search]{

		padding: 12px 73px 12px 30px;

		width: 83%; 

	}

	.header-right .search-box input[type=submit]{

		padding: 12px 25px 12px 16px;

		width: 35%;

	}
	.search-box #ajaxsearchlite1 .probox .proinput input, .search-box div.asl_w .probox .proinput input{
		font-size: 15px;
	}

}

@media only screen and (min-width: 1600px){

	.header-right {

        width: 70%;

    }

	.header-right .search-box input[type=search]{

		width: 93%; 

	}

	.header-right .search-box input[type=submit]{

		width: 26%;

	}

}