/*
Theme Name: Midstate Hardware
Theme URI: https://wordpress.org/themes/twentysixteen/
Template: twentysixteen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Tags: one-column,two-columns,right-sidebar,accessibility-ready,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-images,flexible-header,microformats,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog
Version: 1.5.1538813004
Updated: 2018-10-06 08:03:24

*/

body{
     background:#fff;
     font:normal 14px/20px 'CALIBRI_1';
     color:#333333;
}
 #wpadminbar ul:after{
     clear:inherit;
}
 a{
     color:#fe8220;
}
 ul li{
     list-style-type:none;
}
 #navbtn{
     display:none;
}
 .nav-menu{
}
 .nav-menu li{
     position:relative;
     float:left;
}
 .nav-menu li .menuarrow{
     display:none;
}
 .nav-menu li > a{
     font:normal 18px/52px 'CALIBRIB_1';
     color:#fff;
     white-space:nowrap;
     display:block;
     padding:0 15px;
}
 .nav-menu li:hover > a, .nav-menu li.active > a,.nav-menu li.current_page_item > a, .nav-menu li > a:focus{
     color:#81cbf2;
}
 .nav-menu .sub-menu{
     position:absolute;
     left:0;
     top:100%;
     background:#0089cf;
     min-width:220px;
     box-shadow:0 0 5px #02496d;
     transition: all 300ms ease-out 0s;
     display:none;
     z-index:999;
}
 .nav-menu .sub-menu .sub-menu{
     left:100%;
     top:0;
}
 .nav-menu li:hover > .sub-menu{
     display:block;
}
 .nav-menu .sub-menu li{
     float:none;
}
 .nav-menu .sub-menu a{
     font:normal 14px/40px Arial, Helvetica, sans-serif;
     padding:0 10px;
     white-space:nowrap;
}
 .nav-menu .sub-menu li+li{
     border-top:1px solid #035e8d;
}
 header{
     background:#fff;
}
 header h4{
     font:normal 28px/32px 'CALIBRIB_1';
     padding:10px 0 0;
}
 header p{
     font:normal 18px/22px 'CALIBRI_1';
}
 #navigation{
     float:left;
}
 .latest-text{
     padding:13px 20px 0 0;
}
 #logo{
     float:left;
     padding:15px 0;
}
 #logo img {
    max-width: 85% !important;
}
 .top-right{
     width:70%;
     float:right;
}
 .top-part{
     background:#232426;
}
 .white-text{
     color:#fff;
}
 .orange-text{
     color:#fe8220;
}
 .orange-bg{
     background:#fe8220;
}
 .port-sac{
     float:left;
}
 .port-sac ul li{
     float:left;
     padding:0 25px;
}
 .port-sac ul li p a{
     color:#fff;
     padding-left:30px;
     font-size:20px;
     line-height:25px;
     background:url(images/icon1.png) no-repeat 0 50%;
}
 .top-left-img{
     position:relative;
     margin-bottom: -70px;
}
 .latest-sac{
     float:right;
}
 .latest-sac div{
     float:left;
}
 .open-sac ul{
     float:left;
     padding-left:25px;
}
 .open-sac ul li{
     font:normal 18px/22px 'CALIBRI_1';
     margin:17px 0 0;
     color:#fe8220;
     position:relative;
     padding-left:30px;
}
 .open-sac ul li img{
     position:absolute;
     top:0;
     left:0;
}
 .head-bottom{
     background:#232426;
     margin:15px 0 0;
}
 .bottom-right{
     float:right;
}
 .bottom-right a{
     font:normal 16px/52px 'CALIBRIB_1';
     padding:0 20px;
     background:#fe8220;
     color:#fff;
     float:left;
     margin:0 5px;
     display:inline-block;
}
 #banner{
     margin:0 auto;
     text-align:center;
     position:relative;
     border-bottom:solid 5px #1f419b;
}
 .banner-text{
     position:absolute;
     right:30px;
     bottom:60px;
     background:rgba(255, 255, 255, 0.5);
     padding:30px;
}
 .banner-text h1{
     font:normal 53px/56px 'CALIBRIB_1';
     color:#232426;
}
 .flex-active {
     color: black !important;
}
 [class*="flexslider"]{
     position:relative;
     z-index:1;
     display:block;
     overflow:hidden;
}
 [class*="flexslider"] ul{
     padding:0 !important;
}
 [class*="flexslider"] ul li{
     position:relative;
     padding:0 !important;
     list-style-type:none;
}
/*[class*="flexslider"] ul li > img{
     width:100%;
}
*/
 [class*="flexslider"] ul li+li{
     display:none;
}
 [class*="flexslider"] .flex-direction-nav{
     position:absolute;
     top:50%;
     left:1%;
     right:1%;
     transform: translate(0, -50%);
}
 [class*="flexslider"] .flex-direction-nav li{
     float:left;
}
 [class*="flexslider"] .flex-direction-nav li+li{
     float:right;
     display:block!important;
}
 [class*="flexslider"] .flex-direction-nav li a{
     font-size:0;
     width:50px;
     height:50px;
     display:block;
     z-index:99;
     border-radius:100%;
}
 [class*="flexslider"] .flex-direction-nav li a.flex-prev{
     background:url(images/prev.png) no-repeat 50% 50%;
}
 [class*="flexslider"] .flex-direction-nav li a.flex-next{
     background:url(images/next.png) no-repeat 50% 50%;
}
 [class*="flexslider"] .flex-direction-nav li:hover a.flex-next, [class*="flexslider"] .flex-direction-nav li:hover a.flex-prev{
     box-shadow:0 0 5px 0 #000;
}
 #content p{
     font:normal 15px/20px 'CALIBRI_1';
     padding:15px 0 0;
}
 #content h1{
     font:700 40px/53px 'Oswald', sans-serif;
     padding:15px 0 0;
}
 #content h2 {
     font: normal 36px/52px 'CALIBRIB_1';
     padding: 15px 0 0;
}
 #content h3{
     font:normal 28px/40px 'CALIBRIB_1';
     padding:15px 0 0;
}
 #content h4{
     font:normal 24px/32px 'CALIBRI_1';
     padding:15px 0 0;
}
 #content h5{
     font:normal 20px/26px 'CALIBRI_1';
     padding:15px 0 0;
}
 #content h6{
     font:normal 16px/24px 'CALIBRI_1';
     padding:15px 0 0;
}
 .product-box {
     position: relative;
     padding: 68px 5px;
     background: #fff;
     min-height: 330px !important;
}
 .home .product-box {
     position: relative;
     padding: 68px 5px;
     background: #fff;
     min-height: 288px !important;
}
 .product-box span {
     position: absolute;
     top: 0;
     left: 0;
     font: normal 15px/25px 'CALIBRIB_1';
     padding: 9px 15px;
     color: #fff;
     width: 100%;
     font-size: 20px;
     text-align: right;
}
 .price {
     padding: 0px;
     float: left;
     top: 11px;
     left: -15px;
     width: 36%;
     position: absolute;
     font-size: 17px;
     background-size: contain;
     background-repeat: no-repeat;
     color: white;
     padding-left: 11px;
     text-align: center !important;
     font-weight: bold;
     border-right: 2px dotted white;
}
 #content .product-sac h2 {
     font: inherit;
     padding: 10px;
     color: #000;
     width: 100%;
     float: left;
     right: 0;
     position: absolute;
     font-size: 16px;
     text-align: center !important;
     border-top: 1px dashed #bdbdbd;
     background-color: #fff;
     bottom: 0px;
     min-height: 80px;
}
 .product-box img {
}
 .page-template-home #content .product-sac h2 {
     background-color: unset !important;
     border: unset !important;
}
 .inlinestyle .row {
     margin-top: 35px;
}
 .bannerslider {
     position: relative;
     overflow: hidden;
     width: 100%;
     text-align:left;
}
 .bannerslider ul{
     width: 20000em;
     position: relative;
     list-style: none;
     margin: 0;
     padding: 0;
}
 .bannerslider li{
     width:200px;
     float:left;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding:10px;
     text-align:center;
}
 #icon{
     position:relative;
     padding:5px 0;
     margin:30px 0 0;
}
 .bannerslider-control-prev{
     left:-5px;
     position:absolute;
     top:40%;
     margin:0;
     width:22px;
     height:44px;
     background-size:100%;
     border:0;
     cursor:pointer;
     font-size:0;
     background:url(images/prev2.png) no-repeat 50% 50%;
}
 .bannerslider-control-next{
     right:-5px;
     position:absolute;
     top:40%;
     margin:0;
     width:22px;
     height:44px;
     background-size:100%;
     border:0;
     cursor:pointer;
     font-size:0;
     background:url(images/next2.png) no-repeat 50% 50%;
}
 .gray-bg{
     background:#f6f6f6;
}
 .lightblue-bg{
     background:#81cbf2;
}
 .deepblue-bg{
     background:#1e41a0;
}
 .blue-text{
     color:#1f419b;
}
 .img-box{
     background:#fff;
     margin:30px 0 0;
     padding-bottom:15px;
}
 .help-sac{
     padding:40px 0 60px;
     margin:20px 0 0;
}
 .brands ul{
     text-align: center;
}
 .brands ul li{
    /*float:left;
    */
     padding:10px;
     width:18%;
     min-height:120px !important;
}
 #content .font-bg{
     background:url(images/font-bg.png) no-repeat 50% 0;
     background-size: 100%;
     padding:20px 0;
}
/*.content-bg{
     background:url(images/contect-bg.jpg) no-repeat 50% 50%;
}
*/
 footer{
     background:url(images/bg2.jpg) no-repeat 50% 0;
     padding:50px 0;
     background-size:cover;
}
 footer h2{
     font:normal 24px/26px 'CALIBRI_1';
     padding:15px 0 10px;
     background:url(images/border.jpg) no-repeat 0 100%;
}
 footer p{
     font:normal 14px/18px 'CALIBRI_1';
     padding:15px 0 0;
}
 footer p span{
     padding:0 15px;
}
 footer h6{
     font:normal 18px/22px 'CALIBRIB_1';
     padding:15px 0 0;
}
 .read-btn{
     font:normal 16px/40px 'CALIBRI_1';
     padding:0 30px;
     background:#02adbf;
     display:inline-block;
     color:#fff;
     margin:20px 0 0;
}
 .form-box input[type="text"], .form-box input[type="email"], .form-box input[type="password"], .form-box input[type="tel"], .form-box input[type="search"]{
     border:solid 1px #02adbf;
     background:rgba(255, 255, 255, 0.4);
    /*text-transform:uppercase;
    */
     color:#fff;
     border-radius:0;
     margin:5px 0 0;
     font-size:13px;
}
 .form-box select{
     border:solid 1px #02adbf;
     background:url(images/select.png) no-repeat 95% 50% rgba(255, 255, 255, 0.4);
     color:#fff;
     text-transform:uppercase;
     border-radius:0;
     margin:5px 0 0;
}
 .form-box select option{
     background:#000;
}
 .form-box input[type="submit"], .form-box input[type="button"], .form-box button[type="submit"]{
     background:#02adbf;
     color:#fff;
     line-height:40px;
     border:0;
     border-radius:0;
     padding:0 30px;
}
 .copy-text{
     background:#000000;
     color:#fff;
     padding:15px 0;
     text-align:center;
     font:normal 15px/20px 'CALIBRI_1';
}
 .product-menu ul{
     border-bottom:solid 1px #fe8220;
}
 .product-menu ul li{
     float:left;
     margin:0 3px;
     background:url(images/menu-border.jpg) repeat-x;
}
 .vc_tta-tabs-container ul li a{
     font:normal 19px/71px 'CALIBRIB_1';
     color:#1f419b;
     display:block;
     padding:0 75px 0 30px !important;
     background-color: #d1d1d5 !important;
}
 .produ-li ul li:hover a{
     color:#1f419b;
}
 .product-menu ul li.ui-tabs-active a{
     background:url(images/menu-border22.jpg) no-repeat 0 0, url(images/menu-border33.jpg) no-repeat 100% 0,#81cbf1;
}
/*.product-menu ul li a:hover {
     background:url(images/menu-border2.jpg) no-repeat 0 0, url(images/menu-border3.jpg) no-repeat 100% 0, url(images/menu-border4.jpg) repeat-x;
}
*/
 .brands-box ul li{
     width:16%;
     text-align:center;
     margin-left:0.1%;
     padding:10px;
     border:solid 1px #666;
     float:left;
}
 .brands-box ul {
     margin:50px 0 0;
}
 .content-left{
     width:80%;
     float:left;
}
 .content-right{
     width:18%;
     float:right;
}
 .td-u{
     text-decoration:underline;
}
 .apply-btn{
     font:normal 22px/26px 'CALIBRIB_1';
     padding:11px 10px;
     display:block;
     text-align:center;
     color:#fff;
     margin:10px 0 0;
}
 .img-bg{
     background:url(images/btn-bg.png) no-repeat 0 0 ;
     padding-left:55px;
}
 .blk-bg{
     background: rgb(249,186,137);
    /* Old browsers */
     background: -moz-linear-gradient(top, rgba(31,65,155,1) 0%, rgba(56,98,209,1) 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(31,65,155,1) 0%,rgba(56,98,209,1) 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(31,65,155,1) 0%,rgba(56,98,209,1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3862d1', endColorstr='#1f419b',GradientType=0 );
}
 .blk-bg2{
    background: rgb(198,198,198);
    /* Old browsers */
     background: -moz-linear-gradient(top, rgba(198,198,198,1) 0%, rgba(63,63,63,1) 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(198,198,198,1) 0%,rgba(63,63,63,1) 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(198,198,198,1) 0%,rgba(63,63,63,1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#3f3f3f',GradientType=0 );
    /* IE6-9 */
}
 .produ-li ul li{
     float:left;
     margin:5px 0 0;
}
 .produ-li ul li + li{
     border-left: solid 1px #1f419b;
}
 .produ-li ul li a{
     font:normal 13px/16px 'CALIBRI_1';
     padding:0 10px;
     display:block;
     color:#1f419b;
}
 .blue-text{
     color:#1f419b;
}
 .modal {
     display: none;
     position: fixed;
     z-index: 9111;
     left: 50%;
     top: 50%;
     width: 45%;
     height: 90%;
     overflow: auto;
     -webkit-animation-name: fadeIn;
     -webkit-animation-duration: 0.4s;
     animation-name: fadeIn;
     animation-duration: 0.4s;
     transform: translate(-50%,-50%);
     border-radius: 0px;
     border: solid 1px #1cc666;
     background: rgba(0, 0, 0, 0.9);
}
/* Modal Content */
 .modal-content {
     position: absolute;
     top:0;
     bottom:0;
     left:0;
     right:0;
     width: 100%;
     -webkit-animation-name: slideIn;
     -webkit-animation-duration: 0.4s;
     animation-name: slideIn;
     animation-duration: 0.4s;
     height:100%;
     padding:40px;
}
 .close {
     position:absolute;
     right:20px;
     top:20px;
     width:30px;
     height:30px;
     background:url(images/close.png) no-repeat 50% 50%;
     cursor:pointer;
     z-index:99999;
}
 @-webkit-keyframes slideIn {
     from {
        bottom: -300px;
         opacity: 0
    }
     to {
        bottom: 0;
         opacity: 1
    }
}
 @keyframes slideIn {
     from {
        bottom:300px;
         opacity: 0
    }
     to {
        bottom: 0;
         opacity: 1
    }
}
 @-webkit-keyframes fadeIn {
     from {
        opacity: 0
    }
     to {
        opacity: 1
    }
}
 @keyframes fadeIn {
     from {
        opacity: 0
    }
     to {
        opacity: 1
    }
}
 #bg-box{
     position:fixed;
     top:0;
     bottom:0;
     left:0;
     right:0;
     background:rgba(0, 0, 0, 0.3);
     display:none;
     z-index:99;
}
 .open-sac2{
     font:normal 18px/22px 'CALIBRI_1';
     color:#fe8220;
     position:relative;
     padding-left:30px;
}
 .open-sac2 img{
     position:absolute;
     top:0;
     left:0;
}
 .side-gap{
     padding-left:30px;
}
 .popup-sac input[type="text"], .popup-sac input[type="email"], .popup-sac input[type="password"], .popup-sac input[type="tel"], .popup-sac input[type="search"]{
     border-radius:0;
     background:#ebeaea;
     margin:10px;
     border:none;
}
 .popup-sac textarea{
     border-radius:0;
     background:#ebeaea;
     margin:10px;
     border:none;
}
 .popup-sac input[type="submit"], .popup-sac input[type="button"], .popup-sac button[type="submit"]{
     background:#fe8220;
     color:#fff;
     border:none;
     border-radius:0;
     line-height:50px;
     padding:0 40px;
     margin:20px 0 0;
}
 .fancybox-custom .fancybox-skin {
     box-shadow: 0 0 50px #222;
}
 .blk-text{
     color:#000;
}
 .product-box h3{
     font:normal 22px/25px 'CALIBRIB_1';
     padding:15px 0 0;
}
 .product-box ul li{
     font:normal 22px/25px 'CALIBRIB_1';
     padding:10px 0 0;
     list-style-type:disc;
}
 .product-box ul{
     padding-left:15px;
}
 .price2{
     font:normal 27px/29px 'CALIBRIB_1';
     padding:10px 0 0;
}
 .inlinestyle{
     width:500px;
}
 .project-menu ul li{
     float:left;
     margin:0 20px;
}
 .project-menu ul li a{
     font:normal 16px/18px 'CALIBRIB_1';
     padding:15px 0;
     color:#fe8220;
     display:block;
     border-bottom: solid 3px #fff;
}
 .project-menu ul li:hover a, .project-menu ul li.ui-tabs-active a{
     border-color:#00abbd;
     color:#00abbd;
}
 .project-menu{
     border-bottom:solid 1px #ccc;
}
 .project-left{
     width:67%;
     float:left;
     padding:0 10px 10px;
}
 .project-right{
     width:33%;
     float:left;
     background:#f5a623;
     padding:10px;
}
 .project-box{
     box-shadow:0 0 5px 0 #000;
     margin:20px 0 0;
}
 .project-box > img{
     width:100%;
}
 .brand {
     display: inline-block;
     width: 20%;
     background-color: white;
     border: 1px dashed #777;
     margin: 10px;
     padding: 10px;
}
 .wpb-js-composer .vc_tta.vc_general .vc_tta-tab > a{
    background-color:none !important;
}
 .wpb-js-composer .vc_tta.vc_general .vc_tta-tab.vc_active > a {
     background-color: #81cbf2 !important;
     color: #1f419b !important;
}
 .wpb-js-composer .vc_tta.vc_tta-style-classic .vc_tta-tab > a{
     border:none !important;
     border-radius:0 !important;
}
 .product-menu .showimagegal ul{
     border:none;
}
 .product-menu .showimagegal ul li a{
     background-image:none !important;
     padding:0 !important;
}
 .product-menu .ourrange ul{
     border-bottom:none;
}
 .product-menu .ourrange li{
     float:none;
     margin:0;
     background-image:none !important;
}
 .product-menu .flex-viewport ul{
     border:none;
}
 .product-menu .flex-viewport li{
     margin:0;
     background-image:none !important;
}
 .product-menu .flex-viewport li a{
    padding:0 !important;
}
 .product-menu [class*="flexslider"] .flex-direction-nav{
     border:none;
}
 .product-menu [class*="flexslider"] .flex-direction-nav li{
     background-image:none !important;
}
 [class*="flexslider"] .flex-direction-nav li:hover a.flex-next, [class*="flexslider"] .flex-direction-nav li:hover a.flex-prev{
     box-shadow:none !important;
}
 .wpb-js-composer .list-angel .vc_tta.vc_general .vc_tta-tab.vc_active > a{
     background-image:none !important;
}
 .wpb-js-composer .list-angel .vc_tta.vc_general .vc_tta-tab > a{
     background:none!important;
     padding:0 10px !important;
     color:#0586e0 !important;
     text-decoration:none !important;
}
 .wpb-js-composer .list-angel .vc_tta.vc_tta-spacing-1 .vc_tta-tab{
    margin:0!important;
}
 .wpb-js-composer .list-angel .vc_tta.vc_tta-spacing-1 .vc_tta-tab + .vc_tta-tab{
     border-left:solid 1px #0586e0;
}
 .wpb-js-composer .list-angel .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list{
     padding:15px 0 !important;
}
 .wpb-js-composer .list-angel .vc_tta-color-turquoise.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body{
     background:#fff !important;
}
 @media only screen and (max-width: 1198px) {
     #logo{
         float:none;
         text-align:center;
         padding:10px 0;
    }
     .top-right{
         width:100%;
    }
     .nav-menu li > a{
         padding:0 7px;
         font-size:15px;
    }
     .vc_tta-tabs-container ul li a{
         font-size:25px;
         padding:0 50px 0 30px;
    }
     .content-left{
         width:72%;
    }
     .content-right{
         width:27%;
    }
     .modal{
         width:70%;
    }
}
 @media only screen and (max-width: 990px) {
     #navigation{
         position:relative;
    }
     #navbtn{
         display:block;
         background:url(images/navigation.png) no-repeat 0 50%;
         width:38px;
         height:40px;
         font-size:0;
         cursor:pointer;
    }
     .nav-menu{
         display:none;
         position:absolute;
         top:100%;
         left:0;
         width:250px;
         background:#232426;
         z-index:999;
         border:1px solid #666;
    }
     .nav-menu li{
         float:none;
    }
     .nav-menu li+li{
         border-top:1px solid #666;
    }
     .nav-menu li > a{
         font:normal 18px/52px 'CALIBRIB_1';
         color:#fff;
         padding-left:30px;
    }
     .nav-menu li .menuarrow{
         position:absolute;
         right:2px;
         top:2px;
         width:36px;
         height:36px;
         z-index:99;
         background:url(images/nav-arrow.png) no-repeat 50% 50%;
         display:block;
         cursor:pointer;
         border-radius:3px;
    }
     .nav-menu li:hover > .menuarrow, .nav-menu li.active > .menuarrow,.nav-menu li.current_page_item > .menuarrow{
         background:url(images/nav-arrow.png) no-repeat 50% 50% #0089cf;
    }
     .nav-menu .sub-menu{
         position:relative;
         margin:0 3px;
    }
     .nav-menu .sub-menu .sub-menu{
         left:0;
         margin:0 5px;
    }
     .nav-menu .sub-menu li{
         float:none;
    }
     .nav-menu li:hover > .sub-menu{
         display:none;
    }
     .port-sac ul li{
         padding:0 10px;
    }
     header h4{
         font-size:24px;
    }
     .bottom-right a{
         line-height:40px;
    }
     #icon{
         margin:0;
    }
     .brands ul li{
         width:18%;
    }
     #content .font-bg{
         font-size:34px;
         line-height:35px;
         padding:10px 0;
    }
     #content .product-sac h2{
         font-size:20px;
         line-height:23px;
    }
     .help-sac{
         margin:0;
         padding:20px 0;
    }
     #content h2{
         font-size:30px;
         line-height:34px;
    }
     footer p span{
         padding:0 10px;
    }
     .banner-text h1{
         font-size:30px;
         line-height:33px;
    }
     .banner-text{
         padding:20px;
    }
     .vc_tta-tabs-container ul li a{
         font-size:20px;
         padding:0 40px 0 15px;
    }
     .product-menu ul li{
         margin:0;
    }
     .content-left{
         width:100%;
         float:none;
    }
     .content-right{
         width:35%;
         margin:0 auto;
         float:none;
    }
}
 @media only screen and (max-width: 740px) {
     .port-sac, .latest-sac div, .latest-sac{
         float:none;
         display:table;
         margin:0 auto;
    }
     .latest-text{
         padding:0;
    }
     .top-part{
         padding-bottom:15px;
    }
     .brands ul li{
         width:25%;
    }
     #content .font-bg{
         background-size:cover;
    }
     [class*="flexslider"] .flex-direction-nav li a{
         width:30px;
         height:30px;
    }
     [class*="flexslider"] .flex-direction-nav li a.flex-prev, [class*="flexslider"] .flex-direction-nav li a.flex-next{
         background-size:100%;
    }
     .vc_tta-tabs-container ul li a{
         background:none;
         border:solid 1px #fe8220;
         font-size:14px;
         line-height:40px;
         padding:0 5px;
         margin:0 2px;
    }
     .product-menu ul li{
         background:none;
    }
     .brands-box ul{
         margin:14px 0 0;
    }
     .brands-box ul li{
         width:33%;
         margin:1px 1px 0 0;
    }
     #content h3{
         font-size:25px;
         line-height:30px;
    }
     .content-right{
         width:72%;
    }
     .modal{
         width:100%;
    }
     .inlinestyle{
         width:100%;
    }
     .pwb-brand-shortcode a{
         width:33.333%;
    }
     .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li{
         margin-bottom:15px !important;
    }
}
 @media only screen and (min-width: 740px) {
    /*.nav-menu{
         display:block !important;
    }
    */
}
 @media only screen and (max-width: 450px) {
     .open-sac ul li{
         float:left;
         margin-left:10px;
    }
     .open-sac ul{
         float:none;
         padding-left:0;
    }
     .bottom-right a{
         margin:0 1px;
         padding:0 5px;
         font-size:14px;
    }
     .banner-text h1{
         font-size:20px;
         line-height:25px;
         padding:10px;
    }
     [class*="flexslider"] .flex-direction-nav li a{
         width:20px;
         height:20px;
    }
     [class*="flexslider"] .flex-direction-nav li a.flex-prev, [class*="flexslider"] .flex-direction-nav li a.flex-next{
         background-size:100%;
    }
     #content .font-bg{
         font-size:20px;
    }
     footer{
         padding:20px 0;
    }
     .brands ul li{
         width:33.333%;
    }
     .product-menu ul li{
         margin-top:10px;
    }
     .content-right{
         width:100%;
    }
}
/*------------ Stellar Code ---------*/
 .fancybox-wrap {
     width: 750px !important;
}
 .inlinestyle {
     width: 720px !important;
}
 .product-box ul li {
     font: normal 18px/25px 'CALIBRIB_1';
     padding: 10px 0 0;
     list-style-type: none !important;
}
 .prices {
     float: left;
     width: 30%;
     border: 1px solid #e7e3e3;
     padding: 10px;
     text-align: center;
     margin-top: 27px;
     background-color: #FAFDFF;
}
 .list {
     float: left;
     margin-left: 10px !important;
     margin-top: 10px;
     width: 58%;
     color: #1f419b;
}
 .list ul li {
     font-size: 16px !important;
     font-weight: normal !important;
     font-family: inherit;
     border-bottom: 1px dashed #b0adad;
     width: 100% !important;
}
 .available {
     width: 100% !important;
     float: left;
}
 .wasprice {
     font-size: 19px !important;
     color: #959595;
}
 .onlyprice {
     color: #fe8220;
     border-bottom: 1px dashed orange;
     padding-bottom: 13px !important;
}
 .prodname {
     text-transform: uppercase;
     color: #1F419B;
     border-bottom: 1px solid #81CBF2;
     padding-bottom: 5px !important;
     width: 90%;
}
 .available {
     background-color: #1f419b;
     padding: 10px !important;
     text-align: center;
     margin-top: 20px;
     width: 91% !important;
     color: white;
     text-transform: uppercase;
}
 .fancybox-next {
     right: -52px !important;
     background: url(../images/next2.png) no-repeat 100% 50%;
}
 .fancybox-prev {
     left: -56px !important;
     background: url(../images/next2.png) no-repeat 100% 50%;
}
 .ban ul li {
     list-style-type: none !important;
     float: left !important;
     margin-right: 25px !important;
     margin-bottom: 45px !important;
     width: 287px;
     min-height: 330px !important;
}
/* ==================================================================================================================== * RESETS * ====================================================================================================================*/
 .flex-container a:hover, .flex-slider a:hover {
     outline: none;
}
 .slides, .slides > li, .flex-control-nav, .flex-direction-nav {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .flex-pauseplay span {
     text-transform: capitalize;
}
/* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/
 .flexslider {
     margin: 0;
     padding: 0;
}
 .flexslider .slides > li {
     display: none;
     -webkit-backface-visibility: hidden;
}
 .flexslider .slides img {
     width: 100%;
     display: block;
}
 .flexslider .slides:after {
     content: "\0020";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}
 html[xmlns] .flexslider .slides {
     display: block;
}
 * html .flexslider .slides {
     height: 1%;
}
 .no-js .flexslider .slides > li:first-child {
     display: block;
}
/* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/
 .flexslider {
     position: relative;
     zoom: 1;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
     -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
     box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
 .flexslider .slides {
     zoom: 1;
}
 .flexslider .slides img {
     height: auto;
     -moz-user-select: none;
}
 .flex-viewport {
     max-height: 2000px;
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     -ms-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease;
}
 .loading .flex-viewport {
     max-height: 300px;
}
 @-moz-document url-prefix() {
     .loading .flex-viewport {
         max-height: none;
    }
}
 .carousel li {
     margin-right: 5px;
}
 .flex-direction-nav {
     *height: 0;
}
 .flex-direction-nav a {
     text-decoration: none;
     display: block;
     width: 40px;
     height: 40px;
     margin: -20px 0 0;
     position: absolute;
     top: 50%;
     z-index: 10;
     overflow: hidden;
     opacity: 0;
     cursor: pointer;
     color: rgba(0, 0, 0, 0.8);
     text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .flex-direction-nav a:before {
     font-family: "flexslider-icon";
     font-size: 40px;
     display: inline-block;
     color: rgba(0, 0, 0, 0.8);
     text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
 .flex-direction-nav .flex-prev {
     left: -50px;
}
 .flex-direction-nav .flex-next {
     right: -50px;
     text-align: right;
}
 .flexslider:hover .flex-direction-nav .flex-prev {
     opacity: 0.7;
     left: 10px;
}
 .flexslider:hover .flex-direction-nav .flex-prev:hover {
     opacity: 1;
}
 .flexslider:hover .flex-direction-nav .flex-next {
     opacity: 0.7;
     right: 10px;
}
 .flexslider:hover .flex-direction-nav .flex-next:hover {
     opacity: 1;
}
 .flex-direction-nav .flex-disabled {
     opacity: 0!important;
     filter: alpha(opacity=0);
     cursor: default;
     z-index: -1;
}
 .flex-pauseplay a {
     display: block;
     width: 20px;
     height: 20px;
     position: absolute;
     bottom: 5px;
     left: 10px;
     opacity: 0.8;
     z-index: 10;
     overflow: hidden;
     cursor: pointer;
     color: #000;
}
 .flex-pauseplay a:before {
     font-family: "flexslider-icon";
     font-size: 20px;
     display: inline-block;
     content: '\f004';
}
 .flex-pauseplay a:hover {
     opacity: 1;
}
 .flex-pauseplay a.flex-play:before {
     content: '\f003';
}
 .flex-control-nav {
     width: 100%;
     bottom: -6px;
     text-align: center;
     z-index: 99999;
     margin-bottom: -20px;
     position: sticky;
}
 .flex-control-nav li {
     margin: 0 6px;
     display: inline-block;
     zoom: 1;
     *display: inline;
}
 .flex-control-paging li a {
     width: 11px;
     height: 11px;
     display: block;
     background: #666;
     background: rgba(0, 0, 0, 0.5);
     cursor: pointer;
     text-indent: -9999px;
     -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
     -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
     box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
}
 .flex-control-paging li a:hover {
     background: #333;
     background: rgba(0, 0, 0, 0.7);
}
 .flex-control-paging li a.flex-active {
     background: #000;
     background: rgba(0, 0, 0, 0.9);
     cursor: default;
}
 .flex-control-thumbs {
     margin: 5px 0 0;
     position: static;
     overflow: hidden;
}
 .flex-control-thumbs li {
     width: 25%;
     float: left;
     margin: 0;
}
 .flex-control-thumbs img {
     width: 100%;
     height: auto;
     display: block;
     opacity: .7;
     cursor: pointer;
     -moz-user-select: none;
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     -ms-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease;
}
 .flex-control-thumbs img:hover {
     opacity: 1;
}
 .flex-control-thumbs .flex-active {
     opacity: 1;
     cursor: default;
}
/* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/
 @media screen and (max-width: 860px) {
     .flex-direction-nav .flex-prev {
         opacity: 1;
         left: 10px;
    }
     .flex-direction-nav .flex-next {
         opacity: 1;
         right: 10px;
    }
}
 .foot_slide, #menu-quick-links {
     margin-top:20px !important;
}
 .foot_slide .flex-control-nav {
     display: none !important;
}
 .foot_slide .flex-direction-nav {
     display: none !important;
}
 .foot_slide {
     border-bottom: unset !important;
}
 .vc_grid.vc_row .vc_grid-item {
     display: block !important;
     padding: 0;
     vertical-align: top;
     float: left !important;
     box-sizing: border-box;
     z-index: 1;
}
 .title_background {
     width: 100%;
     text-align: center;
     background-image: url(https://midstatehardware.com.au/wp-content/uploads/2018/11/background6.jpg);
     height: 100%;
     padding: 30px;
}
/*.entry-content {
    */
    /* padding-left: 7%;
    */
    /* padding-right: 7%;
    */
    /*
}
*/
 .the_tit {
     font-size: 48px !important;
     color: #1f419b;
     text-transform: uppercase;
}
 .the_tit a {
     color: #1f419b !important;
}
 .port-sac ul li p a:hover {
     color: #81cbf2;
}
 .open-sac ul li a:hover {
     color: #1f419b;
}
 .menu-product-range-container ul li a {
     font-size: 18px;
     text-transform: uppercase;
     color: black;
     width: 100% !important;
}
 .menu-product-range-container ul li {
     background-color: #f6eded !important;
     border: 1px solid white !important;
     padding: 10px !important;
}
 .tradeimage {
     float: left;
     width: 15%;
     padding: 0px;
     margin-right: 0px;
}
 .page-template-template-building_standards .tradeimage {
     float: left;
     width: 20%;
     padding: 0px;
     margin-right: 0px;
}
 .linksandho_es {
     float: left !important;
     position: relative;
     display: block;
     width: 65%;
}
 .itemname {
     text-transform: uppercase;
     background-color: #eaeaed;
     padding: 5px !important;
     color: #1F419B;
}
 .tradename {
     width: 50%;
     float: left;
     margin-top: -20px;
}
 .slide {
     padding: 3px !important;
     border-bottom: 1px dashed #c2bdc2;
     font-size: 16px;
}
 .archw {
     width: 60% !important;
}
 .tradecontent {
     width: 90%;
     padding: 20px 0 20px 0px;
     margin-bottom: 5px;
     margin-left: 0px;
}
 .tradename img {
     max-width: 116px !important;
     border: 1px solid #ece7e7;
     padding: 15px;
}
 .cent span a {
     background-color: #fbf5f5;
     padding: 5px 10px;
}
 .cent span a:hover {
     background-color: #1f419b;
     padding: 5px 10px;
}
 .contents {
     width: 25%;
     float: left;
}
 .guide img {
     max-width: 180px;
     max-height: 125px;
}
 .page-template-template-building_standards .tradename img {
     max-width: 116px !important;
     border: 1px solid #ece7e7;
     padding: 15px;
     margin-left: 48px;
}
 .brandanchors {
     margin-left: 50px;
     margin-top: 25px;
     margin-bottom: 25px;
     text-transform: uppercase;
     font-size: 16px;
}
 .page-id-459 .nav-menu, .parent-pageid-459 .nav-menu, .category-trade-promotions .nav-menu {
     display: none;
}
 .tradie-menu {
     display: none;
}
 .page-id-459 .tradie-menu, .parent-pageid-459 .tradie-menu, .category-trade-promotions .tradie-menu {
     float: left;
    /*width: 99%;
    */
     position: absolute;
}
 @media screen and (min-width: 769px) {
     .page-id-459 .tradie-menu, .parent-pageid-459 .tradie-menu, .category-trade-promotions .tradie-menu {
         display: inline-block !important;
    }
}
 .page-id-459 .head-bottom, .parent-pageid-459 .head-bottom, .category-trade-promotions .head-bottom {
     background: #81CBF2;
     margin: 15px 0 0;
}
 #tradienav li a:hover, #tradienav li.current-menu-item a {
     color: #1F419B !important;
}
 .nav-menu {
     position: absolute;
}
 .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
     margin-bottom: 15px !important;
}
 .service-name {
     background-color: black;
     margin-bottom: 35px;
     text-transform: uppercase;
     font-size: 20px !important;
     padding: 10px !important;
     color: white;
     margin-top: -10px;
     font-weight: bold !important;
}
 .pwb-brands-col3 {
     border: 1px dashed black;
     margin: 5px;
     text-align: center;
     padding: 10px !important;
}
 .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 {
     width: 18% !important;
     float: left;
}
 .post-thumbnail {
     float: left;
     margin: 15px;
}
 .entry-footer {
     display: none !important;
}
 .post-container {
     width: 100%;
     padding-top: 30px !important;
     padding: 20px;
     border: 1px solid #e3e0e0;
     margin: 5px;
     background-color: #f8f8f6;
}
 .entry-title.xxxx {
     font-size: 28px;
     margin-bottom: 15px;
     margin-top: -6px;
}
 #secondary {
     width: 15%;
     float: left;
     margin-left: 50px;
     top: 30px !important;
     position: sticky;
     margin-top: -4px;
}
 .allarticles {
     width: 60% !important;
     display: inline-block !important;
     text-align: left !important;
}
 .allarticles > article {
     width: 100% !important;
     display: inline-block !important;
}
 .hassidebar .entry-content {
     width: 80%;
     float: left;
}
.hassidebar .post-container .entry-content {
		width: 100% !important;
	}
 .widget-title {
     font-size: 28px !important;
     color: #1f419b !important;
     text-transform: uppercase !important;
     line-height: 46px;
}
 .menu li {
     font-size: 18px;
     background-color: #1f419b;
     border-bottom: 1px dashed white;
     padding: 20px;
}
 .menu li:hover {
     background-color: #81cbf2;
}
 .menu li a {
     color: white !important;
     font-family: CALIBRI_1;
}
 .menu li a:hover {
     color: #1f419b !important;
}
 .pwb-brands-cols-outer {
     margin-left: -5px !important;
     margin-right: 0 !important;
}
 .arch-content {
     width: 43% !important;
     padding-right: 30px;
     border-right: 1px dashed #ccc4c4;
}
 .flyerbut {
     width: 20%;
     float: left;
     text-align: center;
     margin-left: 40px;
}
 .flyer {
     background-color: #81cbf2;
     display: block;
     padding: 20px;
     color: white;
     margin-bottom: 5px;
}
 .cff_owl-item {
    /*border-left: 3px solid #8a8a8a;
     margin-left: 10px;
     padding-left: 10px;
    */
     border: 10px solid white !important;
}
 .cff-item {
     padding: 20px !important;
}
 .entry-title.xxxx a {
     text-transform: uppercase;
     background-color: #eaeaed;
     padding: 5px !important;
     color: #1F419B;
}
 .post-thumbnail {
     padding: 10px;
     margin-right: 40px;
     margin-top: 0px !important;
}
 .section-one {
     display: none !important;
}
 .hide-gal {
     display: none !important;
}
 #myModal {
     color: white !important;
}
 .bouttime {
     margin-right: 10px !important;
     padding: 0px 90px 10px 10px;
     margin-top: 20px !important;
}
 .open {
     margin-top: 15px !important;
}
 .times {
     margin-top: 15px !important;
}
 .gladstone {
     margin-top: 25px !important;
}
 #menu-quick-links.menu li {
     font-size: 18px !important;
     border-bottom: 1px dashed white !important;
     padding: 20px 20px 20px 0px !important;
     background-color: transparent !important;
}
 .gform_button {
     background-color: #02adbf !important;
     border: unset !important;
     color: white !important;
     padding: 5px 20px !important;
     border-radius: 0px !important;
     width: 144px !important;
}
 #gform_4 label {
     display: none !important;
}
 .page-id-598 .sponsor {
     width: 31%;
     float: left;
     border: 1px solid #e4e4e4;
     margin: 5px;
     min-height: 251px;
     text-align: center;
     position: relative;
}
 .page-id-19 .sponsor {
     width: 16%;
     float: left;
     border: 1px solid #e4e4e4;
     margin: 5px;
     min-height: 251px;
     text-align: center;
     position: relative;
}
 .sponsors {
     width: 100%;
}
 .page-id-459 .guide {
     width: 16%;
     float: left;
     border: 1px solid #e4e4e4;
     margin: 5px;
     min-height: 170px;
     text-align: center;
     position: relative;
}
 .guides {
     width: 100%;
}
 .sitemenu {
     position: sticky !important;
     top: 0 !important;
}
 li span h5 {
     position: absolute;
     bottom: 14px;
     font-size: 18px !important;
     width: 100%;
     border-top: 1px dashed #ddd;
}
 .sponsorimg {
     padding: 15px;
}
 #allbrands_lrg .brand {
     display: inline-block;
     width: 15%;
     background-color: white;
     border: 1px dashed #777;
     margin: 12px;
     padding: 10px;
     text-align: center;
}
 #tradiebrands .brand {
     display: inline-block;
     width: 22%;
     background-color: white;
     border: 1px dashed #777;
     margin: 11px;
     padding: 10px;
     text-align: center;
}
 .category-50 .widget-title {
     font-size: 28px !important;
     line-height: 52px !important;
}
 .fancybox-close {
     position: absolute;
     top: 0px !important;
     right: -36px !important;
     width: 25px;
     height: 25px;
     cursor: pointer;
     z-index: 8040;
     color: white;
}
 header:not(.page-header) {
     top: -173px;
     position: sticky;
     z-index: 999;
}
 .top-left-img {
     max-width: 100% !important;
     width: 305px !important;
     margin-right: 20px !important;
}
 .vc_btn3.vc_btn3-color-warning.vc_btn3-style-modern {
     color: #fff;
     border-color: #fe8220 !important;
     background-color: #fe8220 !important;
     border-radius: 0 !important;
     font-weight: bold;
     font: normal 16px/28px 'CALIBRIB_1';
     width: 220px !important;
}
 #field_5_44, #field_5_42 {
     overflow-y: scroll;
     overflow-x: hidden;
     height: 400px;
}
 .gsection {
     background-color: lightblue !important;
     padding: 5px !important;
     text-transform: uppercase !important;
     font-size: 18px !important;
}
 .contact-info td {
     padding: 5px;
     text-align: right;
     font-size: 16px;
}
 .fancybox-nav {
     width: 8% !important;
}
 #field_9_16 {
     text-align: right;
     font-size: 23px;
     padding: 13px 60px 0 60px;
     text-transform: uppercase;
}
 #field_9_16 .gfield_label {
     text-align: right;
     border-bottom: 2px dashed black;
}
 #field_9_16 .gfield_label {
     text-align: right;
     border-bottom: 2px dashed black;
}
 .home .orange-text.price {
     line-height: 17px !important;
}
 .home .product-sac > .product-box {
     padding: 68px 5px 0px 5px !important;
     line-height: 188px !important;
}
 .home .product-box img {
     vertical-align: middle !important;
     max-height: 185px !important;
}
 .single #main, .search-results #main, .error404 #main, .search-no-results #main {
     width: calc(85% - 50px);
     float: left;
}
 .single #main .post-container, .search-results #main .post-container, .error404 #main .post-container, .search-no-results #main .post-conatiner {
     width: 100% !important;
}
 .search-results #primary {
     width: 100% !important;
     display: inline-block !important;
}
 .home-overlay-text .wpb_wrapper, .home-overlay-text .wpb_wrapper .wpb_single_image {
     position: relative !important;
     margin-bottom: 0px !important;
}
 .home-overlay-text .wpb_wrapper h4.vc_custom_heading, .home-overlay-text .vc_figure-caption {
     color: #ffffff;
     text-align: center;
     position: absolute;
     bottom: 0;
     width: 100%;
     background: rgba(31, 65, 155, 0.7);
     padding-bottom: 10px !important;
     padding-top: 10px;
     font-weight: 900 !important;
	 max-width: 340px !important;
	 margin: 0 auto;
	right: 0;
	left: 0;
}
 .home-overlay-text .vc_figure-caption {
     font-size: 24px !important;
}
 .opentable tr td:nth-child(2) {
     padding-left: 5px !important;
     font: normal 15px/20px 'CALIBRI_1' !important;
}
 .gform_button, .gfield, textarea, a {
     font-family: 'CALIBRI_1' !important;
}
 .archive.category .article .post-container {
     width: 100% !important;
}
 @media screen and (max-width: 480px) {
     header .top-part.white-text, header .top-right .open-sac {
         display: none !important;
    }
     h3.the_tit {
         font-size: 25px !important;
         line-height: 25px !important;
    }
     header .bottom-right a:nth-child(2), body:not(.page-id-459):not(.parent-pageid-459):not(.category-trade-promotions) header .bottom-right a {
         line-height: 52px !important;
    }
     #secondary {
         width: 100% !important;
         position: relative !important;
         margin: 0 auto !important;
         top: unset !important;
    }
     .allarticles {
         width: 100% !important;
    }
     .arch-content {
         width: 100% !important;
         border-right: 0px !important;
         padding-right: 0px !important;
    }
     .flyerbut {
         width: 100% !important;
         margin: 0 auto !important;
         padding-top: 10px !important;
    }
     .allarticles .post-container {
         width: calc(100% - 10px) !important;
    }
     .hassidebar .entry-content, .tradename, #content .contents, .tradeimage, .linksandho_es {
         width: 100% !important;
    }
     .page-id-459 .guide {
         width: 47% !important;
    }
     .brandanchors {
         margin: 25px 20px !important;
    }
     .tradecontent {
         margin-left: 0px !important;
    }
     .home .home-overlay-text > .wpb_column {
         width: 100% !important;
    }
}
 @media screen and ( max-width: 769px ) {
     #tradienav {
         position: absolute !important;
    }
     #navbtn {
         height: 50px !important;
    }
     #main header.page-header {
         z-index: 10 !important;
    }
     .arch-content {
         width: 56% !important;
    }
     #secondary {
         margin-top: unset !important;
         width: 23% !important;
         top: 188px !important;
    }
     .post-container {
         width: 100% !important;
    }
     #content h2 {
         font-size: 27px !important;
    }
     .flyerbut {
         width: 35% !important;
    }
     .hassidebar .entry-content {
         width: calc(77% - 50px) !important;
    }
     .entry-content .vc_col-sm-6, .entry-content .vc_col-sm-3 {
         width: 100% !important;
    }
     #content .contents {
         width: 50% !important;
    }
     .page-template-building_standards #secondary {
         display: none !important;
    }
     .tradecontent .tradeimage, .tradecontent .linksandho_es {
         width: 100% !important;
    }
     header h4 {
         font-size: 20px !important;
    }
     .port-sac ul li p a {
         font-size: 16px !important;
    }
     .home-overlay-text > .wpb_column {
         width: 33% !important;
         margin-bottom: 10px !important;
    }
     .home-overlay-text h4 {
         position: relative !important;
    }
     .brands ul li {
         min-height: 51px !important;
    }
     header > .wrapper {
         padding-left: 0px !important;
    }
     .tabbycat .vc_tta-tab a {
         padding-right: 30px !important;
    }
     .latest-sac {
         display: none !important;
    }
}
/*STYLE FIXES 14-02-2019*/
 .archive #secondary {
     margin-right: 50px !important;
     float: unset !important;
     display: inline-block !important;
     vertical-align: top !important;
}
 .arch_contain {
     text-align: center !important;
}
 .allarticles {
     padding: 20px 0px !important;
}
 .page-id-21 .entry-content svg {
     margin-left: -25px;
     position: absolute;
     margin-top: 4px;
     color: #fe8220 !important;
}
 @media screen and (max-width: 1025px) {
     header > .wrapper {
         padding-left: 0px !important;
    }
     .brands ul li {
         float: unset !important;
         width: calc(18% - 20px) !important;
    }
     footer div:nth-child(2) .textwidget span {
         width: 100% !important;
         display: inline-block;
    }
     footer div:nth-child(2) .textwidget p {
         line-height: 9px !important;
    }
     footer div:nth-child(2) .textwidget br {
         margin-bottom: 30px !important;
    }
     .tabbycat .vc_tta-tabs-container ul li a {
         padding: 0px 25px 0px 20px !important;
    }
     .page-template-default.hassidebar #content .entry-content {
         width: 70% !important;
    }
     .page-template-default.hassidebar #content .sidebar {
         width: calc(30% - 50px) !important;
    }
}
 @media screen and ( max-width: 769px ) {
     header #logo {
         width: 50% !important;
         display: inline-block !important;
         margin-top: 31px !important;
    }
     header .top-right {
         max-width: 50% !important;
    }
}
 .vc_btn3-color-warning, .vc_btn3.vc_btn3-color-warning {
     background-color: #FE8220 !important;
}
 .cent {
     text-align: center;
     margin: auto;
     width: 100%;
     display: grid;
     margin-bottom: 20px;
}
 .selecto {
     width: 50% !important;
     margin-bottom: 10px;
}
/* Dropdown */
 .dropdownx {
     display: inline-block;
     position: relative;
     margin-left: -50px;
     width: 224px;
     margin-top: 20px;
     z-index: 999;
}
 .dd-button {
     display: inline-block !important;
     border: 1px solid gray;
     border-radius: 4px;
     padding: 10px 30px 10px 20px;
     background-color: #ffffff;
     cursor: pointer;
     white-space: nowrap;
}
 .dd-button:after {
     content: '';
     position: absolute !important;
     top: 50%;
     right: 15px;
     transform: translateY(-50%);
     width: 0;
     height: 0;
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
     border-top: 5px solid black;
}
 .dd-button:hover {
     background-color: #eeeeee;
}
 .dd-input {
     display: none;
}
 .dd-menu {
     position: absolute;
     top: 100%;
     border: 1px solid #ccc;
     border-radius: 4px;
     padding: 0;
     margin: 2px 0 0 0;
     box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
     background-color: #ffffff;
     list-style-type: none;
}
 .dd-input + .dd-menu {
     display: none;
}
 .dd-input:checked + .dd-menu {
     display: block;
}
 .dd-menu li {
     padding: 10px 20px;
     cursor: pointer;
     white-space: nowrap;
}
 .dd-menu li:hover {
     background-color: #f6f6f6;
}
 .dd-menu li a {
     display: block;
     margin: -10px -20px;
     padding: 10px 20px;
}
 .dd-menu li.divider{
     padding: 0;
     border-bottom: 1px solid #cccccc;
}
 ul {
     font: normal 15px/20px 'CALIBRI_1';
}
 ul.checklist li:before {
     content: '✓';
     margin-right: 5px;
}
 .cat_description {
     padding: 0px 20px 20px 20px;
}
 .cat_description p {
     font: normal 24px/32px 'CALIBRI_1' !important;
     text-align: center !important;
}
 #bluescope-estimator iframe {
     margin-top: -600px !important;
     max-width: 960px !important;
}
 #bluescope-estimator {
     width: 100% !important;
     overflow: hidden !important;
     border-top: 2px solid #4c4c4c !important;
     border-bottom: 2px solid !important;
     border-right: 0px !important;
     border-left: 0px !important;
     max-width: 960px !important;
     margin: 0 auto !important;
}
 .product-box img {
     max-width: 270px;
     max-height: 165px;
}
 .fancybox-inner .product-box img {
     margin-top: 70px;
}
 .list img {
     width: 200px;
     margin-top: 30px !important;
     margin-left: 15px;
}
.show_style li
{
	list-style-type: disc !important;
}
#installation_guide_principal a::after
{
	content: "Installation Guide Download (PDF)";
	display: inline-block !important;
	position: absolute !important;
	left: 0 !important;
	top: 50% !important;
}
a.buttonStyle,
#installation_guide_principal a::after
{
	background: #fe8220 !important;
	padding: 20px !important;
	color: white !important;
	font-weight: bold !important;
	font-size: 18.2px !important;
	box-shadow: 2px 2px 5px black !important;
}
#installation_guide_principal img {
	float: right;
	transform: rotate(10deg);
	padding-right: 45px;
	max-width: 245px;
}
#installation_guide_principal a
{
	position: relative !important;
}
#installation_guide_principal figure,
#installation_guide_principal a
{
	width: 100% !important;
}
.kit-plan-img::after{
	display: none !important;
}
.project-right.aligncenter img {
	max-width: 35px !important;
	max-height: 35px !important;
}
.project-box.diy-with-the-kids .project-right,
.project-box.diy .project-right
{
	background: #B24365 !important;
}
.project-box.backyard--outdoor .project-right,
.project-box.backyard .project-right
{
	background: #00ABBD !important;
}
.project-box.garden .project-right
{
	background: #71B948 !important;
}
.project-box.tool-tips .project-right,
.project-box.tool .project-right
{
	background: #4A4A4A !important;
}
.project-box.home-improvement .project-right,
.project-box.home .project-right
{
	background: #0B59A1 !important;
}
.project-box .project-right a
{
	color: white !important;
	min-height: 39px !important;
	display: inline-block !important;
}
.project-box > a 
{
	display: inline-block !important;
	width: 100% !important;
	min-height: 180px !important;
	background-size: cover;
	background-position: center;
}
.project-box .project-right a,
.project-box .project-left a
{
	background-image: unset !important;
}
#bottom_footer_menu li {
	background: transparent !important;
	border: none !important;
	display: inline-block;
	padding: 10px !important;
}
#bottom_footer_menu li:not(:last-child)
{
	border-right: 1px solid white !important;
}
.bulletys li
{
	list-style-type: disc !important;
}
.bulletys 
{
	padding-left: 20px !important;
}
label {
    font-size: 16px !important;
margin: 0px !important;
}
.post-template-default .post-container > .entry-title {
	display: none;
}
.post-template-default .post-container h4 {
	text-align: left;
	font-size: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-top: 10px;
	border-top: 2px dashed;
	display: inline-block;
}
.fullwide .entry-content
{
	width: 100% !important;
}
.page-id-3 .entry-content h5
{
	font-size: 20px !important;
	margin-bottom: 20px !important;
	margin-top: 20px !important;
	padding-top: 10px !important;
	border-top: 2px dashed !important;
	display: inline-block !important;
	font-family: "HellNue" !important;
}
.nav-links > div {
	display: inline-block;
	background: white;
	padding: 20px;
	border: 1px solid #fe8220;
	margin: 10px;
	color: #fe8220 !important;
	border-radius: 5px;
}
.nav-links > div span
{
	color: #fe8220 !important;
}
.nav-links .meta-nav
{
	font-size: 0px !important;
}
.nav-links > div span
{
	color: #fe8220 !important;
}
.nav-previous a::before {
	display: inline-block;
	background: url('https://midstatehardware.com.au/wp-content/uploads/2020/05/arrow-left.png');
	content: "";
	width: 25px;
	height: 25px;
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 10px;
}
.nav-next a::after {
	display: inline-block;
	background: url('https://midstatehardware.com.au/wp-content/uploads/2020/05/arrow-left.png');
	transform: rotate(180deg);
	content: "";
	width: 25px;
	height: 25px;
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-left: 10px;
}
.nav-next
{
	float: right !important;
}
body.hassidebar.archive #content {
	width: calc(85% - 100px);
	float: left;
}
.row.cent {
	display: flex;
	align-items: center;
}
.search-form input
{
max-width: 100% !important;
width: 400px !important;
}
#tandcbox strong
{
	margin-left: -55px;
	margin-right: 13px;
	min-width: 37px !important;
	display: inline-block;
}
#tandcbox
{
	padding-left: 60px;
}
.page-id-1339 #content .entry-content h2
{
	font-size: 23px !important;
}
body:not(.home) #content .entry-content,
body.archive #content #main
{
	padding: 30px !important;
}
body:not(.home) #content .gray-bg
{
	padding-left: 30px !important;
	padding-right: 30px !important;
}
footer
{
	display: inline-block !important;
}