
@font-face {font-family: "Basic Sans SF"; src: url("https://db.onlinewebfonts.com/t/f6c56dbbfd96e60ef24fd36f78a38da1.eot"); src: url("https://db.onlinewebfonts.com/t/f6c56dbbfd96e60ef24fd36f78a38da1.eot?#iefix") format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/f6c56dbbfd96e60ef24fd36f78a38da1.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/f6c56dbbfd96e60ef24fd36f78a38da1.woff") format("woff"), url("https://db.onlinewebfonts.com/t/f6c56dbbfd96e60ef24fd36f78a38da1.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/f6c56dbbfd96e60ef24fd36f78a38da1.svg#Basic Sans SF") format("svg"); }

@font-face {
	font-family: 'Basic Sans SF';
	src: url('../fonts/Basic Sans SF.eot');
	src: local("?"),
  	url("../fonts/Basic Sans SF.woff") format("woff"),
  	url("../fonts/Basic Sans SF.ttf") format("truetype");
	font-weight: 400;
}

    @font-face {
    font-family: 'Black Sans Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Black Sans Regular'), url('../fonts/blacksansregularwebfontd6761cbf250866e8870d97f03fa629a8.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Black Sans Condensed Book';
    font-style: normal;
    font-weight: normal;
    src: local('Black Sans Condensed Book'), url('../fonts/blacksanscondensedbookwebfont.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Black Sans Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Black Sans Thin'), url('../fonts/blacksansthinwebfont.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Black Sans Ultra Light';
    font-style: normal;
    font-weight: normal;
    src: local('Black Sans Ultra Light'), url('../fonts/blacksansultralightwebfont.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Black Sans Light';
    font-style: normal;
    font-weight: normal;
    src: local('Black Sans Light'), url('../fonts/blacksanslightwebfont.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Black Sans Condensed Light';
    font-style: normal;
    font-weight: normal;
    src: local('Black Sans Condensed Light'), url('../fonts/blacksanscondensedlightwebfont.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Black Sans Condensed Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Black Sans Condensed Medium'), url('../fonts/blacksanscondensedmediumwebfont.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Black Sans SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Black Sans SemiBold'), url('../fonts/blacksanssemiboldwebfont647663a8d54cb4e2551213de87a56073.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Black Sans Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Black Sans Bold'), url('../fonts/blacksansboldwebfont949ef363c646d9c2456af9d67a94778f.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Black Sans Condensed Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Black Sans Condensed Bold'), url('../fonts/blacksanscondensedboldwebfont.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Black Sans Black';
    font-style: normal;
    font-weight: normal;
    src: local('Black Sans Black'), url('../fonts/blacksansblackwebfont.woff') format('woff');
    }
    
    select {
        -webkit-appearance: none! important;
        border-radius: 0;
        border:1px solid #000;
        padding: 0px 5px;
        color:#000;
        background-color:#fff;
    }
    
.black{
	color:#000! important;
}

.title_align{
	top:40%;
}

.col_two_third, .col_one_third, .col_half{
	float:left;
}

.col_two_third{
	width:66.6666%;
}
.col_one_third{
	width:31.66667%;
}

.widget ul li i.icon-line-minus{
	font-size: 12px;
    color: #000;
    font-weight: 600;
}

.themecolor{
	color:#3aaa35;
}

.ithemecolor{
	color:#3aaa35! important;
}

.white{
	color:#fff;
}

.iwhite{
	color:#fff! important;
}

.tnc-parallax .tnc-image {
    height: 300px;
    background-attachment: fixed;
    position: relative;
	overflow: hidden;
}

.tnc-parallax .tnc-image2 {
    height: 400px;
    background-attachment: fixed;
    position: relative;
	overflow: hidden;
}

.tnc-parallax .tnc-image3 {
    background-attachment: fixed;
    position: relative;
	overflow: hidden;
}

.greenbg, .enquirybg{
	background-position: center! important;
    background-size: cover;
    background-repeat: no-repeat;
}

.top8pc{
	top:8%;
	position: relative;
}

.top10pc{
	top:10%;
	position: relative;
}

.top25pc{
	top:25%;
	position: relative;
}

.width40{
	width: 40%;
}

.width45{
	width: 45%;
}

.width50{
	width: 50%;
}

.themebtn{
	padding:10px 30px;
	background-color:#3aaa35;
	color:#fff;
	border: 1px solid #3aaa35! important;
	transition: background-color .5s ease-out 100ms
}

.themebtn.ml-0{
    margin-left:0px! important;
}

.themebtn:hover{
	background-color: transparent;
    color: #3aaa35;
    border: 1px solid #3aaa35;
}

.themebtn2{
	padding:10px 30px;
	border:1px solid #fff;
	color:#fff;
	transition: background-color .5s ease-out 100ms
}

.themebtn2:hover{
	background-color:#fff;
	color:#3aaa35;
}

.mt-10{
	margin-top:10px;
}

.imt-10{
	margin-top:10px! important;
}

.mt-15{
	margin-top:15px;
}

.mt-50{
	margin-top:50px;
}

.mb-15{
	margin-bottom:15px;
}

.mb-50{
	margin-bottom:50px;
}

.imb-50{
	margin-bottom:50px! important;
}

.mb-80{
	margin-bottom:80px;
}

.pt-30{
	padding-top: 30px;
}

.pb-20{
	padding-bottom: 20px;
}

.pb-30{
	padding-bottom: 30px;
}

.ipb-20{
	padding-bottom: 20px! important;
}

.owl-carousel.owl-loaded {
    display: block;
}

.oc-item-img{
	max-width: 200px;
}

.themebg{
	background-color:#3aaa35;
}

.whitebg{
	background-color:#fff;
}

.greybg{
	background-color:#d9d9d9;
}



.bdr-000{
	border:2px solid #000;
}

.bdr-fff{
	border:2px solid #fff;
}


.col_half{
	 width: 48%;
	float: left;
	margin-right: 4%;
}

.col_last{
	margin-right: 0px! important
}

.pd-10{
	padding:10px;
}

.pd-30{
	padding:30px;
}

.pl-50{
	padding-left: 50px;
}

.pt-15{
	padding-top: 15px;
}

.pt-50{
	padding-top: 50px;
}

.pd-50-8pc{
	padding: 50px 8%;
}

.pl-20{
	padding-left: 20px;
}

.fbox-img{
	width: 65px;
}

.fbox-img img{
	text-align: center;
}

.owl-carousel .owl-nav .owl-prev{
	left: 0px;
}

.owl-carousel .owl-nav .owl-next{
	right: 0px;
}


.owl-carousel:hover .owl-nav .owl-prev{
	left: 0px;
}

.owl-carousel:hover .owl-nav .owl-next{
	right: 0px;
}

.whitelink{
	color:#fff;
}

.whitelink:hover{
	color:#3aaa35;
}

#oc-images .owl-item.active{
	transition: all .5s ease-in-out; 
}

#oc-images .owl-item.active:hover{
	transform: scale(1.2);
}

.clear-auto{
	content: "";
    clear: both;
    display: table;
    margin: 30px auto 0;
}

.content-wrap2{
	position: relative;
    padding: 60px 0 30px;
    overflow: hidden;
}

.mtx{
	margin-top: 0px;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #fff;
    content: "/";
}

.fbox-content.h230{
	min-height:230px;
}



.media-box .fbox-media{
	margin-bottom: 0px;
}

.extrabold{
	font-family: 'Black Sans Black'! important;
}

.textLeft{
	text-align: left;
}

.textRight{
	text-align: right;
}

.floatRight{
	float:right;
}


/* why choose bizol*/
.feature-box.h350{
	height:350px;
}
.fbox-content.overlay{
	min-height: 300px;
	position: relative;
}

.fbox-content .top{
	display: flex;
	padding:10px 0px;
	height: 80px;
}
.numleft{
	float:left;
	width: 20%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.numleft h2{
	line-height: 30px;
}

.titleright{
	float: left;
	width: 80%;
	display: flex;
	align-items: flex-start;
	text-align: left;
	padding-left: 10px;
}
.fbox-content .numleft h2{
	margin-bottom:0px;
}

.fbox-content .titleright h3{
	min-height: auto;
	color:#000;
	font-family: 'Black Sans Black';
    -webkit-transition: color .5s linear;
    -ms-transition: color .5s linear;
    transition: color .5s linear;
}

.fbox-content.h300, .fbox-content.h250{
	height:150px;
	position: absolute;
	bottom: 0px;
	background-color: #fff;
	overflow: hidden;
}

.fbox-content .bottom {
	opacity: 0;
}

.fbox-content .bottom p{
	margin-bottom:10px;
	overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 7; /* number of lines to show */
           line-clamp: 7; 
   -webkit-box-orient: vertical;
}

.absoluteRight-btn{
	opacity: 0;
	position: absolute;
    right: 20px;
    bottom: 20px;
    /*transition:opacity 2s;*/
}

.absoluteRight-btn2{
	opacity: 2;
	position: absolute;
    right: 20px;
    bottom: 20px;
    transition:opacity 2s;
}

/*hover*/

.feature-box.h350:hover .fbox-content.h300{
	height: 300px;
	background-color: #fff;
	border-top: 5px solid #3aaa35;
}

.feature-box.h350:hover .fbox-content.h250{
	height: 250px;
	background-color: #fff;
	border-top: 5px solid #3aaa35;
}

.feature-box.h350:hover .fbox-content .bottom{
	opacity: 1;
}

.feature-box.h350:hover .fbox-content .overlay .top{
	border-bottom: 2px solid #bfbfbf;
}

.feature-box.h350:hover .fbox-content .overlay .bottom .absoluteRight-btn{
	opacity: 1;
}

.feature-box.h350:hover .fbox-content.h300 .titleright h3{
	color:#3aaa35;
}

/* end why choose bizol*/

.mbx{
	margin-bottom:0px;
}

.pos-re{
	position: relative;
}

.attachmentbtn{
	background-color: #f2f2f2;
    color: #000;
    border: 1px solid #cccccc;
    font-size: 12px;
    padding: 0.5rem 1rem;
    margin-right:5px;
    float:left;
    margin-bottom:5px;
}

#enquiryForm .col-md-6, #enquiryForm .col-12{
	margin-bottom: 30px;
}

#style2.feature-box.h325 {
    height: 325px;
}


#style2 .fbox-media{
	height: 200px;
}
#style2 .fbox-content{
	padding: 10px;
	width: 100%;
}

