/** Shopify CDN: Minification failed

Line 100:0 Unexpected "#6025533b0804174705db0f9c"

**/
/* Designed by Codehouse.pk - Aaliyan Gul */
body{
     font-family: 'Lato', sans-serif;
     font-weight:300;
     background:#f2f2f2;
}
 a:hover{
     text-decoration:none;
     color: unset;
}
 p {
     line-height: 22px;
     font-family: 'Lato', sans-serif;
     font-size: 15px;
}
p:last-child {
     margin-bottom:0px;
}
 h1 {
     font-family: 'Lato', sans-serif;
     font-size:30px;
     font-weight: 600;
}
 h2 {
     font-family: 'Lato', sans-serif;
     font-size: 22px;
     font-weight: 600;
}
 h3 {
     font-family: 'Lato', sans-serif;
     font-size: 18px;
}
 h4 {
     font-family: 'Lato', sans-serif;
     font-size: 20px;
}
 h5 {
     font-family: 'Lato', sans-serif;
     font-size: 20px;
     font-weight: 500;
     font-style: italic;
}
 h6 {
     font-family: 'Lato', sans-serif;
     font-size: 16px;
}
 header .container{
     background: none;
     padding-top: 5px;
}
 a.brand {
     display: inline-block;
     padding-left: 0;
}
 .tp p{
     display: inline-block;
     color: white;
     font-weight: 600;
     font-size: 20px;
     vertical-align: top;
     padding-top: 10px;
     padding-left: 8px;
}
 header ul li a{
     color: #000;
}
 header ul li a:hover{
     color:#000;
}
.owl-carousel .owl-stage-outer {margin-top:11px;}
 .col-md-6.tp {
     padding-top: 30px;
}
 .search {
     float: right;
     width: 67%;
     margin-bottom: 10px;
     display: inline-block;
     width: 100%;
}
 form.searchbar input[type="search"] {
     padding: 5px 10px;
     font-size: 17px;
     border: 1px solid grey;
     float: left;
     border-radius: 4px;
     width: 80%;
     background: #fff;
}
/* Style the submit button */
#desktop-popup-wrapper i{cursor:pointer!important;}
.desktop-close-icon{cursor:pointer!important;}
.list-inline {display:none;}
header ul.list-inline {display:block;}
#6025533b0804174705db0f9c .desktop-close-icon {cursor:pointer!important;}
#desktop-popup-wrapper i.desktop-close-icon {cursor:pointer!important;}
 form.searchbar button {
     float: left;
     width: 17%;
     margin-left: 10px;
     padding: 5px 10px;
     border-radius: 4px;
     background-image: linear-gradient(#fff, #ddd);
     color: #000;
     font-size: 17px;
     font-weight: 600;
     border: 1px solid grey;
     border-left: none;
     cursor: pointer;
     border-left: solid 1px #000;
}
 form.searchbar button:hover {
     background: #d1090a;
     color: #fff;
}
/* Clear floats */
 form.searchbar::after {
     content: "";
     clear: both;
     display: table;
}

.grid__product-content.text-center .price-section strike {display:none;}
.product-single .form-vertical .product--option.price #ComparePrice {display:none!important;}
.grid__product-content.text-center .price-section .price {float:none; width:100%;}
/*maga nav*/
 .mega-dropdown {
     position: static !important;
}
 .mega-dropdown-menu {
     padding: 20px 0px;
     min-width: 100%;
     width: auto;
     background-color: #eee;
     box-shadow: none;
     -webkit-box-shadow: none;
}
 .mega-dropdown-menu > li > ul {
     padding: 0;
     margin: 0;
}
 .mega-dropdown-menu > li > ul > li {
     list-style: none;
     border-right: 2px solid #ddd;
}
 .mega-dropdown-menu > li > ul > li:last-child{
     border-right: 0px solid #ddd;
}
 .mega-dropdown-menu > li > ul > li > a {
     display: block;
     color: #222;
     padding: 3px 7px;
}
 .mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus {
     text-decoration: underline;
     color: #036;
}
 .mega-dropdown-menu .dropdown-header {
     font-size: 18px;
     color: #ff3546;
     padding: 5px 60px 5px 5px;
     line-height: 30px;
}
 .dropdown-menu{
     background-color: #eee;
}
 .navbar-inverse {
     background-color: #036;
     border-color: #003366;
     margin-top: 1px;
     margin-bottom: 1px;
}
 .navbar-nav>li>a {
     padding-top: 6px;
     padding-bottom: 6px;
}
 .navbar-inverse .navbar-nav>li>a {
     color: #fff;
     font-weight: 600;
     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#003366,endColorstr=#335C85);
     background-image: -webkit-linear-gradient(#000 50%,#333 50%,#222);
     background-image: linear-gradient(#000 50%,#333 50%,#222);
}
 .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
     color: #9d9d9d;
}
.navbar-inverse .navbar-nav>li>a.dropdown-toggle:hover {
     color: #9d9d9d;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#003366,endColorstr=#335C85);
    background-image: -webkit-linear-gradient(#000 50%,#333 50%,#222);
    background-image: linear-gradient(#000 50%,#333 50%,#222);
}
 .navbar {
     position: relative;
     min-height: auto;
}
 .navbar-collapse {
     padding-right: 0px;
     padding-left: 0px;
}
 .navbar-nav>li {
     float: left;
     width: 159px;
     text-align: center;
     border-right: 1px solid white;
     margin-bottom:0;
}


 .navbar-nav>li:last-child {
     border-right: 0px solid white;
}
/*end nav*/
 .container{
     padding: 0px;
     max-width: 1275px;
     width: auto;
}
 .flex{
     display: flex;
     flex-wrap: wrap;
}
 .flex > div:nth-child(1) {
     width: 66%;
     position: relative;
}
 .flex > div:nth-child(2){
     width: 34%;
}
 .img{
     position: relative;
}
 .top-flex{
     display: flex;
     flex-wrap: wrap;
}
 .padd{
     padding: 10px 5px 10px 10px;
}
 .top-flex > div{
     width: 47%;
     margin-left: 10px;
     text-align: center;
     color:white;
     position: relative;
}
 .top-flex h3{
     position: absolute;
     text-transform: uppercase;
     margin: 0px;
     bottom: 16px;
     left: 0;
     font-weight: 600;
    /* text-align: center;
     */
     right: 0;
}
 .top-heading {
     width: 44%;
     position: absolute;
     top: 0px;
     text-align: center;
}
 .top-heading h1{
     margin-top: 0px;
     color:black;
}
 .view-btn{
     padding: 7px 36px;
     background-image: linear-gradient(#cc0000, #df2022);
     color: white;
     text-decoration: none;
     font-size: 17px;
     display: inline-block;
     border-radius: 5px;
}
 .t-box p{
     position: absolute;
     background: #0062bd;
     color: white;
     bottom: 21px;
     font-size: 20px;
     display: block;
    /* text-align: center;
     */
     width: 85%;
     padding: 24px 20px;
    /* padding: 10px 10px 10px 43px;
     */
     text-transform: uppercase;
     z-index: -1;
     font-weight: 600;
}
 .mid-wrap{
     background: white;
     padding: 15px;
}
 .p-flex{
     display: flex;
     flex-wrap: wrap;
}
 .p-flex > div {
     text-align: center;
}
 .p-flex a{
     color: black;
     font-weight: 600;
     text-decoration: none;
     font-size: 17px;
     text-transform: uppercase;
}
 .p-flex a:hover{
     text-decoration: underline;
     color:#036;
}
 .bt-link a{
     color:#666;
}
 .footer-link {
     padding: 20px 0px 0;
     border-top: 1px solid #eaeaea;
}
 .footer-link li{
     list-style-type: none;
     padding-right: 10px;
     padding-left: 0px;
     /*border-right: 2px solid gray;*/
}
 .footer-link li a{
     display: block;
     color:gray;
     text-align: left;
}
 .footer-link li a.last-li{
     border: 0;
}
 .footer-link li a:hover{
     text-decoration: underline;
     color:#036;
}
 .footer-link li:last-child{
     border-right: 0px;
}
 .navbar-nav>li:last-child>.dropdown-menu {
     left:unset;
     right: 0;
}
/*Responsive table*/
/*====== Media Queries =======*/
/*========================*/
 @media (min-width: 1200px) and (max-width: 2400px) {
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .navbar-nav>li {
         float: left;
         width: 147px;
    }
     .t-box p {
         position: absolute;
         background: #0062bd;
         color: white;
         bottom: 5px;
         font-size: 20px;
         display: block;
        /* text-align: center;
         */
         width: 99%;
         padding: 24px 20px;
        /* padding: 10px 10px 10px 43px;
         */
         text-transform: uppercase;
         z-index: -1;
         font-weight: 600;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .navbar-nav>li {
         float: left;
         width: auto;
         text-align: center;
         border-right: 1px solid white;
    }
     .top-flex > div {
         width: 46%;
    }
     .t-box p {
         position: absolute;
         background: #0062bd;
         color: white;
         bottom: 14px;
         font-size: 16px;
         display: block;
        /* text-align: center;
         */
         width: 100%;
         padding: 16px 6px;
        /* padding: 10px 10px 10px 43px;
         */
         text-transform: uppercase;
         z-index: -1;
         font-weight: 600;
    }
}
 @media (max-width: 767px) {
     .footer-link li {
         display: inline-block;
         border-bottom: 1px solid #ddd;
    }
     .footer-link li a {
         display: block;
         color: gray;
         text-align: left;
         float: left;
         /*border-right: 1px solid;*/
         padding: 0 10px;
    }
     .navbar-nav>li {
         float: unset;
         width: auto;
         text-align: left;
         padding-left: 15px;
         border-right: 0px solid white;
    }
     .mega-dropdown-menu > li > ul > li > a {
         display: block;
         color: white;
         padding: 3px 7px;
    }
     .mega-dropdown-menu > li > ul > li {
         list-style: none;
         border-right: 0px solid #ddd;
    }
     .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
         color: white;
    }
     .top-heading {
         width: 100%;
    }
     .t-box p {
         position: absolute;
         background: #0062bd;
         color: white;
         bottom: 0px;
         font-size: 15px;
         display: block;
        /* text-align: center;
         */
         width: 100%;
         padding: 14px 20px;
        /* padding: 10px 10px 10px 43px;
         */
         text-transform: uppercase;
         z-index: -1;
         font-weight: 600;
    }
     .top-flex h3 {
         position: absolute;
         text-transform: uppercase;
         margin: 0px;
         font-size: 8px;
         bottom: 16px;
         left: 0;
         font-weight: 600;
        /* text-align: center;
         */
         right: 0;
    }
     .top-flex > div {
         width: 45%;
         margin-left: 8px;
         text-align: center;
         color: white;
         position: relative;
    }
     .p-flex > div {
         text-align: center;
    }
    /*===============responsive nav======================*/
     .wrapper-mob {
         color: white;
         background: #036;
         padding: 10px;
    }
     .top-navm{
         display: flex !important;
         flex-wrap: wrap;
    }
     .top-navm .col-xs-6 {
         width: 48%;
         padding: 0;
    }
     .wrapper-mob img{
         display: inline-block;
         margin: 8px 0;
    }
     .wrapper-mob ul.list-inline li a{
         color:white;
    }
     .wrapper-mob ul.list-inline li a:hover{
         color:#fff;
    }
     .wrapper-mob .row {
         margin-right: 0px;
    }
     .col-sm-12.search {
         float: unset;
         margin-top: 10px;
         width: 100%;
    }
     .col-sm-12.search form.searchbar input[type="search"] {
         padding: 5px 10px;
         font-size: 17px;
         border: 1px solid grey;
         float: left;
         border-radius: 0px;
         width: 80%;
         background: #fff;
       outline: 0;
    }
     form.searchbar button {
         float: left;
         width: 20%;
         margin-left: 0px;
         padding: 5px 10px;
         background: #003366;
         color: white;
         font-size: 17px;
         border: 1px solid grey;
         border-left: none;
         cursor: pointer;
    }
     .sidenav {
         height: 100%;
         width: 0;
         position: fixed;
         z-index: 31;
         top: 0;
         left: 0;
         background-color: #fff;
         overflow-x: hidden;
         transition: 0.5s;
         padding-top: 60px;
    }
     .sidenav .closebtn {
         position: absolute;
         top: 0;
         background: #001e74;
         right: 0px;
         padding: 0px 14px;
         color: white;
         font-size: 27px;
         text-decoration: none;
    }
     #main-nav {
         position:absolute;
         top:47px;
         left:0px;
         width: 250px;
         height: 100%;
         overflow: hidden;
         min-height: 900px;
    }
     .ul{
         margin:0px;
         padding:0px;
    }
     .ul li{
         list-style-type:none;
         width:100%;
         border-bottom: solid 1px #ddd;
    }
     .ul li a{
         text-align:left;
         text-decoration:none;
         font-size:14px;
         text-transform: capitalize;
         color:#3F51B5;
         padding:10px 12px;
         display:block;
    }
     .ul li a .fa{
         margin-right:10px;
    }
     .main-nav {
         position:absolute;
         top:47px;
         left:0px;
         width:250px;
         background: #fff;
         height: 100%;
         overflow: hidden;
         min-height: 900px;
         z-index: 3;
         display: none;
    }
     li.divider {
         padding: 2px 12px;
         background: #ddd;
    }
     li.divider p{
         line-height: 17px;
    }
     li.divider p a{
         display: inline-block;
         padding: 0px;
    }
     .fr-sh a {
         display: block;
         padding: 8px 16px;
         color: #848484;
         text-decoration: none;
         font-size: 14px;
    }
     .ul h5 {
         padding-left: 8px;
         margin: 0px;
         padding-top: 10px;
         padding-bottom: 10px;
    }
}
 @media (max-width: 480px) {
     .footer-link li {
         display: inline-block;
         list-style-type: none;
         padding-right: 10px;
         padding-left: 10px;
         border-right: 0px solid gray;
    }
     .p-flex a {
         color: black;
         font-weight: 600;
         text-decoration: none;
         font-size: 11px;
         text-transform: uppercase;
    }
     .p-flex > div {
         text-align: center;
    }
     .top-flex > div {
         width: 42%;
         margin-left: 8px;
         text-align: center;
         color: white;
         position: relative;
    }
     .top-flex h3 {
         position: absolute;
         text-transform: uppercase;
         margin: 0px;
         font-size: 8px;
         bottom: 16px;
         left: 0;
         font-weight: 600;
        /* text-align: center;
         */
         right: 0;
    }
     .t-box p {
         position: absolute;
         background: #0062bd;
         color: white;
         bottom: -21px;
         font-size: 9px;
         display: block;
        /* text-align: center;
         */
         width: 100%;
         padding: 20px 5px;
        /* padding: 10px 10px 10px 43px;
         */
         text-transform: uppercase;
         z-index: -1;
         font-weight: 600;
    }
     .view-btn {
         padding: 2px 27px;
         background-image: linear-gradient(#cc0000, #df2022);
         color: white;
         text-decoration: none;
         font-size: 14px;
    }
     .top-heading h1 {
         margin-top: 0px;
         color: black;
         font-size: 16px;
    }
   
   .owl-carousel .owl-stage-outer{margin-top: 10px;}
     h2 {
         font-family: 'Lato', sans-serif;
         font-size: 16px;
    }
    .wrapper-mob.visible-xs ul.list-inline {
         margin-bottom: 0;
    }
    .wrapper-mob.visible-xs ul.list-inline li {
         padding: 0 6px;
    }
     .top-heading {
         width: 100%;
    }
     .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
         color: white;
    }
     .mega-dropdown-menu > li > ul > li {
         list-style: none;
         border-right: 0px solid #ddd;
    }
     .mega-dropdown-menu > li > ul > li > a {
         display: block;
         color: white;
         padding: 3px 7px;
    }
     .navbar-nav>li {
         float: unset;
         width: auto;
         text-align: left;
         padding-left: 15px;
         border-right: 0px solid white;
    }
     a.brand {
         width: 16%;
    }
     .tp p {
         display: inline-block;
         color: white;
         font-weight: 600;
         font-size: 13px;
         vertical-align: top;
         padding-top: 0px;
         padding-left: 6px;
    }
     .search {
         width: 100%;
    }
    /*===============responsive nav======================*/
    /*===============responsive nav======================*/
     .wrapper-mob {
         color: #000;
         background: white;
         padding: 10px;
    }
     .top-navm{
         display: flex !important;
         flex-wrap: wrap;
    }
     .top-navm .col-xs-6 {
         width: 48%;
         padding: 0;
    }
     .wrapper-mob img{
         display: inline-block;
    }
     .wrapper-mob ul.list-inline li a{
         color:white;
         font-size: 22px;
    }
     .wrapper-mob ul.list-inline li a:hover{
         color:#fff;
    }
     .wrapper-mob .row {
         margin-right: 0px;
    }
     .col-sm-12.search {
         float: unset;
         margin-top: 10px;
         width: 100%;
    }
     .col-sm-12.search form.searchbar input[type="search"] {
         padding: 5px 10px;
         font-size: 17px;
         border: 1px solid grey;
         float: left;
         border-radius: 0px;
         width: 80%;
         background: #fff;
       outline: 0;
    }
     form.searchbar button {
         float: left;
         width: 20%;
         margin-left: 0px;
         padding: 5px 10px;
         background: #003366;
         color: white;
         font-size: 17px;
         border: 1px solid grey;
         border-left: none;
         cursor: pointer;
    }
     .sidenav {
         height: 100%;
         width: 0;
         position: fixed;
         z-index: 31;
         top: 0;
         left: 0;
         background-color: #fff;
         overflow-x: hidden;
         transition: 0.5s;
         padding-top: 60px;
    }
     .sidenav .closebtn {
         position: absolute;
         top: 0;
         background: #001e74;
         right: 0px;
         padding: 0px 14px;
         color: white;
         font-size: 27px;
         text-decoration: none;
    }
     #main-nav {
         position:absolute;
         top:47px;
         left:0px;
         width: 250px;
         height: 100%;
         overflow: hidden;
         min-height: 900px;
    }
     .ul{
         margin:0px;
         padding:0px;
    }
     .ul li{
         list-style-type:none;
         width:100%;
         border-bottom: solid 1px #ddd;
    }
     .ul li a{
         text-align:left;
         text-decoration:none;
         font-size:14px;
         text-transform: capitalize;
         color:#3F51B5;
         padding:10px 12px;
         display:block;
    }
     .ul li a .fa{
         margin-right:10px;
    }
     .main-nav {
         position:absolute;
         top:47px;
         left:0px;
         width:250px;
         background: #fff;
         height: 100%;
         overflow: hidden;
         min-height: 900px;
         z-index: 3;
         display: none;
    }
     li.divider {
         padding: 2px 12px;
         background: #ddd;
    }
     li.divider p{
         line-height: 17px;
    }
     li.divider p a{
         display: inline-block;
         padding: 0px;
    }
     .fr-sh a {
         display: block;
         padding: 8px 16px;
         color: #848484;
         text-decoration: none;
         font-size: 14px;
    }
     .ul h5 {
         padding-left: 8px;
         margin: 0px;
         padding-top: 10px;
         padding-bottom: 10px;
    }
     .top-navm .col-xs-6 {
         width: 48%;
         padding: 0;
    }
     .top-navm {
         display: flex !important;
         flex-wrap: wrap;
    }
}
 .mega-dropdown-menu > li.last-li > ul > li {
     border-right: 0px;
}
.breadcrumb {
    padding: 10px 0 0;
    background-color: transparent;
    margin-bottom: 10px;
}
.breadcrumb a:first-child, .breadcrumb span:first-child {
    padding-left: 0;
}
.template-page .page--item table {
    background: #f7f7f7;
    padding: 15px;
    display: inline-block;
    overflow: auto;
}
ul.mega-menu-mobile {
    padding-left: 20px;
}
.product-reasons img {
    width: 90px;
    margin: 15px 0;
}
input.gsadminsects {
    display: none !important;
}
a.cate-box {
    margin: 15px 0;
    color: #fff;
    display: block;
   /* filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#003366,endColorstr=#335C85);
    background-image: -webkit-linear-gradient(#036 50%,#325b84 50%,#0e3e6e);
    background-image: linear-gradient(#036 50%,#325b84 50%,#0e3e6e);*/
   background:#000;
}
a.cate-box:hover {
    color: #fff;
}
span.logo-bar__link {
    padding: 15px 0;
    display: block;
}
a.cate-box img {
    margin: 0 auto;
    width: 100%;
    text-transform: lowercase;
}
span.unite {
    font-size: 18px;
    font-weight: 400;
    color: #000;
}
#CartContainer .ajaxcart__qty {
    display: none;
}
input#Quantity {
    text-align: center;
}
.tp p.whour {
    font-size: 12px;
}
#shopify-section-collection-template .unite {
    font-size: 11px;
    line-height: 13px;
    max-width: 200px;
    margin: 5px auto;
}
.footer-col{  margin-bottom: 10px;
  min-height: 235px;
}
@media (min-width: 768px) {
 .border-right {
    border-right: 2px solid #114070;
 }
 ul.list-inline-left {
    padding: 10px 20px 10px 0;
   margin-left:0;
 }
 footer .col-sm-3.col-xs-12.footer-col h3 {
    text-align: left;
    
    text-transform: uppercase;
    color: #134271;
    font-weight: 600;
    font-size: 17px;
 }
 footer .col-sm-3.col-xs-12.footer-col:first-child h3 {
    margin-left: 0;
 }
 footer .col-sm-3.col-xs-12.footer-col p {
    text-align: left;
   
    color: #000;
    font-weight: 500;
 }
 footer .col-sm-3.col-xs-12.footer-col:first-child p {
    margin-left: 0;
 }
 footer .col-sm-3.col-xs-12.footer-col:first-child .list-inline-left {
    padding: 10px 0px;
    margin: 0
 }
 footer .col-sm-3.col-xs-12.footer-col:first-child .list-inline-left li {
    padding-left: 0px;
 }
}
@media (max-width: 767px) {
 .footer-col {
    text-align: left;
    padding: 10px 30px 0;
    background: #f3f0f0;
 }
 .footer-link li {
    width: 100%;
    padding: 0;
 }
 ul.list-inline-left, .footer-link li a {
    padding: 0;
 }
}
footer .copyright-bar {
    background: #000;
    padding: 10px 25px;
    color: #fff;
    text-align: left;
    line-height:2;
}
footer .copyright-bar a {
    color: #fff;
}