@charset "utf-8";

/* CSS Document */





@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');



body{

	font-family: 'Open Sans', sans-serif;

	font-weight:400;

	}

	.headertop ul{padding-top:2px}

header2{box-shadow: -4px 1px 10px #000;-moz-box-shadow: -4px 1px 10px #000;-webkit-box-shadow: -4px 1px 10px #000;}

nav{ margin:0 auto;  background-repeat:repeat; background-position:center top;  background-repeat:no-repeat; background-position:center top;}

nav ul{ text-align:center; margin:0 auto;padding:0px;}

nav ul li{display:inline-block;   margin:0; list-style:none;vertical-align:middle}

nav ul li a{ padding:0px 5px; margin:0; list-style:none; float:left; text-align:center; color:#000; text-decoration:none;  text-transform:uppercase; font-size:12px;font-weight:600}

nav ul li.logo{ cursor:pointer}

.white{color:#fff}.mb-0{margin-bottom:0px}

html,

body {

    height: 100%;

}



.carousel,

.item,

.active {

    height: 100%;max-height:560px;

}



.carousel-inner {

    height: 100%;

}



/* Background images are set within the HTML using inline CSS, not here */


.icon-1{text-align:center !important;background:#003c70 !important;padding:10px 0px !important;width:45% !important;margin:10px auto !important;}
.icon-1 a{color:#fff;font-size:18px;font-family: 'Open Sans', sans-serif;}
.icon-1 a:hover{text-decoration:none;}

.fill {

    width: 100%;

    height: 100%;

    background-position: center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

	



}

.carousel-control.left,.carousel-control.right{background:none}

/*menu  styles starts from here*/

.menu-opener, .menu-opener:hover, .menu-opener.active, .menu-opener-inner, .menu-opener-inner::before, .menu-opener-inner::after, .menu, .menu.active2{

  -webkit-transition: 250ms all;

  transition: 250ms all;

}

.menu-opener {

    cursor: pointer;

    height: 40px;

    float: right;

    margin-top: 15px;

    position: absolute;

    right: 40px;

    top: 4%;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    width: 40px;



}



 .menu-opener-inner {

  background:red;

  height: .4rem;

  margin-left: .75rem;

  margin-top: 1.05rem;

  width: 2.5rem;

  box-shadow: 0px 0px 6px #ccc;

}

 .menu-opener-inner::before, .menu-opener-inner::after {

  background: red;

  content: '';

  display: block;

  height: .4rem;

  width: 2.5rem;

  box-shadow: 0px 0px 6px #ccc;

}

 .menu-opener-inner::before {

  -webkit-transform: translateY(-0.60rem);

  -ms-transform: translateY(-0.60rem);

  transform: translateY(-0.60rem);

}

 .menu-opener-inner::after {

  -webkit-transform: translateY(0.20rem);

  -ms-transform: translateY(0.20rem);

  transform: translateY(0.20rem);

}

 .menu-opener-inner.active2 {

  background: transparent;

  box-shadow:none;cursor:pointer;

}

.menu-opener-inner.active2::before,.menu-opener-inner.active::after{background:red;}

 .menu-opener-inner.active2::before {

  -webkit-transform: translateY(0rem) rotate(-45deg);

  -ms-transform: translateY(0rem) rotate(-45deg);

  transform: translateY(0rem) rotate(-45deg);

}

 .menu-opener-inner.active2::after {

  -webkit-transform: translateY(-0.5rem) translateX(0rem) rotate(45deg);

  -ms-transform: translateY(-0.5rem) translateX(0rem) rotate(45deg);

  transform: translateY(-0.5rem) translateX(0rem) rotate(45deg);

}

.content{margin-top:20px;margin-bottom:20px}

.blog-inner{margin-bottom:20px;border:1px solid #ddd;padding:10px;box-shadow: 0px 1px 7px #b1adad;-moz-box-shadow: 0px 1px 7px #b1adad;-webkit-box-shadow: 0px 1px 7px #b1adad}

.blog-inner:hover{-moz-box-shadow: 1px 1px 10px #000;-webkit-box-shadow: 1px 1px 10px #000;box-shadow: 1px 1px 10px #000;}

.blog-inner h2{color:#003c70;font-size:16px;font-weight:700}

.blog-inner h2:after{content:'';display:block;width: 64px;height: 4px;background: #003b6f;margin-top: 10px;}

@media screen and (min-width:1199px) {nav ul li a{padding:0px 15px 0px 15px;font-size: 16px;}.why-mukta-inner{width:330px}.whymukta-block {color: #fff;position: absolute;max-width: 382px !important;}

header2{display:block;width:100%;position:fixed;top:0px;left:0px;z-index:99;background:#fff;} #myCarousel{margin-top:96px}  }

@media screen and (min-width:1200px) {nav ul li a{padding:0px 25px 0px 25px;font-size: 16px;}.logo img{max-width:161px;margin:0 auto}.mirchi{padding-right:0px}
.why-mukta-inner{/*width:32%;*/width:35%}
.whymukta-block {
  /*max-width: 412px !important;*/
  max-width: 422px !important;

}}





@media screen and (max-width:1199px) {.whymukta-block {

   right: unset !important;left: unset !important; background-position:left center !important;padding-left:100px;padding-right:0px !important;text-align:left !important;

    top: unset !important;

    position: relative !important;}

	.why-mukta-inner img{display:none}

}

.purchaseoptions .title2{text-transform:capitalize!important;font-size: 2em;}

@media screen and (min-width:768px){.menu-opener,.mobile-menu{display:none}nav{height:111px;}nav ul li a{ }nav ul li.active a{ color:#000}#box1:before { 

 content: '';position: absolute;left: 0%;top: 0;

}

.carousel-caption{max-width:400px;top:20%;color:#000;text-shadow:none;left:10%;text-align:left;bottom:auto!important;    text-shadow: 0 1px 2px rgba(0,0,0,0.9);}

.carousel-caption h1{text-transform:uppercase;font-weight:700}
.purchaseoptions .title2{text-transform:capitalize!important;font-size: 1.5em;}


}

@media screen and (max-width:767px){
body{font-size:1.5em;}
.carousel-caption{bottom:auto!important; text-shadow: 0 1px 2px rgba(0,0,0,0.9);}

  nav ul,.logo,nav ul.active2 li.logo{display:none }nav ul.active2,.mobile-menu.active2{display:block}nav ul.active2 li{width:100%;display:inline-block;padding:10px 0px 10px 20px; margin: 10px 0px;}nav ul.active2{position: absolute;z-index: 999;background: #c1c1c1;right:0px;max-width:250px;top:24%;}.homepage-only {background-size:100% 280px ,auto}nav ul li a:hover{background-image:none;text-decoration:none}nav ul.active2 li.active,nav ul.active2 li:hover{background:#9ca8b7} .mobile-menu img{padding-bottom:10px;max-height:100px !important}.headertop{position:relative !important;padding-bottom: 2px;background:#ccc}.call{text-align: center;

max-width: 160px;margin: 0 auto;}.headertop  .pull-right{float:none !important}.headertop ul{text-align:center}.headertop ul li{display:inline-block}.menu-opener{top:9% }

  .carousel-caption h1{text-transform:uppercase;font-weight:700;font-size:1.5em !important;}
  .inner-header{position:unset !important}

.carousel, .item, .active{max-height:200px !important}

.mtop5 {

    margin-top: 7% !important;

}

.about-left-inner {

    margin-bottom: 0% !important;

}

.about-left {

    background:none !important;padding-top:30px !important}

	.about-bright-block {

 

    padding-top: 25px !important;

    padding-bottom: 25px !important;

}

.breadcrumbs-wrap {

    background-position: right 35% center;

}

.page-title {

    font-size: 23px !important;}

.breadcrumbs-wrap{background-position:left 0px center}

.list-inline>li{margin-right:12px;}

}

#takeRating1{display: none;}
#takeRating2{display: block;}
#addre_text{width:100%;height:102px; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}


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

.text-left,.text-right{text-align:center}.copy-right p{line-height:25px}

#takeRating1{display: block;}
#takeRating2{display: none;}
#addre_text{width:100%;height:70px;border:1px solid #ccc;}
}

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

nav ul.active2 {right: 10px;}

}

/*menu  styles ends from here*/

.call{background:url(../images/call.png) no-repeat left center;padding-left: 45px;

    margin-bottom: 0px;

    line-height: 42px;}

.headertop{position:absolute;top:0px;width:100%}





.title2{text-transform:uppercase;color:#003c70;font-weight:700; border-bottom:3px solid #ebebeb;width:auto;line-height: 46px;

    margin-bottom: 24px;display:inline-block;clear:both;position:relative;font-size:35px;}

.title2:after{content:'';display:block;background:#003c70;width:100px;height:3px;margin-bottom:-3px;margin-left: 20px;}





.title1{text-transform:uppercase;color:#003c70;font-weight:700; border-bottom:3px solid #ebebeb;width:auto;line-height: 46px;

    margin-bottom: 24px;display:inline-block;clear:both;position:relative;font-size:35px;text-align:center;color:#fff}

.title1:after{content:'';display:block;background:#6495bf;width:100px;height:3px;margin-bottom:-3px;margin-left: 20px;}









.inner-img-about{position:relative;overflow:hidden}

.more-btn{position:absolute;left:0px;background:#003c70;color:#fff;padding: 50px 36px;text-align:center;border-radius:100%;bottom: 79px;}

.about-left{background: url(../images/dottedlines.jpg) no-repeat left 46px top 0px;

    padding-top: 100px; }

.mtop5{margin-top:23%}

.about-left h4{font-weight:700;text-transform:uppercase;margin-top:0px}

.about-left p{margin-bottom:0px}

.about-bright-block {

    padding-left: 140px;

    display: table-cell;

    vertical-align: middle;

    padding-top: 12px;

    padding-bottom: 12px;

}

.about-left-inner{display:block;width:100%;overflow:hidden;margin-bottom:10%}

.block1{background: url(../images/about1.png) no-repeat left center;}

.block2{background: url(../images/about2.png) no-repeat left center;}

.block3{background: url(../images/about3.png) no-repeat left center;}



.whymukta{background:url(../images/whymuktachamak.jpg) no-repeat center;background-size:100% 100%;padding:10px 0px 70px}

.why-mukta-inner{position:relative;margin:0 auto}

.why-mukta-inner img{width:100%}

.whymukta-block{color:#fff;position:absolute;max-width: 426px;}

.whymukta-block h3{text-transform:uppercase;font-weight:700;font-size:18px}

.whymukta-block-2{color:#fff;position:relative;margin-bottom: 2.5rem;}

.whymukta-block-2 h3{text-transform:uppercase;font-weight:700;font-size:18px;margin-top:4px;}

.whymukta-block-row{padding:0rem 1.5rem;}

.whybloack1{background:url(../images/icon1.png) no-repeat right center;padding-right:100px;left: -85%;text-align:right;top:0%}

.whybloack2{background:url(../images/icon2.png) no-repeat right center;padding-right:100px;left: -95%;top:36%;text-align:right;}

.whybloack3{background:url(../images/icon3.png) no-repeat right center;padding-right:100px;top:69%;left:-81%;text-align:right;}

.whybloack4{background:url(../images/icon4.png) no-repeat left center;padding-left:100px;text-align:left;right: -85%;top: 0%;}

.whybloack5{background:url(../images/icon5.png) no-repeat left center;padding-left:100px;text-align:left;right: -95%;top:36%}

.whybloack6{background:url(../images/icon6.png) no-repeat left center;padding-left:100px;text-align:left;right: -81%;top:69%;}



.headerbottom{width: 100%;position: absolute;bottom: 0px;}

.contact-left{font-weight:600}

.contact-left p{ padding-left: 80px;    margin-bottom:20px; }

.email{background:url(../images/mail-iocn.png) no-repeat left center; line-height: 27px;

    padding-top: 15px;

    padding-bottom: 15px;}

.call2{background:url(../images/call-icon.png) no-repeat left center; line-height: 27px;

    padding-top: 15px;

    padding-bottom: 15px;}

.address{background:url(../images/location-icon.png) no-repeat left center; line-height: 27px; }

.btn1,.btn1:hover{background: #003c70;

    border-radius: 0px;

    color: #fff;

    margin-top: 10px;

    padding: 10px 60px;

    text-transform: uppercase;font-weight:600}



.contact-right input[type="text"],.contact-right input[type="email"],.contact-right input[type="number"],.contact-right textarea{background:#d5d5d5;color:#333;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}

.contact-right input[type="text"],.contact-right input[type="email"],.contact-right input[type="number"]{height:45px}

.contact-right input[type="submit"]{margin-bottom:30px}

.breadcrumbs-wrap {  background-size: cover;background-repeat:no-repeat; }

.page-title{font-weight:700;font-size:60px;text-transform:uppercase;padding:70px 0px;margin-top:0px}

.inner-header{position:relative;box-shadow:none;-webkit-box-shadow:none}

footer{background:#003c70}

footer p{color:#fff;margin-bottom:0px;line-height:40px}

.stores{position:fixed;top:40%;right:0px}

.stores img{max-width:35px;}
.right-info-text{text-align: justify;}
.right-info-text h4{margin-bottom: 10px;margin-top: 20px;color: #003c70;font-weight:700;}
.purchaseoptions img{max-width: 100%;}
.storeadd {min-height: 80px;}
.aboutuspoints p, .aboutustext p{text-align: justify;}
.aboutuspoints h4{margin-bottom: 10px;margin-top: 20px;color: #003c70;font-weight:700;}
.aboutustext h4{margin-bottom: 10px;margin-top: 30px;color: #003c70;font-weight:700;font-size:2em;}
.orderTable td, .orderTable th{padding: 4px!important;}
#storelistingdiv{margin-top: 0.5em; display: none;}
.uploadprogess{display: none;margin-top: 15px;}
/*.MKCon .row{
	margin-left:0px !important;
	margin-right:0px !important;
	margin:20px !important;
	
}*/
.btnUpload{
	margin-bottom:5px !important;
}
.RatingReview img{
	max-width:100%;
}
.RaReview{
	background:#efefef;
	padding:10px;
}
.RaReview h1{
	font-size:1.4em;
	font-weight:bold;
}
.RatingReview {
	margin-left:0px !important;
	margin-right:0px !important;
}
.AvgProd img{
	float:left;
}
.AvgProd span{
	font-size:3.5em;
	font-weight:bold;
}
.AvgProd h2{
	font-size:1em;
	margin:0px;
	line-height:25px;
	font-weight:bold;
}
.rating {
	border: none;
	float: left;
	padding-right: 15px;
}
.rating > input {
	display: none;
}
.rating > label:before {
	margin: 1px 2px;
	font-size: 22px;
	font-family: FontAwesome;
	display: inline-block;
	content: "\f005";
}
.rating > .half:before {
	content: "\f089";
	position: absolute;
}
.rating > label {
	color: #ddd;
	float: right;
	margin-bottom: 0px
}
/***** CSS Magic to Highlight Stars on Hover *****/

#takeRating1 .rating > input:checked ~ label, /* show gold star when clicked */ #takeRating1 .rating:not(:checked) > label:hover, /* hover current star */ #takeRating1 .rating:not(:checked) > label:hover ~ label {
	color: #FFD700;
} /* hover previous stars in list */
#takeRating1 .rating > input:checked + label:hover, /* hover current star when changing rating */ #takeRating1 .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, /* lighten current selection */ #takeRating1 .rating > input:checked ~ label:hover ~ label {
	color: #FFED85;
}

#takeRating2 .rating > input:checked ~ label, /* show gold star when clicked */ #takeRating2 .rating:not(:checked) > label:hover, /* hover current star */ #takeRating2 .rating:not(:checked) > label:hover ~ label {
  color: #FFD700;
} /* hover previous stars in list */
#takeRating2 .rating > input:checked + label:hover, /* hover current star when changing rating */ #takeRating2 .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, /* lighten current selection */ #takeRating2 .rating > input:checked ~ label:hover ~ label {
  color: #FFED85;
}

.has-search .form-control{
    background-color: #23415b !important;
	color:#8ba3bb !important;
}
.has-search{
	width:20%;
	color:#8ba3bb;
}
.storetop img{
	max-width:100%;
}
.areaselectarea i{float: right;margin-right: 0.2em; margin-left: 0.2em;}
.areaselect{background-color: #22425b; color: #FFF; padding: 0.2em; width: auto; display:inline-table; margin-right: 0.25em; cursor: pointer;margin-bottom: 1em;}
.shareIcon{text-align: left!important;}
.shareIcon i{font-size: 1.5em; color:#337ab7;border: 2px solid #2e6da4; border-radius: 5px; padding:0.1em 0.13em; cursor: pointer;}
.showicons{display: none;}



@media (max-width:425px){
.icon-1{width:96% !important;padding: 8px 0px !important;}	
.icon-1 a{font-size:15px !important;}
}

@media (max-width:375px){
.icon-1{padding:4px 0px !important;}
}

@media (max-width: 320px){
.icon-1 a {font-size: 13px !important;}
}
.topicons{color:#FFF;font-size:1.8rem!important;padding-right:10px;display: inline-block;border-radius: 60px;box-shadow: 0 0 2px #003c6f;background-color:#003c6f;padding: 0.3em 0.4em;margin-top:3px;}