#style2 .fbox-content.h300{
	height: 125px;
}


ul#tabnav li a.active, ul#tabnav li a:hover{
	color:#3aaa35;
}

a.back_button {
    display: inline-block;
    background: #3aaa35;
    color: #fff;
    padding: 10px 30px;
    margin-bottom: 50px;
}

a.back_button:hover{
	background: #188313;
}

.font-15{
	font-size: 15px;
}

.pd-20-0{
	padding:20px 0;
}

.pd-10-15{
	padding:10px 15px;
}

#oc-images1.owl-carousel{
	overflow: hidden;
    align-items: center;
}

#oc-images1 .owl-stage-outer{
	margin-top: 20px;
	overflow: visible;
}

#oc-images1 .owl-item{
	transition: transform 330ms ease-in-out;
}


#oc-images1 .owl-item.active:hover{

	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    z-index: 99;
}

.fbox-img{
	max-height:60px;
	display: flex;
}

.fbox-img img{
	display: flex;
	align-items: center;
	width: auto;
	height: 100%;
}

#fbox1 .h-75px{
	height: 75px;
}

#fbox2 .fbox-img, #fbox1 .fbox-img{
	margin-bottom: 15px;
}

.align-center{
	align-items: center;
    display: flex;
}

#fbox3.feature-box .fbox-content{
	padding: 1.5rem 2rem;
}

