@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Whisper&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* The file generic.css is used to style this template. If you are using your own design this file can be deleted and just use style.css which includes the classes for the shopping cart software.*/
/*-------------------------------------*/

/***************************** Reset Styles **********************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}

/*body{line-height:1;*/
/*      font-family: "Lato", sans-serif;*/
/*}*/

ol,ul{list-style:none}

blockquote,q{quotes:none}

blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}

:focus{outline:0}

ins{text-decoration:none}

del{text-decoration:line-through}

 table{border-collapse:collapse;border-spacing:0} 

a{color:#333; text-decoration:none; font-weight:bold;}
	a:hover{text-decoration:underline;}
	a .current{text-decoration:underline;}



@font-face {
    font-family: 'MarkaRegular';
    src: url('../fonts/marka___.eot');
    src: url('../fonts/marka___.eot') format('embedded-opentype'),
         url('../fonts/marka___.woff2') format('woff2'),
         url('../fonts/marka___.woff') format('woff'),
         url('../fonts/marka___.ttf') format('truetype'),
         url('../fonts/marka___.svg#MarkaRegular') format('svg');
}

body {
	/*font: 13px Arial, Helvetica, sans-serif;*/
	background: #fff;
	margin: 0;
	padding: 0;
	/*color: #000;*/
	/*line-height: 18px;*/
	background-image:url(../assets/images/bg2-2.png); 
	font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #393939;
    line-height: 24px
}


/*#wrapper {margin: 0 auto;width: 1004px;}*/

#header{position:relative; height:400px;}
	.theme-default, slider-wrapper #slider {height:400px; width:100%; position:absolute; top:0; left:0}
	.theme-default, slider-wrapper #slider img{overflow:hidden; margin:auto; text-align:center;}
	
	.logo{  width: 380px;
        	height:85px;
        	/*background:#22477d;*/
        	border-radius: 0 0 20px 20px;
        	/*box-shadow:1px 1px 5px rgba(0,0,0,0.75);*/
        	position:absolute;
        	top:0; left:25px;
        	text-align:center;
          font-style: normal;


	}  
	.logo a{
	      font-family: "Dancing Script", cursive;
          font-weight: 700;
          font-style: normal;
          font-size:45px;
          color:'red';
          line-height:84px;
          letter-spacing: 3px;
	    
	}
	.nav{height:50px; width:100%; background: rgba(6, 27, 83, .75);
    box-shadow: 0 -4px 0 #e2b032 ; position:absolute; bottom:0; left:0; z-index:90;
	    
	}
	.nav ul{margin-top:16px;display: flex;
    justify-content: space-around;width:100%;}
	.nav ul li{display:block; float:left; height:20px; border-right:1px solid #fff;}
	.nav ul li:last-child{border-right:none;}
	.nav ul li a{display:block; font-size:15px; color:#fff; padding:0px 10px; line-height:20px;text-transform: uppercase;font-weight: 400;}
	.sub_search{
	    	    font-size: 11px !important;
                color: #333 !important;
                background: white;
                border: 1px solid #333;
                cursor: pointer;
                padding: 0px 10px !important;
                margin: 0 7px;
	}
     
	.nav ul li a:hover{color:#e2b032;}
		#menu div{position: absolute; visibility: hidden; margin: 0; padding: 0; z-index:100;}
			#menu div a{position: relative; display: block; margin: 0; padding: 5px 10px; width:120px; white-space: nowrap; text-align: left; text-decoration: none; background: #333; border: 1px solid white; border-bottom:1px solid transparent; color:#fff; font-size:14px;}
			#menu div a:hover{background: #666; border-color:#c00; color: #c00;}
	
	.nav2{height: 30px; width: 460px; position: absolute; top: 65px; right: 10px; z-index: 90; font-size: 14px; color: #FFF; text-align:center;}
		.nav2 a{display:inline-block; color:#fff; padding:0px 8px; line-height:22px; text-shadow:1px 1px 1px rgba(0,0,0,0.6);}
		.nav2 a:hover{text-shadow:1px 1px 1px rgba(0,0,0,1); text-decoration:underline;}
		
		.logo {text-align:center; color:#CCC;}
.logo a:link {color:#CCC; text-decoration:none}
.logo a:visited {color:white; text-decoration:none}
.logo a:hover {color:white; text-decoration:none}
.logo a:active {color:white; text-decoration:none}
.logo img {border:none;}
.top-navigation ul li a {
    /*font-family: 'MarkaRegular';*/
    color: #000;
    font-size: 18px;
    line-height: 60px;
}
a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
}
		.cart{
	   
            border: 4px solid #22477d;
            height: auto;
             width: fit-content; 
            background: #FFF;
            position: absolute;
            top: 6px;
            right: 3%;
            z-index: 100;
            /*padding: 12px 15px ;*/
             padding: 4px 8px;
            color: #444;
	      -webkit-border-radius:8px;
	      -khtml-border-radius:8px; 
	      -moz-border-radius:8px;
	      -ms-border-radius:8px; 
	      -o-border-radius:8px;
	      border-radius:8px;
	}

		.cart h2{
		    background:url(../images/cart.png) no-repeat;
		    padding-left:50px;
		    line-height:50px;
		    font-size:18px;
		    color:#fff;
		    float:left;
		    width:75px;
		    
		}
    	.cart-detail {
            font-size: 14px;
            display: flex;
            justify-content: center;
            flex-direction: column;
        }
			.cart-detail hr{
			   display:none;
			    height:1px;
			    border:none;
			    
			}
			.cart-detail a{color:#22477d !important; font-size:14px; font-weight:bold;}
			.cart-detail a:hover{text-decoration:underline;}
		/*div.minicartoneline {*/
  /*          padding: 0px 0px;*/
  /*          font: normal 11px / 10px Arial, sans-serif;*/
  /*          width: 100%;*/
  /*      }*/
	div.minicartoneline1{float:left;}
	div.minicartoneline2{float:left; margin:0px 12px}
	/*div.minicartoneline3 img, .minicartcnt img{float:left; margin-right:4px;padding:0 !important;}*/
	/*div.minicartoneline3 img, .minicartcnt img {*/
 /*       float: left;*/
 /*       margin-right: 6px;*/
 /*       padding: 0 !important;*/
 /*       margin-top: -5px;*/
 /*   }*/
	.mincart tbody .mcrowlineitems{
	    display:none;
	}
	/*.minicartcnt{float:left; margin-right:25px;}*/










/* LIST PROPERTIES
-------------------------------------*/
ul, ol, dl { 
	padding: 0;
	margin: 0;
}


/* HEADING AND PARAGRAPH PROPERTIES
-------------------------------------*/
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px; 
}

/*REMOVE BORDER FROM ALL IMAGES
-------------------------------------*/
a img { 
	border: none;
}

/* THE LINK PROPERTIES
-------------------------------------*/
a:link {
	color: #42413C;
	text-decoration: none; 
}
a:visited {
	color: #6E6C64;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
	color:#60a1de;
}

/* THE MAIN CONTAINER
-------------------------------------*/
.container {
	width: 990px;
	background: #fff;
	margin: 0 auto; 
}

/* LEFT SIDEBAR
-------------------------------------*/
.sidebar1 {
    display:none;
	float: left;
	width: 16%;
	background: #fff;
	padding-bottom: 10px;
        line-height:22px
}

/* CENTER CONTENT
-------------------------------------*/
.content {
    width: 97.7%;
     border:2px solid #CCC;
     padding:10px;
     min-height:500px;
     background-color:#FFF;
     margin: 8px 0;
	/*padding:0px 10px;*/
	/*width: 100%;*/
 	 float: left;
}
.mainPage-heading{
    margin: 10px auto 20px;
    text-align:center;
    line-height: 32px;
    color:#22477d;
    font-size: 32px;
    font-weight: 500;
}
.mainPage-para {
    margin: 16px 0px;
    line-height: 20px !important;
    text-align: center;
    /*font-family: arial;*/
    
}
/* LIST PROPERTIES IN MAIN BODY
-------------------------------------*/
.content ul, .content ol { 
	padding: 0 15px 15px 40px;
}


/* THE FOOTER
-------------------------------------*/
.footer {
	/*padding: 10px 0;*/
	/*background: #fff;*/
	/*position: relative;*/
	/*clear: both;*/
	/*border-bottom: 3px solid #333;*/
 /*       border-top:2px solid #ccc;*/
     margin: 0px 0;
    padding: 8px 0px;
    background: grey;
    position: relative;
    clear: both;
    text-align: center;
    color: white;
}

/* FLOAT / CLEAR CLASSES
-------------------------------------*/
.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
p.ftr{
	text-align:right;
	font: normal 11px Arial, Helvetica, sans-serif;
}

.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* HEADER PROPERTIES
-------------------------------------*/
.header {
	background: #fff;
	border-top: 3px solid #333;
	float: left;
}
/*.hdrR {*/
/*	color: #60a1de;*/
/*	font: normal 12px Arial, Helvetica, sans-serif;*/
/*	padding: 30px 0px 18px 24px;*/
/*        border-bottom: 1px solid #ccc;*/
/*	border-top: 3px solid #333;*/
/*	line-height: 16px;*/
/*	text-align: right;*/
/*	margin-bottom:10px;*/
/*}*/

/* PAGE TITLE
-------------------------------------*/
.title{
	padding: 10px 0px 20px 10px;
	color: #999;
	font: normal 30px Arial, Helvetica, sans-serif;
}

/* SIDEBAR HEADING PROPERTIES
-------------------------------------*/
p.menu{
	border-bottom: 1px solid #ccc;
	font: normal 16px Arial, Helvetica, sans-serif;
	padding: 10px 0px 4px 0px;
	width:96%;
}

/* SEARCH PROPERTIES
-------------------------------------*/
.sub	{
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	color: #fff;
	background: #22477d;
	height: 31px;
	border: 1px solid #333;
	text-align:center;
        cursor:pointer;
}

.sub:hover{
       background:#22477d;
       color:#fff;
}

.search_form{
 z-index: 9964;
    position: absolute;
    right:28%;
    top: 9px;
    
}
.search_form form{
    display: flex;
    /*border: 1.4px solid #22477d;*/
    border-radius: 6px;
}
.search_form:hover .tpsearch{
         border: 2px solid rgb(226, 176, 50) !important;
     }
    .search_form:hover .sub{
           background-color:rgb(226, 176, 50);
           border:none;
    }
input.tpsearch {

    /* font-family: Arial, Helvetica, sans-serif; */
    font-size: 12px;
    color: #333;
    background: #fff;
    /*height: 25px;*/
    width: 171px;
     border: 2px solid #22477d;
    padding-left: 4px;
    
}

/* Generic version icon 
-------------------------------------*/
div.icon{
	float:left;
	padding:8px;
}

/* h1 heading properties 
-------------------------------------*/
h1{
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 28px;
	color: rgb(34, 71, 125);
	padding-top:10px;
	font-weight:normal;
}
#Btn{
    display:none;
}
 #BtnClose{
    display:none;
}
#BtnCloseHover{
    display:none;
}
#BtnOpenHover{
    display:none;
}

@media screen and (max-width:992px ) {
     .container {
    	width: 96%;
    }
 .logo {
    width: 335px;
    left: 14px;
}
.logo a{
  font-size: 32px;
}
input.tpsearch {
    height: 25px;
    width: 120px;
}
.sub {
    font-size: 10px;
     height: 29px;
}
.nav ul{
  width:100%
}
.nav ul li a {
    font-size: 13px;
}
}
@media screen and (max-width: 992px){

.nav ul li a {
    font-size: 12px;
}
.nav ul li a{
    line-height:normal;
}
}
@media screen and (max-width: 860px) {
    .logo {
       width:289px;
   }
   .search_form {
    right: 31%;
}
.nav ul li a {
    font-size: 10.1px;
}
}
@media screen and (max-width: 800px) {

    /* LEFT SIDEBAR
    -------------------------------------*/
    .sidebar1 {
    	width: 24%;
    }
    
    /* CENTER CONTENT
    -------------------------------------*/
    .content {
    width: 96.7% ;
    border: 1px solid #CCC;
    padding: 10px;
    background-color: #FFF;
    margin-bottom: 8px !important;
    }

	.logo{
	    width:289px; 
	    height:62px
	    
	}
	.logo a{
	    font-size:32px;
	    line-height:46px;
	}
    
    .sub {
        font-size: 9px;
        height: 31px;
    }
    .nav {
       height: 38px;
    }
    .nav ul{
        width:100%;
        padding: 0;
        margin: 13px 0;
    }
    /*.nav ul li a {*/
    /*    font-size: 12px;*/
    /*}*/
    .nav ul li {
        display: block;
        float: left;
        height: 14px;
    }
}
@media screen and (max-width: 740px) {
    .logo{
        width:280px;
    }    
    .logo a{
        font-size: 28px;
    }
    
    .nav ul{
        width:100%;
    }
    
    .nav ul li a {
        font-size: 9px;
    }
    .cart{
      
        right: 4%;
        top: 50px;
    }
    .search_form {
        right: 5%;
    }
    .mainPage-heading {
    font-weight:400;
    line-height: 30px;
    font-size: 24px;
}
.mainPage-para {
    margin: 16px 0px;
    font-size: small;
    font-weight:400;
    line-height: 20px !important;
    text-align: center;
}
IMG.catimage {
    margin-bottom: 10px;
    width: 100%;
    margin-bottom: 17px;
}
}

@media screen and (max-width: 680px) {
    .logo {
        width: 250px;
    }
    .logo a{
         font-size: 23px;
     }
     .nav ul li a {
         font-size: 9px;
     }

    div.category {
        width: 30%;
        height: auto;
    }
   .nav{
           height: 31px;
   }
   .nav ul{
       padding: 0px;
        margin: 10px 0;
        width: 100%;
   }
   .nav ul li {
           height: 10px;
   }  
}
@media screen and (max-width: 635px) {
    .logo {
    width: 293px;
}
.nav ul li a {
         font-size: 7.5px;
     }
      .mainPage-para {
        padding:0;
        width:100%;
    }
}
 
/*This is the second breakpoint and contains styles for screens 600px to 640px*/
@media screen and (max-width: 600px) {

/* LEFT SIDEBAR
-------------------------------------*/
.sidebar1 {
width: 96%;
padding:0px 4px
}

/* CENTER CONTENT
-------------------------------------*/
.content {
	width: 95%;
}
.logo {
    left:0;
    width: 280px;
    height: 54px;
}
.logo a{
    font-size: 15px;
}


.nav ul {
    width: 100%;
}
.nav ul li a {
   font-size: 7px;
}
.cart{
        right: 2%;
}
.search_form{
    right:2%;
   
}

}

@media screen and (max-width:575px){
    .hidden {
    display: none;
}
    .logo {
        left: 2%;
        width: 96%;
        display:flex;
        justify-content:space-between;
        /*align-items:center;*/
    }
    /*#btn{*/
    /*    height:100%;*/
    /*    display:flex;*/
    /*    justify-content:center;*/
    /*    align-items:center;*/
    /*}*/
    .logo a{
        width:80%;
    }
    .search_form{
        top:23%;
        right:34%;
    }
    .cart{
        top:32%;
        right:34%;
    }
    .nav{
        display:none;
        width: 98%;
        height: fit-content;
        top: 23%;
        border: 4px solid #e2b032;
        box-shadow: none;
        background:rgb(34, 71, 125) !important;
        z-index:9999;
    }
    .nav ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px;
        padding-bottom: 11px;
    }
    .nav ul li {
        border:none;
    }
    .nav ul li a {
    font-size: 13px;
    padding-left: 42px;
}
#header {
    height: 516px;
}
#slideImg{
    height:500px;
}
.theme-default, slider-wrapper #slider img {
    height: 100%;
}
#Btn{
    display:block;
    margin-top:6px;
}

