@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 */



.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){
.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}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:1em !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}	

}





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

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

}

@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}

.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: 2em; display: none;}