#fbox3.feature-box .fbox-content h3{
	min-height: 60px;
}

#seop .form-control{
	color: #000000;
	border: 1px solid #000000;
}

#seop label{
	font-size: 15px;
	margin-bottom: 0px;
}

#thisProdPrice{
	font-style: 35px;
}

.cart td:first-child{
	padding-left:0px! important;
}

.top-cart-item-desc, .top-cart-item-desc-title{
    display:flex;
    height:48px;
    align-items:center;
}

.top-cart-item-desc, .top-cart-item-desc-title a{
    max-width:85%;
}

.top-cart-item-quantity{
    margin-left:5px;
}

.top-cart-items{
    max-height: 250px;
    overflow-x: auto;
}

#oc-product .product-image{
    max-height: 268px;
}

#acd.toggle .toggle-header{
	border-top: 1px solid #d7d7d7;
}

#acd.toggle:last-child{
	border-bottom: 1px solid #d7d7d7;
}

#acd.toggle .toggle-icon .toggle-closed, #acd.toggle .toggle-icon .toggle-open{
	font-weight: 900;
    color: #3aaa35;
    font-size: 20px;
}

#acd.toggle ol li{
	margin-bottom: 15px;
}

.floatl{
	float: left;
}

.submitBtn.atc{
	background-color: #3aaa35;
    color: #fff;
    border: none;
    border-radius: 0;
    padding: 12px 25px;
}