/*#BtnClose:hover,*/
/*#BtnOpen:hover {*/
/*    display: none !important;*/
/*}*/

/*#BtnClose:hover #BtnCloseHover,*/
/*#BtnOpen:hover #BtnOpenHover {*/
/*    display: block !important;*/
/*}*/


}

@media screen and (max-width:510px){
   .cart{
       right:32%;
   }
   .search_form{
        right:32%;
   }
}

@media screen and (max-width:485px){
    body > div.container > div.content > div.categories{
        grid-template-columns: 1fr !important;
    }
    /*#header{*/
    /*    overflow:hidden!important;*/
    /*}*/
    /*#slider{*/
    /*    height: 100%;*/
        /*height:80%!important;*/
    /*}*/
    /*#slider > img{*/
    /*    width:100% !important;*/
    /*    height:100% !important;*/
    /*    object-fit:cover!important;*/
    /*}*/
     .cart{
       right:31%;
   }
   .search_form{
        right:31%;
   }
   
}

@media screen and (max-width:435px){
        .hidden {
    display: none;
}
    .logo {
        left: 2%;
        width: 96%;
        display:flex;
        justify-content:space-between;
    }
    .logo a{
        width:80%;
    }
    .search_form{
        top:23%;
        right:30%;
    }
    .cart{
        top:32%;
        right:29%;
    }
    .nav{
        display:none;
        width: 98%;
        height: fit-content;
        top: 23%;
        border: 4px solid #e2b032;
        box-shadow: none;
        background:rgb(34, 71, 125) !important;
        z-index:9999;
    }
    .nav ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px;
        padding-bottom: 11px;
    }
    .nav ul li {
        border:none;
    }
    .nav ul li a {
    font-size: 13px;
    padding-left: 42px;
}
#header {
    height: 480px;
}
.theme-default, slider-wrapper #slider img {
    height: 100%;
}
#Btn{
    display:block;
}

}
@media screen and (max-width:405px){

.content{
    width:94%;
}
 .cart{
      top:30%;
       right:28.5%;
   }
   .search_form{
       top:21%;
        right:28.5%;
   }
}
@media screen and (max-width:375px){
     .cart{
         top:28%;
       right:26%;
   }
   .search_form{
       top:20%;
        right:26%;
   }
}
@media screen and (max-width:350px){
     .cart{
          top:29%;
       right:22%;
   }
   .search_form{
        right:22%;
   }
   #header {
    height: 420px;
}
}
.catnavcheckout{
    display:none;
    
}