/*   

Theme Name: Westspackaging Theme

*/
.main_content .left-columm-lsgb-bags img
{
    height: auto;
}
@font-face {
  font-family: 'HelveticaNeueLTStd-BdCnO';
  src: url('fonts/HelveticaNeueLTStd-BdCnO.eot?#iefix') format('embedded-opentype'),  url('fonts/HelveticaNeueLTStd-BdCnO.otf')  format('opentype'),
	     url('fonts/HelveticaNeueLTStd-BdCnO.woff') format('woff'), url('fonts/HelveticaNeueLTStd-BdCnO.ttf')  format('truetype'), url('fonts/HelveticaNeueLTStd-BdCnO.svg#HelveticaNeueLTStd-BdCnO') format('svg');
  font-weight: normal;
  font-style: normal;
}
.footer_content   .list-inline  img{
position:absolute;
  right:0px;


}


.product_menu ul li.red a {background-color:#d2232a;}

.footer_content   .list-inline  .footer-imaages-box-line {
    height:20px;
    background: #28317e none repeat scroll 0 0;
    color: #fff;
    position: absolute;
    z-index: 9;
    top:135px;
    bottom: 0px;
    font-size: 9px;
    text-align: center;
    width: 100%;
}

.woocommerce-checkout .crunchify-top {display:none!important;}

.woocommerce-thankyou-order-received {font-size:1.6em;font-weight:bold;color:#6c9e1e;}
.stripe-amex-icon {display:none!important;}

.banner_top img{
    width: 100%;
}
.page-template-packagingProducts .product_menu .container-fluid{
    padding: 0 15px;
}
.page-template-packagingProducts .product_menu{
    margin: 0;
}
.f-center,.f-center a{
  color: #9a9ada;
  font-weight: bold;
  font-size: 13px;
}
.stock_block{
	    font-weight: bold;
    color: #28317e;
    border-bottom: 3px #28317e solid;
    padding:0 10px 0 0;
    margin: 0 25px 0px 0;
}
.footer_packaging ul li span{
        color: #fff;
    position: absolute;
    left: 0;
    z-index: 9;
    bottom: 35px;
    font-size: 10px;
    text-align: center;
    width: 100%;
}
.footer_packaging ul li{
        position: relative;
    /* margin-left: 50px; */
    width: 13%;
    margin-left: 9px;
    text-align: center;
}
.main_content .footer_packaging img
{
    width: auto;
    height: auto;
}
.footer_bg {
    background: #28317e;
    height: 275px;
}
.footer_packaging {
    margin-bottom: 53px;
}
.footer_content {
    position: absolute;
    top: 49px;
    width: 100%;
}
.footer_bg,.footer_packaging{
    width: 100%;
    float: left;

  
    position: relative;
}
.main_content .content_packiging ul.list li{
    margin: 20px 0;
}
.main_content .content_packiging ul.list img{
        max-width: 30px;
    margin-left: 15px;
}
.main_content .content_packiging .banner_top img{
width: 100%;
}
.main_content .content_packiging img{
    width: auto;
    height: auto;
}
.content_packiging h4{
     font-family: 'Bauhaus93';
    color: #28317e;

    font-size: 30px;
}
.content_packiging p {   
    color: #28317e;
        font-size: 16px;
}
.content_packiging ul li{
    font-family: 'HelveticaNeueLTStd-BdCnO';
    color: #28317e;
        font-size: 12px;
}
.product_menu.packging ul li a
{
    padding: 10px;
}
.img-middle .right > p.last
{
  text-transform: uppercase;
}
.img-middle .right p{
    font-size: 32px;
    color: #29317d;
    font-weight: bold;
    text-transform:capitalize ;
}
.img-middle{
    margin-top: 40px;
}
.img-middle .right img {
   max-width: 195px;
}
.img-middle .left img {
   width:auto;
    margin-top: 15px;
}
@font-face {
  font-family: 'Bauhaus93';
  src: url('fonts/Bauhaus93.eot?#iefix') format('embedded-opentype'),  url('fonts/Bauhaus93.woff') format('woff'), url('fonts/Bauhaus93.ttf')  format('truetype'), url('fonts/Bauhaus93.svg#Bauhaus93') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face{

    font-family: "RobotoBold";

    src: url("fonts/RobotoCondensed-Bold.eot");

    src: url("fonts/RobotoCondensed-Bold.ttf") format("truetype"), url("fonts/RobotoCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/RobotoCondensed-Bold.woff") format("woff"), url("fonts/RobotoCondensed-Bold.svg");

}

@font-face{

    font-family: "Roboto";

    src: url("fonts/RobotoCondensed-Regular.eot");

    src: url("fonts/RobotoCondensed-Regular.ttf") format("truetype"), url("fonts/RobotoCondensed-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/RobotoCondensed-Regular.woff") format("woff"), url("fonts/RobotoCondensed-Regular.svg");

}

.alignleft{float: left;}

.alignright{float: right;}

.aligncenter{

    display: block;

    margin-left: auto;

    margin-right: auto;

}

body{margin: 0; padding: 0;}

ul{margin: 0; padding: 0;}

a{outline: none !important;}

.close_menu, .open_menu{display: none;}

header nav.navbar{display: none;}

.menu_left_mobile .close_menu, .menu_left_mobile .open_menu{

    font-size: 14px;

    color: #fff;

    background: rgba(0,0,0,0.5);

    padding: 10px;

    border-radius: 25px;

    -moz-border-radius: 25px;

    -webkit-border-radius: 25px;

    text-decoration: none;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.clear{ clear: both;}

ul li{list-style: none;}

.menu_left{background: #28317e;padding: 0;position: fixed;top:0;left:0;z-index: 1;width: 200px;}

.fix_top_bg{position: fixed; max-height: 70px; height: 100%; background: #000; opacity: 0; z-index: 99999; width: 100%;}

.fix_top{position: fixed; top: 70px; z-index: 999999; width: 100%;}

.fix_top img.fix_img{height: 70px;}

.fix_top img{width: 100%; max-height: 100%; padding-left: 128px;}

.fix_top .text_logo{

    position: absolute;

    left: 195px;

    top: 20px;

}

.fix_top p.service{    

    color: #fff;

}

.fix_top p.service span{font-family: 'Roboto';}

.fix_top p{    

    color: #28317e;

    font-family: 'RobotoBold';

    font-size: 16px;

    margin: 0;

}

.fix_top .flash{

    position: absolute;

    top: 4px;

    right: 240px;    

}

.fix_top .flash .text_flash{

    position: relative;

}

.fix_top .flash .text_flash p{

    position: absolute;

    top: 0;

    right: 0;

}

.fix_top .flash .p1{opacity: 1;}

.fix_top .flash p{

    font-size: 34px;

    color: white;

    text-align: right;

    opacity: 0;

}

.fix_top .store{

    position: absolute;

    right: 170px;

    top: 12px; 

    width: 40px;

}

.fix_top .store img{padding: 0;}

.fix_top .text_unit{

    position: absolute;

    right: 80px;

    top: 8px; 

}

.fix_top .text_unit ul{padding: 0; margin: 0;}

.fix_top .text_unit ul li:first-child{

    border-bottom: 1px solid #28317e;

}

.fix_top .text_unit ul li strong{

    font-family: 'RobotoBold';

    color: #28317e;

}

.fix_top .text_unit ul li span{

    font-family: 'RobotoBold';

    color: #fff;

}



.banner{margin-left: 200px; min-height: 100px;}

.main_content{padding: 0; }

.main_content img{width: 100%;max-height: 571px;height: 100%;max-width: 100%;}

.main_content .text_content img {width:inherit;max-height: 571px;height: auto;max-width: 100%;}

.bg_logo{

    position: absolute;

    top: 36px;

    left: 55px;

    width: 30px;

    height: 26px;

    background: #28317e;

    z-index: -1;

}

.scroll_sidebar{

    height: 450px;

    overflow-y: auto;

    margin-top: 200px;

    position: relative;

    cursor: auto !important;

}

.main_menu{   

    margin-bottom: 40px;

}

.image1{padding: 0 30px; margin-top: 150px;}

.image1 h2, .contact_us h2{

    font-family: 'RobotoBold';

    font-size: 24px;

    color: #f58220;

    border-top: 1px solid #f58220; 

    padding-top: 5px;

}

.image1 p, .contact_us .address ul li, .contact_us .phone p{

    color: #fff;

    font-family: 'Roboto';

}

.image1 p.text_image{margin-top: 10px;}

.logo{

    position: absolute;

    top: -42px;

    width: 380px;

    text-align: center;

}

.contact_us .address h3, .contact_us .phone h3{

    font-size: 16px;

    color: #f58220;

    font-family: 'RobotoBold';

    margin-bottom: 5px;

    margin-top: 10px;

}

.contact_us{padding: 0 30px;}

.contact_us ul{padding: 0;}



.logo img{

    width: 380px; 

    padding-left: 30px;

}

.nav_menu{

    padding: 0 30px;

    position: relative;

    z-index: 10;

}

.content_main{margin-left: 200px; overflow: hidden;}

.product_content{

    clear: both;

    padding-top: 20px;

}

.title_content{

    font-size: 32px;

    font-family: 'RobotoBold';

    color: #28317e;

    padding: 20px;

    margin: 0;

}

/*****About us****/

.about_us{padding: 30px 0;}

.about_us h1{

    font-size: 32px;

    font-family: 'RobotoBold';

    color: #28317e;

    padding: 0 20px;

    margin: 0;

}

.content_main .about_content{

    padding: 0 20px;

}

.content_main .about_content h2{

    font-size: 24px;

    font-family: 'RobotoBold';

    color: #8387b0;

    margin-bottom: 5px;

}

.content_main .about_content h2 span{

    color: #f6b88f;

}

.content_main .about_content p.content_p{

    font-family: 'Roboto';

    background: #8387b0;

    padding: 10px;

    color: #ffffff;

    min-height: 110px;

}

.menu_mobile{

    font-family: 'RobotoBold';

    font-size: 18px;

    display: none;

    text-align: center;

    margin: 0;

    padding: 10px;

    color: #fff;

}



/******end about us******/



/*****Contact us****/

.contact-us{padding: 30px 20px;}

.contact-us h1{

    font-size: 32px;

    font-family: 'RobotoBold';

    color: #28317e;

    margin: 0;

}

.contact-us .col_left .table tr th{

    border-bottom: 2px solid #8387b0;

    font-size: 24px;

    font-family: 'RobotoBold';

    color: #8387b0;

    padding-bottom: 0;

    margin-bottom: 0;

}

.contact-us .col_left .table tr td{

    background: #8387b0;

    border-bottom: 2px solid #fff;

    font-size: 12px;



    color: #fff;

    padding-bottom: 10px;

    padding-top: 10px;

}

.contact-us .col_left .table tr td a[href^="mailto:"]

{

	font-family: 'Roboto';

	color:#fff;

}

.col_left .table-responsive{border: none;}

.col_right{padding-left: 5px;}

.contact_address{border-right: 1px solid #28317e;}

.contact_address h3, .contact_phone h3{

    font-family: 'RobotoBold';

    color: #28317e;

    font-size: 15px;

    margin-top: 0;

    margin-bottom: 5px;

}

.contact_address ul{margin: 0; padding:0;}

.contact_address ul li, .contact_phone p{

    font-family: 'Roboto';

    font-size: 15px;

    color: #28317e;

    margin-bottom: 0;

}

.contact_phone p a{

    color: #28317e;

    text-decoration: none;

}

.contact_phone{padding-left: 30px;}

.contact_row{margin-top: 40px;}

.col_right .map{margin-top: 15px;}

.col_right .acf-map {

	width: 100%;

	height: 324px;

	border: #ccc solid 1px

}

.col_right .right_footer{

	//margin-top: 20px;

	min-height: 62px;

}

.col_right .right_footer p{

    color: #28317e;

    font-family: 'RobotoBold';

    margin: 0;

    font-size: 15px;

}

.col_right .right_footer .phone{

    font-size: 24px;

    color: #28317e;

    font-family: 'RobotoBold';

    margin: 0;

    text-decoration: none !important;

}



/******end contact us******/



/***********Environmental*************/



.environmental-banner{position: relative;}

.environmental-banner h1{

    font-family: 'RobotoBold';

    font-size: 32px;

    color: #5b7618;

    left: 15px;

    position: absolute;

    bottom: 20px;

    margin: 0;

    max-width: 395px;

}

.environmental-banner img{

    max-width: 100%;

    max-height: 100%;

}

.environmental-content{color: #5b7618; font-family: 'Roboto'; margin-top: 20px; margin-bottom: 10px;}

.environmental-content p{margin-bottom: 20px;}

.environmental-content .left_content img{

    max-width: 100px;

    width: 100%;

    max-height: 100px;

    height: 100%;

    float: right;

    margin-bottom: 15px;

    margin-top: -20px;

}

.environmental-content .right_content img{

    max-width: 100px;

    width: 100%;

    max-height: 300px;

    float: right;

    height: 100%;

}

.environmental-content .right_content hr{

    border: 2px solid #5b7618;

}

.environmental-content .right_content ul.text{

    background: #5b7618;

    color: #fff;

    padding: 5px 10px;

    border-radius: 10px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    font-family: 'RobotoBold';

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}



.environmental-task{padding: 20px 15px;; padding-bottom: 0;}

.environmental-task .nav-tabs li{

    background: #93ab3d;

}

.environmental-task .nav-tabs li:last-child{

    border-radius: 0 20px 0 0;

    -webkit-border-radius: 0 20px 0 0;

    -moz-border-radius: 0 20px 0 0;

}

.environmental-task .nav-tabs li a{

    background: #93ab3d;

    color: #fff !important;    

    border-radius: 0 10px 0 0;

    -webkit-border-radius: 0 10px 0 0;

    -moz-border-radius: 0 10px 0 0;

    padding: 15px 20px;

    margin: 0;

    border: none !important;

    border-right: 1px solid #fff !important;

    font-family: 'RobotoBold';

    font-size: 18px;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.environmental-task .nav-tabs li:first-child a:hover, .environmental-task .nav-tabs li:first-child a{

    border-radius: 10px 10px 0 0;

    -webkit-border-radius: 10px 10px 0 0;

    -moz-border-radius: 10px 10px 0 0;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

    

}

.environmental-task .nav-tabs {

    display: block;

    padding: 0 10px;

    border-radius: 10px 10px 0 0;

    -webkit-border-radius: 10px 10px 0 0;

    -moz-border-radius: 10px 10px 0 0;

    border-bottom: 4px solid #5b7618;

    overflow: hidden;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.environmental-task .nav-tabs li:last-child a{border: none;}

.environmental-task .nav-tabs li:first-child{

    border-radius: 20px 0 0 0;

    -webkit-border-radius: 20px 0 0 0;

    -moz-border-radius: 20px 0 0 0;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.environmental-task .nav-tabs li.active:first-child a{

    border-radius: 10px 10px 0 0;

    -webkit-border-radius: 10px 10px 0 0;

    -moz-border-radius: 10px 10px 0 0;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

    border-left: 0 !important;

}

.environmental-task .nav-tabs li:first-child.left_border a{

    border-radius: 10px 10px 0 0;

    -webkit-border-radius: 10px 10px 0 0;

    -moz-border-radius: 10px 10px 0 0;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.environmental-task .nav-tabs li a:hover{

    text-decoration: none;

    background: #5b7618; 

    border-radius: 0 10px 0 0;

    -webkit-border-radius: 0 10px 0 0;

    -moz-border-radius: 0 10px 0 0;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.environmental-task .nav-tabs li.active a{

    text-decoration: none;

    background: #5b7618; 

    border-radius: 10px 10px 0 0;

    -webkit-border-radius: 10px 10px 0 0;

    -moz-border-radius: 10px 10px 0 0;

    border-left: 1px solid #fff !important;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.environmental-task .nav-tabs li.prev_active a{

    border-right: none !important;    

}

.environmental-task .nav-tabs li.prev_active{background: #93ab3d !important;}

.environmental-task .environmental-task-menu .panel-collapse{

    background: #5b7618; 

    color: #fff;

    border-radius: 0 0 4px 4px;

    -webkit-border-radius: 0 0 4px 4px;

    -moz-border-radius: 0 0 4px 4px;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.environmental-task .nav-tabs li.left_active{

    border-radius: 20px 0 0 0;

    -webkit-border-radius: 20px 0 0 0;

    -moz-border-radius: 20px 0 0 0;

    background: #5b7618 !important;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.environmental-task .nav-tabs li.left_active a{

    border-right: 1px solid #fff !important;

     border-radius: 0 10px 0 0;

    -webkit-border-radius: 0 10px 0 0;

    -moz-border-radius: 0 10px 0 0;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.environmental-task .nav-tabs li.active_right a{

    border-left: none !important;    

    border-radius: 0 10px 0 0;

    -webkit-border-radius: 0 10px 0 0;

    -moz-border-radius: 0 10px 0 0;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.environmental-task .nav-tabs li.active_left a{

    border-left: none !important;    

    border-radius: 0 10px 0 0;

    -webkit-border-radius: 0 10px 0 0;

    -moz-border-radius: 0 10px 0 0;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.environmental-task .nav-tabs li.left_border{

    background: #5b7618 !important;

}

.environmental-task .nav-tabs li.left_border a{

    border-right: 1px solid #fff !important;

    border-radius: 0 10px 0 0;

    -webkit-border-radius: 0 10px 0 0;

    -moz-border-radius: 0 10px 0 0;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}



.environmental-task .environmental-task-menu .panel-title>a{

    display: block;

    color: #fff;

    background: #5b7618;

    padding: 10px 15px;

    text-decoration: none !important;

    border-radius: 4px 4px 0 0;

    -webkit-border-radius: 4px 4px 0 0;

    -moz-border-radius: 4px 4px 0 0;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.environmental-task .environmental-task-menu .panel-title>a.collapsed:hover{

    background: #5b7618;

}

.environmental-task .environmental-task-menu .panel-title>a.collapsed{

    background: #93ab3d;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.environmental-task .environmental-task-menu .panel-heading{

    padding: 0;

    margin: 0;

}

.environmental-task .environmental-task-menu .panel-heading .panel-title{

    font-family: 'RobotoBold';

}

.environmental-task-content{

    background: #5b7618;

    overflow: hidden;

    min-height: 300px;

    margin: 0 8px;

    color: #fff;

    padding: 10px 20px;

    border-radius: 0 0 10px 10px;

    -webkit-border-radius: 0 0 10px 10px;

    -moz-border-radius: 0 0 10px 10px;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.environmental-task-content .environmental-list li{

    display: none;

    overflow: hidden;

}

.task_content .table > thead > tr > th{vertical-align: middle;}

.environmental-task-content .environmental-list li.display{display: block;}



/***********and Environmental*************/



/********************Materials************************/



.material_main{padding: 0 15px; font-family: 'Roboto';}

.material_main h1{

    color: #2b347d;

    font-family: 'RobotoBold';

    font-size: 34px;        

}

.material_main p{color: #2b347d;}

.material_main .row h2{

    padding: 0 10px;

    margin: 0;

    position: absolute;

    font-family: 'RobotoBold';

    font-size: 24px;

    top: -2px;

    color: #8387b0;

}

.material_main .material_header{

    background: #8387b0;

    overflow: hidden;    

}

.material_main .material_lamination{

    position: relative;

    padding: 20px 0;

    padding-bottom: 40px;

    margin: 0 15px;

    margin-top: 30px;

    overflow: hidden;

}

.material_main .material_left{

    position: absolute;

    top: 5px;

    left: 50px;

    width: 228px;

    height: 268px;    

}

.material_main .col_left img,.material_main .col_right img{display: none;}

.material_main .material_right{

    position: absolute;

    top: 5px;

    right: 20px;

    width: 300px;

    height: 240px;

}

.material_main .material_header .material_center{

    max-width: 420px;

    padding: 34px 15px;

    margin: 0 auto;

    font-family: 'RobotoBold';

    color: #fff;

    font-size: 17px;

}

.material_main .material_content{

    padding-top: 20px;

    padding-bottom: 20px;

    position: relative;

}

.material_main .material_content .material_col{

    background: #8387b0;

    padding: 10px;

}

.material_main .material_content .material_col p{

    color: #fff;

}

.material_main .material_content .material_col h2{padding: 0 5px;}

.material_main .material_content .material_col strong{

   color: #f6b88f;

   font-weight: normal;

}

.material_main .material_content .material_col ul{color: #fff;}

.material_main .material_content .material_col ul.ul_bottom{margin-bottom: 10px;}



/*********************End materials***************************/



/**************QA*******************/



.qa-content{

    color: #381e6d;

    font-family: 'Roboto';

    padding: 0 15px;

}

.qa-content h1{

    font-size: 34px;

    font-family: 'RobotoBold';

}

.qa-content .qa-header-content{

    max-width: 690px;

    width: 100%;

}

.qa-content .qa-middle-content{

    padding: 20px 0;    

    position: relative;

    margin-top: 20px;

    margin-bottom: 10px;

}

.qa-content .qa-middle-content .qa-background{

    background: #8f88ae;

}

.qa-content .qa-middle-content h2{

    font-family: 'RobotoBold';

    color: #8f88ae;

    font-size: 24px;

    position: absolute;

    left: 0;

    top: -3px;

    margin: 0;

}

.qa-content .qa-middle-content ul{color: #fff; padding: 15px 15px 40px 30px;}

.qa-content .qa-middle-content ul li{list-style: initial;}

.qa-content .qa-middle-content .qa-background .qa-images{    

    position: absolute;

    width: 606px;

    height: 310px;

    top: 0px;

    right: 15px;

}

.qa-content .qa-middle-content .qa-background .qa-images div{padding: 5px;}

.qa-content .qa-footer-content{max-width: 800px; margin-bottom: 20px;}

.qa-content .qa-footer-content strong{font-family: 'RobotoBold'; color: #381e6d;}

.qa-content .qa-footer-content img{

    width: auto;

    height: auto;

}

.qa-content .qa-footer-content img.image-qa-size{max-width: 140px; max-height: 187px; width: 100%; height: 100%;}



/****************End QA *************/



/********FAQs**************************/



.faq-content .faq_main_content{margin: 30px 0; color: #8387b0;}

.faq-banner{margin-left: 205px}

.faq-content .faq_main_content .product_menu ul li a{

    padding: 10px 15px;

    font-size: 14px;

}

.faq_main_content .responsive h3{

    font-size: 16px;

    font-family: 'RobotoBold';

    margin-bottom: 5px;

}

.faq_main_content .responsive h3.title_cat{

    color: #28317e;

    padding: 0 15px;

}

.faq-content .faq_main_content .responsive{padding: 0 10px;}

.faq-content .faq_main_content .responsive .content_faq{

    background: #8387b0;

    padding: 15px;

    color: #fff;

    

}

.faq-content .faq_main_content .responsive .content_faq strong{

    color: #f6b88f;

}
.faq-content .faq_main_content .responsive .content_faq a{

    color: #f6b88f;

}
.faq-content .faq_main_content ul{

    margin: 0 5px;

    padding: 0 10px;

    border-bottom: 6px solid #28317e;

    float: left;

    overflow: hidden;

}

.faq-content .faq_main_content .responsive {padding: 0 15px;}

.faq-content .faq_main_content .panel-default>.panel-heading{    

    padding: 0;

    margin: 0;

}

.faq-content .faq_main_content .panel-default>.panel-heading a{

    display: block;

    background: #28317e;

    color: #fff;

    border-radius: 4px 4px 0 0;

    -moz-border-radius: 4px 4px 0 0;

    -webkit-border-radius: 4px 4px 0 0;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

    padding: 10px 15px;

    text-decoration: none;

}

.faq-content .faq_main_content .panel-default>.panel-heading a.collapsed:hover{

    text-decoration: none;

    background: #28317e;

}

.faq-content .faq_main_content .panel-default>.panel-heading a.collapsed{

    background: #f58220;

    border-radius: 4px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.faq-content .faq_main_content .panel-body{padding: 0; padding-bottom: 15px;}

.faq-content .faq_main_content .nav-tabs li{

    background: #f58220;

}

.faq-content .faq_main_content .nav-tabs li:last-child{

    border-radius: 0 20px 0 0;

    -webkit-border-radius: 0 20px 0 0;

    -moz-border-radius: 0 20px 0 0;

}

.faq-content .faq_main_content .nav-tabs li a{

    background: #f58220;

    color: #fff !important;    

    border-radius: 0 5px 0 0;

    -webkit-border-radius: 0 5px 0 0;

    -moz-border-radius: 0 5px 0 0;

    padding: 10px 15px;

    margin: 0;

    border: none !important;

    border-right: 1px solid #fff !important;

    font-family: 'RobotoBold';

    font-size: 14px;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.faq-content .faq_main_content .nav-tabs li:first-child a:hover, 

.faq-content .faq_main_content .nav-tabs li:first-child a{

    border-radius: 5px 5px 0 0;

    -webkit-border-radius: 5px 5px 0 0;

    -moz-border-radius: 5px 5px 0 0;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

    

}

.faq-content .faq_main_content .nav-tabs li:last-child a{border: none;}

.faq-content .faq_main_content .nav-tabs li:first-child{

    border-radius: 20px 0 0 0;

    -webkit-border-radius: 20px 0 0 0;

    -moz-border-radius: 20px 0 0 0;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.faq-content .faq_main_content .nav-tabs li.active:first-child a{

    border-radius: 5px 5px 0 0;

    -webkit-border-radius: 5px 5px 0 0;

    -moz-border-radius: 5px 5px 0 0;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.faq-content .faq_main_content .nav-tabs li a:hover{

    text-decoration: none;

    background: #28317e; 

    border-radius: 0 5px 0 0;

    -webkit-border-radius: 0 5px 0 0;

    -moz-border-radius: 0 5px 0 0;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.faq-content .faq_main_content .nav-tabs li.active a{

    text-decoration: none;

    background: #28317e; 

    border-radius: 5px 5px 0 0;

    -webkit-border-radius: 5px 5px 0 0;

    -moz-border-radius: 5px 5px 0 0;

    border-left: 1px solid #fff !important;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.faq-content .faq_main_content .nav-tabs li.prev_active a{

    border-right: none !important;    

}

.faq-content .faq_main_content .nav-tabs li.prev_active{background: #f58220 !important;}

.faq-content .faq_main_content .nav-tabs li.left_active{

    border-radius: 20px 0 0 0;

    -webkit-border-radius: 20px 0 0 0;

    -moz-border-radius: 20px 0 0 0;

    background: #28317e !important;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.faq-content .faq_main_content .nav-tabs li.left_active a{

    border-right: 1px solid #fff !important;

    border-radius: 0 5px 0 0;

    -webkit-border-radius: 0 5px 0 0;

    -moz-border-radius: 0 5px 0 0;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.faq-content .faq_main_content .nav-tabs li.active_right a{

    border-left: none !important;    

    border-radius: 0 5px 0 0;

    -webkit-border-radius: 0 5px 0 0;

    -moz-border-radius: 0 5px 0 0;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.faq-content .faq_main_content .nav-tabs li.active_left a{

    border-left: none !important;    

    border-radius: 0 5px 0 0;

    -webkit-border-radius: 0 5px 0 0;

    -moz-border-radius: 0 5px 0 0;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.faq-content .faq_main_content .nav-tabs li.left_border{

    background: #28317e !important;

}

.faq-content .faq_main_content .nav-tabs li.left_border a{

    border-right: 1px solid #fff !important;

    border-radius: 0 5px 0 0;

    -webkit-border-radius: 0 5px 0 0;

    -moz-border-radius: 0 5px 0 0;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}



/**********************end FAQ****************/



.menu_left_mobile{

    display: none;

    position: fixed;

    top: 45%;

    z-index: 100;

    left: 0;

}

.menu_left_mobile button .icon-bar{

    background: #fff;

    display: block;

    width: 22px;

    height: 2px;

    border-radius: 1px;

    -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.menu_left_mobile button {    

    background: #000;

    float: right;

    padding: 9px 10px;

    margin-top: 8px;

    margin-right: 15px;

    margin-bottom: 8px;

    background-color: transparent;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.show_image{

    position: absolute;

    max-width: 400px;

    width: 100%;

    max-height: 400px;

    height: 100%;

    z-index: 10;

}

.content{

    clear: both;

}

.content ul{padding: 0;}

.content .product_list{display: none;}

.content .display{display: block;}

.content ul li.col_product{

    float: left;

    width: 16.66666667%;

    position: relative;

}

.content ul li{

    text-align: center;   

    padding: 15px;

}

.content ul li a{

     zoom: 1;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

   display: block;

}

.content ul li a:hover{

    //overflow: hidden;

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

 

    z-index: 99999;

    position: relative;

}

.content ul li img{

    max-width: 100%;

    max-height: 100%;

}

.content{

    overflow: hidden;

    margin: 25px 0;

}

.content ul li h2{

    font-size: 18px;

}

.text_content{padding: 0 25px;}

.text_content h2{

    font-family: 'RobotoBold';

    font-size: 34px;

    color: #28317e;

}

.text_content p{font-family: 'Roboto';color: #28317e;}

.product_menu{

    overflow: hidden;

    border-bottom: 4px solid #28317e;

    margin: 0 15px;

}

.product_menu .navbar-collapse{padding: 0;}

.product_menu .navbar{

    min-height: 10px;

    margin-bottom: 0;

    border: none;

    cursor: pointer;

}

.related.products {margin-top:80px;}
.related.products h2 {font-size:22px;}

.product_menu .container-fluid{

    padding: 0 10px;

}

.product_menu ul{

    padding-left: 0;

}

.product_menu ul li{

    margin-right: 2px;

}

.product_menu ul li a{

    border-radius: 5px 5px 0 0;

    -moz-border-radius: 5px 5px 0 0;

    -webkit-border-radius: 5px 5px 0 0;

    padding: 10px 30px;

    background: #f58220;

    font-size: 16px;

    font-family: 'RobotoBold';

    color: #fff;

    behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

}

.product_menu ul li.active a, .product_menu ul li a:hover{

    background: #28317e;

}

.nav_menu li{

    border-top: 1px solid #f58220;

}

.nav_menu li.inline a{

    width: 103%;

}

.nav_menu li a{

    font-size: 18px;

    font-family: 'RobotoBold';

    color: #f58220;

    display: block;

    padding: 5px 0;

    text-decoration: none;

}

.nav_menu li a:hover, .nav_menu li.current_page_item a{color: #fff;}

footer{

    background: #f58220;

    overflow: hidden;

}

.footer{margin-left: 200px; text-align: center; padding: 0 15px;}

footer .footer p{

    color: #fff;   

    margin: 15px 0;

}

.woocommerce-variation-description p {padding:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.reset_variations {display:none!important;}
#tab-title-additional_information {display:none!important;}
.woocommerce-tabs h2:first-child{display:none;} /*hide 'Description'*/
.woocommerce-tabs h2 {font-size:24px;}

@media (max-width: 1320px){

    .material_main .material_header .material_center{margin: 0;}

    .faq-content .faq_main_content .nav-tabs li a{padding: 10px 12px;}

}

@media (max-width: 1279px){

    .material_main .material_right{width: 260px; height: 200px;}

    .material_main .material_header .material_center{   

        padding: 30px 15px;

        font-size: 16px;

    }

    .material_main .material_left{

        width: 178px;

        height: 218px;

    }

    .faq-content .faq_main_content .product_menu ul li a{padding: 10px 12px;}

    .environmental-task .nav-tabs li a{padding: 10px 15px; font-size: 16px;}

}

@media (max-width: 1200px){

    .environmental-task .nav-tabs li a{padding: 10px 12px; font-size: 14px;}

    .environmental-task .navbar .navbar-nav,

    .environmental-task .navbar .navbar-nav li.background_active{background: none !important;}

    .environmental-task .navbar .navbar-nav li a{font-size: 16px;}

    .environmental-banner h1{bottom:0; font-size: 24px; max-width: 291px;}  

    .environmental-content{margin-top: 30px;}

    .material_main .material_right, .material_main .material_left{display: none;}

    .material_main .col_right{padding: 0 0 0 15px; text-align: center;}

    .material_main .col_left{padding: 0 15px 0 0; text-align: center;}

    .material_main .col_right img{

        display: block;

        max-height: 178px;

        height: 100%;

        width: 100%;

        max-width: 223px;

        margin: 0 auto;

    }

    .material_main .material_header .material_center{margin: 0 auto;}

    .material_main .col_left img{

        display: block;

        max-height: 178px;

        height: 100%;

        width: 100%;

        max-width: 152px;

        margin: 0 auto;

    }

    .material_main .material_header .material_center{padding: 20px 15px;}

    /****QA*************/

    

    .qa-content .qa-middle-content .qa-background{overflow: hidden;}

    .qa-content .qa-middle-content .qa-background ul{

        float: left;

        width: 40%;     

        padding-bottom: 15px;

        padding-right: 0;

    }

    .qa-content .qa-middle-content .qa-background .qa-images{

        position: relative;

        float: left;

        padding: 15px;

        width: 60%;

        right: auto;

        height: auto; 

    }

    .content_main .about_content h2{font-size: 16px;}

    

}

@media (max-width: 1100px){

    .faq-content .faq_main_content .nav-tabs li.cat_responsive{

        border-radius: 0 10px 0 0;

        -webkit-border-radius: 0 10px 0 0;

        -moz-border-radius: 0 10px 0 0;

    }

    .faq-content .faq_main_content .nav-tabs li.cat_first_menu{

        border-radius: 10px 0 0 0;

        -webkit-border-radius: 10px 0 0 0;

        -moz-border-radius: 10px 0 0 0;

    }

    .faq-content .faq_main_content .nav-tabs li.cat_first_menu a{

        border-radius: 5px 5px 0 0;

    }

    .faq-content .faq_main_content .nav-tabs li{margin-top: 5px;}

}

@media (max-width: 1050px){

    .material_main .col_left img{margin: 5px auto;}

    .material_main .col_right img{margin: 20px auto;}

}

@media (max-width: 1024px){

    .material_main .col_left img{margin:3px auto;}

}

@media (max-width: 991px){

    .material_main .col_left img{margin-top: 30px; float: none;}

    .material_main .col_right img{margin-bottom: 30px;}

    .material_main .material_header .material_center{padding: 30px 15px;}

    .qa-content .qa-middle-content .qa-background .qa-images{width: 100%; float: none; overflow: hidden;}

    .qa-content .qa-middle-content .qa-background ul{float: none; width: 100%;}

    .qa-content .qa-middle-content .qa-background .qa-images div{padding: 15px;}

}

@media (max-width: 850px){

    .fix_top img.fix_img{height: 50px;}

    .fix_top{top:0;}

    .menu_left{display: none; left: -200px;}

    .menu_left_mobile, .open_menu{display: block;}

    .menu_left_mobile button{display: block !important;}

    .banner, .content_main, .footer{margin-left: 0;}

    .fix_top .flash{right: 150px; top: 24px;}

    .fix_top .store{right: 90px; width: 30px; top: 37px;}

    .fix_top .text_unit{right: 20px; top: 30px;}

    .logo{width: auto; top:0;}

    .logo img{width: 260px; padding-left: 15px;}

    .fix_top img.fix_img{margin-top: 29px; padding-left: 84px;}

    .fix_top .text_logo{left: 120px; top: 34px;}

    .fix_top p{font-size: 12px;}  

    .scroll_sidebar{margin-top: 110px;}

    .scroll_sidebar{height: 450px;}

    .menu_left{width: 135px;}

    .nav_menu, .contact_us, .image1{padding: 0 10px;}    

    .nav_menu li a{font-size: 12px; padding: 2px 0;}

    .image1 h2, .contact_us h2{font-size: 14px;}

    .image1 p, .contact_us .address ul li, .contact_us .phone p{font-size: 11px;}

    .contact-us{padding: 20px 15px;}

    .col_right{padding-left: 15px;}

    .image1{display: none;}

    .contact_us .address h3, .contact_us .phone h3{font-size: 12px;}

}

@media (max-width: 800px){

    .scroll_sidebar{height: 900px;}

}

@media (max-width: 767px){

    header nav.navbar{

        display: block;

        background: #28317e;

        margin-bottom: 0;        

    }

    header nav.navbar .navbar-header .navbar-toggle{

        margin-top: 80px;

    }

    header nav.navbar .navbar-header .navbar-toggle .icon-bar{

        background: #fff;

    }

    header nav.navbar .nav_menu {padding: 0; margin-bottom: 10px;}

    header .fix_top{position: absolute;}

    .fix_top_bg{display: none !important;}

    header nav.navbar .nav_menu li a{font-size: 14px;}

    .menu_mobile{display: block;}

    .product_menu .container-fluid{padding: 0 15px;}

    .menu_left_mobile .close_menu, .menu_left_mobile .open_menu{display: none;}

    .product_menu .navbar-collapse{

        background: #28317e;

    }

    .product_menu{border: none; margin: 0;}

    .product_menu .navbar{

        background: #f58220;

    }

    .product_menu .navbar .navbar-toggle{

        padding: 5px 10px;

    }

    .product_menu .navbar .navbar-toggle .icon-bar{background: #fff;}

    .content ul li.col_product{width: 33.33333333%;}

    .product_menu ul li a{background: none; color: #fff;}

    .product_menu ul li.active a, .product_menu ul li a:hover{

        background: none;

        color: #f58220;

    }

    .navbar-collapse.in{overflow: hidden;}

    .image1{padding: 10px;}

    .contact_us{padding: 0 10px;}

    .fix_top .store{right: 80px;}

    .text_content{padding: 0 15px;}

    .about_us h1, .contact-us h1{font-size: 26px;}

    .content_main .about_content h2, .contact-us .col_left .table tr th{font-size: 18px;}

    .environmental-task .navbar{min-height: 45px;}

    .environmental-task .navbar .navbar-header{height: 45px; background: #93ab3d; cursor: pointer; padding: 0; margin: 0;}

    .environmental-task .navbar .navbar-collapse{border: 0;}

    .environmental-task .navbar .navbar-nav{margin: 0; padding: 0 15px;}

    .environmental-task .navbar .navbar-toggle{padding: 6px 10px;}

    .environmental-task .navbar .navbar-toggle .icon-bar{background: #fff;}

    .environmental-task-content{margin:0}

    .environmental-task .navbar .navbar-nav li a,

    .environmental-task .navbar .navbar-nav li:first-child a{

        border-radius: 0;

        border: none;

        -webkit-border-radius: 0;

        -moz-border-radius: 0;

        behavior: url('http://demo4.easypeas.com.au/css/PIE.htc');

    }

    .material_main h1, .qa-content h1{font-size: 24px;}

    .qa-content .qa-middle-content .qa-background .qa-images{padding: 15px 0 0 0;}

    .qa-content .qa-middle-content .qa-background .qa-images div{padding-top: 0; padding-bottom: 15px;}

}

@media (max-width: 650px){

   .scroll_sidebar{height: 650px;} 

   .text_content h2{font-size: 24px;}

   .environmental-banner h1{bottom: -20px;}

   .environmental-content{margin-top: 40px;}

}

@media(max-width: 640px){

    .scroll_sidebar{height: 200px;}

}

@media (max-width: 600px)

{

    .fix_top .flash{display: none;}     

}

@media (max-width: 450px){

    .content ul li.col_product{width: 50%;}

    .text_content h2{font-size: 18px;}

    .environmental-banner h1{bottom: -30px;}

    .environmental-content{margin-top: 50px;}

    .qa-content .qa-footer-content img.image-qa-size{

        float: none;

        margin: 10px auto !important;

        display: block;

    }

    .qa-content .qa-footer-content p{margin-bottom: 0;}

}

@media(max-width: 414px){ 

    .bg_logo{

        top: 30px;

        left: 46px;

        width: 30px;

        height: 22px;

    }

    .scroll_sidebar{height: 500px;}

    .fix_top img.fix_img {

        margin-top: 24px;

        padding-left: 73px;

        height: 44px;

    }

    .logo img {

        width: 220px;

        padding-left: 15px;

    }

    .fix_top .store {        

        width: 25px;

        top: 31px;

        right: 70px;

    }

    .fix_top .text_unit{right: 15px; top:28px;}

    .text_unit ul li {font-size: 10px;}   

    header nav.navbar .navbar-header .navbar-toggle{margin-top: 65px;}

}

@media (max-width: 370px){

    .scroll_sidebar{height: 350px;}

    .environmental-banner h1{bottom: -50px;}

    .environmental-content{margin-top: 70px;}

}

@media (max-width: 360px){

    .fix_top img.fix_img{height: 40px;}    

    .fix_top img.fix_img {

        margin-top: 24px;

        padding-left: 73px;

    }

    .fix_top .text_logo {

        left: 95px;

        top: 28px;

    }

    .fix_top .store {

        right: 55px;

        width: 25px;

        top: 30px;

    }

    .fix_top .text_unit {

        right: 10px;

        top: 28px;

    }    

    .fix_top_bg{max-height: 24px;}

    .text_content h2{font-size: 16px;}

    .contact_address ul li, .contact_phone p{font-size: 12px;}

}
.class-lsgb-bags-columm-for .alignleft-columm img {
    max-height: 274px;
}


 .product-1-fbsg{
        margin-top:60px; 
    }.product-3-fbsg{ margin-top:30px}
    .product-2-fbsg{ margin-top:40px;} 
   .product-4-fbsg{margin-top:-10px;}
.box-stog-block .price-box{
    margin-top:120px; 
}

.product-5-fbsg {
    margin-top: -40px;
}

.box-stog-block  .box-bg-line{
 margin-top:100px;
}
.product-box-clear-1{
margin-top: 15%; 
}
.product-box-clear-2{
margin-top: 0;
}
.product-box-clear-3{
margin-top: -5%;
}

.product-box-clear-4 {
    margin-top: -20%;
}

.product-box-clear-6 {
    margin-top: 30px;

.product-box-clear-5 {
    padding-top: 50px;
}


body .fbsg-class .item-class-one.item-class-oness.box-two-price-one-box > ul{
 padding-top:0px; 
}

.price-box{
    z-index: 9999;
}.box-bg-line {
    z-index: 9999;
}
.product-box-clear-1 ,.product-box-clear-2,.product-box-clear-3,.product-box-clear-4{
   //  opacity:0.6;

}

}

/*-- Woocommerce -- 03-2018 --*/

.woocommerce .single-product {
    font-size: 16px;
}

.woocommerce .posted_in {
    display: none;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #f58220;
    font-weight: bold;
}

.woocommerce div.product form.cart .variations label {
    color: #000!important;
}

.woocommerce div.product form.cart .button {
    background-color: #f58220;
    color: #fff;
    text-transform: uppercase;
}

.woocommerce .quantity .qty {
    padding: 0.4em 1em;
}

.woocommerce div.product div.images img {
    width: auto;
    margin: 0 auto;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
    border-color: #29327e;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
    box-shadow: 2px 2px 0 #29327e;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
    box-shadow: -2px 2px 0 #29327e;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    box-shadow: -2px 2px 0 #f58220;
    border-color: #f58220;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background-color: #f58220;
    border: 1px solid #f58220;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-color: #28317e;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-color: #28317e;
    background-color: #28317e;
    color: #Fff;
}

.cart-customlocation {
    color: #fff;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, 
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    background: #28317e;
    color: #fff;
    font-family: 'RobotoBold';
    text-transform: uppercase;
}

.woocommerce-info {
    border-top-color: #28317e; 
}

.woocommerce-info::before {
    color: #28317e;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background: #5660b7;
}

a.order-now:hover, a.order-now:focus {
    color: #fff;
    background-color: #696fbd;
    text-decoration: none;
}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
    color: #fff;
}

@media (min-width: 1150px) {
    .col-md-7 {
        width: 58.33333333%;
    }
}

@media (max-width: 1150px) {
     .col-md-7 {
        width: 100%;
    }
}