.submitBtn.atc:hover{
	background-color: #23951d;
}

.submitBtn.atb{
	background-color: #f2f2f2;
    border-radius: 0px;
    padding: 12px 25px;
    border: 1px solid #cccccc;
}

.submitBtn.atb:hover{
	color:#3aaa35;
	background-color: #fff;
	border: 1px solid #3aaa35;
}

#category.postcontent{
	width:840px;
}

#footer a, .contactlink{
	color:#000;
}

#footer a:hover, .contactlink:hover{
	color:#3aaa35;
}

#whatsapp {
    position: fixed;
    bottom: 80px;
    right: 20px;
    z-index: 1049;
    cursor: pointer;
    opacity: 1;
    transition: opacity, bottom 0.2s ease;
    -moz-transition: opacity, bottom 0.2s ease;
    -webkit-transition: opacity, bottom 0.2s ease;
    transition: 1s;
}

#cartheader .breadcrumb-item + .breadcrumb-item::before{
	color: #000;
}

.col_one_fourth {
    width: 22%;
}

.col_two_fifth {
    width: 37.6%;
}

.col_three_fifth {
    width: 58.4%;
}

.col_three_fourth {
    width: 74%;
}

.col_two_fifth, .col_three_fifth, .col_three_fourth, .col_one_fourth{
	display: block;
    position: relative;
    margin-right: 4%;
    margin-bottom: 50px;
    float: left;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}

.well-lg {
    padding: 24px;
    border-radius: 6px;
}

.nobottommargin {
    margin-bottom: 0 !important;
}

form .col_full{
	margin-bottom: 25px;
}

.product .editor h4, .product .editor h3,  .product .editor h5,  .product .editor h6{
	margin-bottom: 15px;
}
.pr-30{
	padding-right: 30px;
}

@media (min-width: 1240px){
    
    .tnc-parallax .tnc-image3 {
        height: 800px;
    }
    
    #oc-images1.owl-carousel{
        height: 560px;
    }
    
    #oc-images1.owl-carousel .oc-item.ow-item-height{
        height: 520px; 
    }
   
}

@media (max-width: 1239px){
    
    .tnc-parallax .tnc-image3 {
        height: 700px;
    }
    
    #oc-images1.owl-carousel{
        height: 440px;
    }
     #oc-images1.owl-carousel .oc-item.ow-item-height{
        height: 400px; 
    }
}

@media (min-width: 768px){
    
    .desk-mt-50{
        margin-top:50px;
    }
    
    .desk-pr-30{
        padding-right:30px;
    }
    

	.desk-pl-50{
		padding-left: 50px;
	}

	.desk-br-2{
		border-right: 2px solid #d7d7d7;
	}

	.pl-30{
		padding-left: 30px;
	}

	.pl-50{
		padding-left: 50px;
	}

	.mb-mb-0{
		margin-bottom: 0px! important;
	}

	#desk-show{
		display: block;
	}

	#desk-hide{
		display: none;
	}
}

@media (max-width: 1240px){
    
    .top-search-form{
        position: relative;
        width: 100%!important;
        display:none;
    }
    
    .top-search-form input{
        padding-top:0px;
        padding-bottom:0px;
    }
    
	#top-social li .ts-icon{
	    z-index:11;
	}

	#category.postcontent{
		width: 70%
	}
	#oc-product .product-image > a{
        max-height: 215px;
    }
}
  

@media (max-width: 991px) and (min-width: 480px){

	#shop:not(.product-1) .product:nth-child(3n+1){
		clear:left;
	}

}

@media (max-width: 991px){
    
    
   #top-search a, #top-cart, #side-panel-trigger{
        margin: 0px! important;
        position: relative;
        right: auto;
        justify-content: center;
        width: 100%;
    }

	.tablet-mt-25{
		margin-top: 25px;
	}

	#footer .col_one_third{
		width:100%;
		margin-bottom: 0px! important;
	}

	#category.postcontent {
	    width: 100%;
	}

	.sidebar {
	    width: 100%;
	    border-bottom: 0px solid #fff;

	}

	.sidebar-widgets-wrap{
		margin: 0 -20px -40px -20px;
	}

	.header-row{
		justify-content: center! important
	}

	.tnc-parallax .tnc-image{
		height: auto;
	}

	.tablet-60-0{
		padding:60px 0;
	}

	.width45{
		width: 100%;
	}

	.col_one_fourth {
	    width: 46%;
	    margin: 0 2% 25px;
	    min-height: 100px;
	    float: left! important;
	}
	.feature-box {
	    width: 100%;
	    text-align: center;
	}
	.feature-box.fbox-plain.fbox-small .fbox-icon {
	    position: relative;
	    width: 100%;
	    text-align: center;
	    margin-bottom: 10px;
	}
	.feature-box.fbox-plain.fbox-small{
		padding-left:0px;
	}
	.feature-box.fbox-plain.fbox-small h3{
		margin-bottom: 0px;
	}

	#shop:not(.product-1) .product {
	    width: 31%! important;
	    margin: 0 1% 30px! important;
	}
	
}

@media (max-width: 767px){
    
    .mb-mb-20{
        margin-bottom:20px;
    }
    
     #oc-product .product-image{
        max-height: 255px;
    }
    
    #oc-product .product-image > a{
        max-height: 215px;
    }
    
    .attachmentbtn{
        width:45%;
        text-align:center;
    }
    
    .mb-imb-30{
        margin-bottom:30px! important;
    }
    
    .col_two_fifth, .col_three_fifth{
        width:100%;
    }
    
    .col_three_fifth .loginDiv{
        width:100%;
    }
    
    #top-social{
        display:flex! important;
    }
    
    #page-title .image_bg {
        background-position:center left! important;
    }
    
    .mb-pb-0{
        padding-bottom:0px! important;
    }
    
    #bzab.mb-80, #bzab .mb-80{
        margin-bottom:50px;
    }
    
    #fbox2{
        margin-left:15px;
    }
    
    #fbox2 .fbox-content{
        text-align:left;
    }
    
    .content-wrap2{
        padding-top:30px;
        padding-bottom:30px;
    }
    
    #page-title h1{
        line-height:1.2;
    }
    
    .product .addthis_toolbox {
        margin-top:30px;
    }
    
    .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs{
        height:100px;
    }
    
    #copyrights .col_half{
        width:100%;
        margin-bottom:5px! important;
    }
    
    #copyrights .col_half .fright {
        float:none;
    }

	.single-product .product  .col_half{
		width: 100%;
	}

	.product2{
		width: 46%;
		margin: 0 2% 20px 2%;
	}

	.product-title{
		height: 50px;
	}

	#desk-show{
		display: none;
	}

	#desk-hide{
		display: block;
	}

	#shop:not(.product-1) .product {
	    width: 48%! important;
	}

	.product-price h3{
		font-size: 15px;
    	line-height: 18px;
	}

	.mb-pd-60-0{
		padding:60px 0;
	}

	.mb-full-width {
    	width: auto! important;
	}

	.product-overlay{
		display: none;
	}
	.product-price, .product-desc, #shop:not(.product-1) .product .product-title h3, .product-price del, .product-price ins, #shop.product-3 .product2 .product-desc h3 a {
		font-size: 12px;
		line-height: 18px;
	}
	.feature-box.fbox-plain.fbox-small p{
		width: 100%;
		margin-left: 0;
	}
	
	#fbox1.feature-box{
	    margin-left:0px;
	    margin-right:0px;
	}

}



@media (max-width: 479px){
    
    #oc-product .product-image{
        max-height: 200px;
    }
    
    #oc-product .product-image > a{
        max-height: 170px;
    }

	#top-search form{
		height: 50px! important;
	}

	#logo {
	    height: 50px! important;
	    margin: 0px!important;
	}
	#primary-menu-trigger{
		top:0;
	}
	#logo img {
	    padding: 5px 0;
	    height: 50px! important;
	}
	#top-search a, #top-cart, #side-panel-trigger, #top-user a {
	    margin: 15px 0;
	}
	#top-search a {
	    right: 55px;
	}
	#top-cart {
	    display: block;
	    right: 0px;
	}
	#shop:not(.product-1) .product {
	    width: 48%! important;
	    margin: 0 1% 30px! important;
	}

	#shop:not(.product-1) .product:nth-child(2n+1){
		clear:left;
	}

}