html { overflow-x: hidden; }

.container-fluid{
	margin: 0;
	padding: 0;
}
.banner-image{
     /* position: fixed;  */
	max-width: 100%;
	width: 1466px;
    height: 550px;
}
.ribbon{
        /* position: fixed; */
   /* background:#0009; */

	margin: -784px 0 0 0;
	max-width: 100%;
    height: 459px;
    width: 100%;
    
}
.logo img{
    margin: -940px 0 0 81px;
    height: 245px;
}
.kc_menu{
	margin-right: 22px;
	color: #f7a540 !important;
    font-family: calibri;
    font-size: 22px;
    
}
.logout-section{
    margin: -8px 0 0 2px;
}
.logout-name{
    margin: 0 0 0 20px;
    font-size: 20px;
    font-family: calibri;
    color: #f7a540;
}
.kaur_descriptions{
	background-color: #f0eeee;
    margin: -27px 0 0 0;
    padding: 55px 20px 55px 25px;
    
}
.description-heading{
    font-family:calibri;
    /* text-decoration: underline; */
    text-align: center;
    /* -webkit-text-stroke-width: 1.3px; */
    font-weight: 900;
}
.description-details{
    font-family: calibri;
    font-size: medium;
    text-align: justify;
    text-align-last:center;
}
.image1,.image2,.description{
	height: 398px;
	width: 400px;
}
.image1 img , .image2 img{
    height: 248px;
    width: 398px;
}
.events{
    padding: 0 0 30px 0;
}
.event-heading{
    font-family:calibri;
    /* text-decoration: underline #ad742d; */
    padding: 20px 0 0 0;
    text-align: center;
    /* -webkit-text-stroke-width: 1.3px; */
    font-weight: 900;
}
.event-description{
    font-size: medium ;
    font-family: calibri;
    text-align: justify;
    text-align-last:center;
    margin: 15px -69px 15px -62px;
}
.buy-btn{
  height: 30px;
  font-size: 12px;
}
.image{
	height: 300px;
}
.play{
    height: 60px;
    margin: -333px 0 0 333px;
}
.image-position1{
    height: 200px;
    width: 461px;
}
.image-position2 img{
    margin: 0 0 0 -161px;
    height: 589px;
    width: 750px;
}
.image-position3 img{
    width: 299px;
    height: 390px;
    margin: 0 0 0 130px;
}
.image-position4 img{
    margin: -1px 0 0 0;
}
.image-position5 img{
    margin: 0 0 0 130px;
}
.founder-image{
    text-align: center;
}
.founder-image img{
    border-radius: 350px;
    height: 300px;
    margin: 20px 0 20px 0;
    object-fit: contain;
}
.founder{
    font-family: calibri;
    padding: 20px 0 0 0;
    text-align: center;
    -webkit-text-stroke-width: thin;
    -webkit-text-stroke-color: #ad742d;
    font-weight: 900;
    font-size: 30px;
}
.about-founder{
    font-size: medium;
    font-family: calibri;
    text-align: justify;
    text-align-last:center;
    /* margin-left: -62px;
    margin-right: -69px; */
    margin: 15px -69px 15px -62px;
}
.arrival{
    background-color: #f0eeee;
    padding: 0 0 -23px 0;
}
.circle1{
    height: 10px;
    width: 10px;
    background-color: black;
    border-radius: 60px;
    cursor: pointer;
}
.circle2{
    height: 10px;
    width: 10px;
    background-color: #ad742d;
    border-radius: 60px;
    cursor: pointer;
    margin: 0 0 0 10px;
}
footer{
    background-color: black;
}
.footer-image{
    height: 370px;
    float: left;
    text-align: center;
    margin: -17% 0 0 -30%;
    position: sticky;
}
#signup{
    color: white;
    font-size: 30px;
    margin: 20px 0 0 0;
}
.submit{
    color: white;
    background: #b77f31;
    text-decoration: none;
    display: inline-block;
    border: none;
    font-size: 16px;
    margin: 18px 0 0 -4px;
}
.vl1{
    border-left: 6px solid white;
    height: 174px;
    margin: 14px 0 0 -110px;
}
.vl2{
    border-left: 6px solid white;
    height: 174px;
    margin: 14px 0 0 -110px;
}
#footer-menu{
    color: white;
    font-size: 20px;
}

.copyright-class{
    color: white;
    font-family: calibri;
    font-size: 18px;
    margin: -50px 0 0 -20px;
}
.social-icon{
    color: white;
    font-family: calibri;
    font-size: 18px;
    margin: 19px -22px 40px 3px;
}
#margin-icon{
    margin: 0 0 0 10px;
    color: white;
}
a.margin-icon:hover{
    text-decoration: none;
}
.video{
    margin: 60px 0 0 -124px;
}
  /* li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
   */
   /* li a:hover, .dropdown:hover .dropbtn {
    background-color:#ded5ca;
  }  */
 .navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
    background-color: #f1f1f1;
} 

  .dropdown-content {
    display: none;
    position: absolute;
    background-color:#f7a540;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    font-size: 15px;
}
  
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    background: #f7a540;
  }
  

  .dropdown-content a:hover {background-color: #f1f1f1;}
  
  .dropdown:hover .dropdown-content {
    display: block;font: fantasy;
  }
.header{
    position:fixed;
    /* background:#0009; */
    /* background-image: url('asset(/img/ribbon.png'));  */
    /* background-color: #ff0; */
    /* background:transparent; */
}
/* .scroll{
    background-image:url('/img/ribbon.png');
} */
.slider {
    max-width: 1000px;
    margin: 0 auto;
    padding-left:5px;
}
.slick-slide {
    margin: 0 5px;
}
.slick-list {
    margin: 0px -5px 0px -5px;
}
button.slick-next, button.slick-next:hover {
    position: absolute;
    top: 41%;
    right: 54px;
    width: 47px;
    height: 75px;
    background-image: url("http://maggiesadler.com/wp-content/uploads/2015/10/left-right-arrow.png");
    background-size: 95px;
}
button.slick-prev, button.slick-prev:hover {
    position: absolute;
    top: 41%;
    left: 15px;
    z-index: 1;
    width: 47px;
    height: 75px;
    background-image: url("http://maggiesadler.com/wp-content/uploads/2015/10/left-right-arrow.png");
    background-size: 95px;
    background-position-x: right;
}
.slick-prev:before, .slick-next:before {
    font-size: 70px;
    color: #EA8496;
    line-height: inherit;
    font-weight: bold;
}
.slider img {
    height: 324px;
}

/* Slick Slider Styles -- Provided by https://kenwheeler.github.io/slick/ */
/* Slider */
.slick-slider
{
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{   display: block;
    height: 370px;
    width: 500px;
    margin: 0 0 0 88px;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Slider */
.slick-loading .slick-list
{
    background: #fff url('http://maggiesadler.com/wp-content/uploads/2015/10/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('file:///C:/Users/msadler/Desktop/slick-1.5.7/slick/fonts/slick.eot');
    src: url('file:///C:/Users/msadler/Desktop/slick-1.5.7/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('file:///C:/Users/msadler/Desktop/slick-1.5.7/slick/fonts/slick.woff') format('woff'), url('file:///C:/Users/msadler/Desktop/slick-1.5.7/slick/fonts/slick.ttf') format('truetype'), url('file:///C:/Users/msadler/Desktop/slick-1.5.7/slick/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '';
}
[dir='rtl'] .slick-prev:before
{
    content: '';
    font-weight: bold;
    font-size: 20px;
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '';
}
[dir='rtl'] .slick-next:before
{
    content: '';
}

/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
.modal-header, h4, .close {
    background-color:#5e420d;
    color:white !important;
    text-align: center;
    font-size: 30px;
  }
  .modal-footer {
    background-color: #f9f9f9;
  }
.bgimg{
    background-image: url('assets/img/banner.jpg');
}  
.form-control{
    height:50px;
}
#homepage_slider video { 
    min-height: 100% !important;
    min-width: 100% !important;
	height: auto !important;
    width: auto !important;
	overflow: hidden;
}

#homepage_slider img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
}

.spe-cor.carousel-inner>.item>img {
  display: block;
  line-height: 1;
}

/* button to display if user choses to not autoplay the video: */
#slider-play-button button { 
	display: inline-block;
	border: 0.06666em solid #fff;
	font-size: 2rem;
	background: rgba(255,255,255,0.23);
	color: #fff;
	cursor: pointer;
	transition: .3s background;
	line-height: 1.3em;
	height: 1.5em;
	width: 2.5em;
	border-radius: 0.3em;
	position: absolute;
	opacity: .7;
	right: 1em;
	top: 20%;
}
.play-video-button:before {
	font-family: FontAwesome;
	content: "\f04b";
}
.pause-video-button:before {
	font-family: FontAwesome;
	content: "\f04c";
}  
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
/*================================================*/
@import url('https://fonts.googleapis.com/css?family=Roboto');
.spe-cor.carousel-item > div {
  float: left;
}
.spe-cor.carousel-by-item [class*="cloneditem-"] {
  display: none;
}
.image-gallery{
    margin-right: -29px;
}
.about-us{
    background-image:url('../../img/j3.jpg');
    height: 133px;
    margin-top: 98px;
    margin-left: -159px;
    margin-right: -161px;
    opacity: 0.7;
    background-size: cover;
}

.vedioSlider{
    margin-top: 22px;
}

.parallax_section {
	height: 600px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: 100% auto;
	position: relative;
}
.parallax_image_first {
	background-image: url('../../img/jutti1.jpg'),
					  url('../../img/img-20150914-wa0030-500x500.jpg'),
					  url('../../img/item-header-img-punjabi-jutti-corner.jpg'),
					  url('../../img/dsc_6558.jpg'),
					  url('../../img/ruaab-punjabi-jutti-amritsar-gpo-amritsar-mojari-dealers-1of3yb8.jpg');
	background-size: 299px 199px,
					299px 400px,
					760px 590px,
					378px 390px,
					378px 242px;
					
	background-position:top 0px left 0px,
						top 190px left 0px,
						top 0px left 290px,
						top 0px right 0px,
						top 350px right 0px;					
}
.nav_logo{
    width: 230px;
    height: 178px;
    margin: -40px 0 -38px -6px;
}
#login-button:hover{
    background: white;
    border: 2px solid #f7a540;
    color: #f7a540;
    transition: 0.3s ease-in-out;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
#login-button{
    color: #ffffff;
    background: #f7a540;
    margin: 0 0 0 0;
    text-decoration: none;
    border: 1px solid;
    padding: 10px 20px 10px 20px;
    font-size: 15px;
}

.carousel-item{
    height: 463px;
    min-height: 350px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.menu-icon{
    margin-right: 33px;
    color: #f7a540 !important;
    font-family: calibri;
    font-size: 22px;
    margin-top: 10px;
} 
a.menu-icon:hover{
    text-decoration:none;
}
.thumbnailgallery {
    margin-bottom:-7px;
    width:100%;
    height:108px;
    overflow:hidden;
    margin-left: 479px;
    margin-top: 22px;
}
.showrooms a.logo1{
    display:inline-block;
        /* float: left; */
}
.showrooms a:hover {
    color: #ff6d00;
}
.showrooms img {
    border-radius: 5px;
    padding: 3px;
    display:block;
    border: 1px solid green;
}
.arrowleft, .arrowright {
    font-size:30px;
    cursor:pointer;
    display:inline-block;
    padding:20px;
    background-color:red;
}
.MultiCarousel { 
    float: left;
    overflow: hidden;
    padding: 15px;
    width: 100%;
    position:relative;
}
.MultiCarousel .MultiCarousel-inner {
    transition: 1s ease all;
    float: left;
}
.MultiCarousel .MultiCarousel-inner .item {
    float: left;
}
.MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:#f1f1f1; color:#666;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
.MultiCarousel .leftLst { left:0; }
.MultiCarousel .rightLst { right:0; }
    
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { 
    pointer-events: none; 
    background:#ccc; 
}
.kc_button{
    background-color:#f7a540;
    margin-left: 29px;
    padding:7px 12px 7px 11px;
    /*! broder-radius: 0 0 0 -14; */
    border-radius: 20px;
    font-size: 14px;
    text-align: center
}
.kc_button:hover{
    background-color: wheat;
}
.about-details{
    font-family: calibri;
    font-size: medium;
    text-align: justify;
    /* text-align-last:center; */
}
.animation {
    -webkit-transition: all 0.3s ;
    -moz-transition: all 0.3s ;
    -ms-transition: all 0.3s ;
    -o-transition: all 0.3s ;
    transition: all 0.3s ;
}

.breadCrumbs {
    position: relative;
}

.breadCrumbs li {
    position: relative;
    float: left;
}
      
.breadCrumbs li a,
.breadCrumbs li p {
    display: block;
    padding: 0 10px 0 30px;
    line-height: 40px;
    color: #fff;
    background: #3fabba;
}
      
.breadCrumbs li:first-child a {
    padding: 0 10px 0 20px;  
}
            
.breadCrumbs li.activePage p,
.breadCrumbs li.activePage a {
    background: #333;
}
      
.breadCrumbs li:after {
    content: '';
    position: absolute;
    top: 0;
    right: -20px;
    display: block;
    width: 0; 
    height: 0; 
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #3fabba;
    z-index: 10;
}
      
.breadCrumbs li.activePage:after {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #333;
}
      
/* GIVE EVERY CHILD A DIFFERENT COLOR */
.breadCrumbs li:nth-child(1) a {
    background: #ad742d;
}
      
.breadCrumbs li:nth-child(1):after {
    border-left: 20px solid #ad742d;
}
      
.breadCrumbs li:nth-child(2) a {
    background: #f7a540;
}
      
.breadCrumbs li:nth-child(2):after {
    border-left: 20px solid #f7a540;
}
      
.breadCrumbs li:nth-child(3) a {
    background: black;
}
      
.breadCrumbs li:nth-child(3):after {
    border-left: 20px solid black;
}
.newarrival-prev-btn{
    background-image: url('../../img/arrow1.png');      
}
.newarrival-next-btn{
    background-image: url('../../img/arrow2.png');
}
.contact-btn{
    width: 100px;
    height: 37px;
    border-radius: 22px;
    font-size: 14px;
    background-color:#f7a540;

}
.contact-btn:hover{
    background-color: wheat;

}
/* -------------------------------- 

Primary style

-------------------------------- */

  input, textarea {
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
  }
  input::-ms-clear, textarea::-ms-clear {
    display: none;
  }
  
  /* -------------------------------- 
  
  Main components 
  
  -------------------------------- */
  header[role=banner] {
    position: relative;
    height: 50px;
    background: #343642;
  }
  header[role=banner] #cd-logo {
    float: left;
    margin: 4px 0 0 5%;
    /* reduce logo size on mobile and make sure it is left aligned with the transform-origin property */
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  header[role=banner] #cd-logo img {
    display: block;
  }
  header[role=banner]::after {
    /* clearfix */
    content: '';
    display: table;
    clear: both;
  }
  @media only screen and (min-width: 768px) {
    header[role=banner] {
      height: 80px;
    }
    header[role=banner] #cd-logo {
      margin: 20px 0 0 5%;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
  }
  
  .main-nav {
    float: right;
    margin-right: 5%;
    width: 44px;
    height: 100%;
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-menu.svg") no-repeat center center;
    cursor: pointer;
    z-index: 1;
  }

  @media only screen and (min-width: 768px) {
    .main-nav {
      width: 100%;
      height: auto;
      background: none;
      cursor: auto;
      z-index: 1;
    }

    .main-nav li:nth-last-child(2) {
      margin-left: 2em;
    }
    .main-nav a.cd-signin, .main-nav a.cd-signup {
      padding: .6em 1em;
      border: 1px solid rgba(255, 255, 255, 0.6);
      border-radius: 50em;
    }
    .main-nav a.cd-signup {
      background: #2f889a;
      border: none;
    }
  }
  
  /* -------------------------------- 
  
  xsigin/signup popup 
  
  -------------------------------- */
  .cd-user-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(52, 54, 66, 0.9);
    z-index: 3;
    overflow-y: auto;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.3s 0, visibility 0 0.3s;
    -moz-transition: opacity 0.3s 0, visibility 0 0.3s;
    transition: opacity 0.3s 0, visibility 0 0.3s;
  }
  .cd-user-modal.is-visible {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.3s 0, visibility 0 0;
    -moz-transition: opacity 0.3s 0, visibility 0 0;
    transition: opacity 0.3s 0, visibility 0 0;
  }
  .cd-user-modal.is-visible .cd-user-modal-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    margin-top:10%;
  }
  
  .cd-user-modal-container {
    position: relative;
    width: 90%;
    max-width: 600px;
    background: #FFF;
    margin: 3em auto 4em;
    cursor: auto;
    border-radius: 0.25em;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    /* margin-top:10%; */
  }
  .cd-user-modal-container .cd-switcher::after {
    clear: both;
    content: "";
    display: table;
  }
  .cd-user-modal-container .cd-switcher li {
    width: 50%;
    float: left;
    text-align: center;
    list-style-type: none;

  }
  .cd-user-modal-container .cd-switcher li:first-child a {
    border-radius: .25em 0 0 0;
  }
  .cd-user-modal-container .cd-switcher li:last-child a {
    border-radius: 0 .25em 0 0;
  }
  .cd-user-modal-container .cd-switcher a {
    display: block;
    width: 110%;
    height: 50px;
    line-height: 50px;
    background: #d2d8d8;
    color: #809191;
    font-size: 168%;
    text-decoration: none;
    margin: 0 0 0 -40px;
  }
  .cd-user-modal-container .cd-switcher a.selected {
    background: #FFF;
    color: #505260;
    
  }
  @media only screen and (min-width: 600px) {
    .cd-user-modal-container {
      margin: 4em auto;
    }
    .cd-user-modal-container .cd-switcher a {
      height: 70px;
      line-height: 70px;
    }
  }
  
  .cd-form {
    padding: 1.4em;
  }
  .cd-form .fieldset {
    position: relative;
    margin: 1.4em 0;
  }
  .cd-form .fieldset:first-child {
    margin-top: 0;
  }
  .cd-form .fieldset:last-child {
    margin-bottom: 0;
  }
  /* .cd-form label {
    font-size: 133%;
  } */
  .cd-form label.image-replace {
    /* replace text with an icon */
    display: inline-block;
    position: absolute;
    left: 15px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    color: transparent;
    text-shadow: none;
    background-repeat: no-repeat;
    background-position: 50% 0;
  }
  .cd-form label.cd-username {
    background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-username.svg");
  }
  .cd-form label.cd-email {
    background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-email.svg");
  }
  .cd-form label.cd-password {
    background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-password.svg");
  }
  .cd-form input {
    margin: 0;
    padding: 0;
    border-radius: 0.25em;
  }
  .cd-form button.full-width {
    width: 100%;
  }
  .cd-form button.full-width:hover{
      background: white !important;
      color: #f7a540;
  }
  .cd-form button.has-padding {
    padding: 12px 20px 12px 50px;
    font-size: 133%;
  }
  .cd-form input.has-border {
    border: 1px solid #d2d8d8;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
  }
  .cd-form input.has-border:focus {
    border-color: #343642;
    box-shadow: 0 0 5px rgba(52, 54, 66, 0.1);
    outline: none;
  }
  .cd-form input.has-error {
    border: 1px solid #d76666;
  }
  .cd-form input[type=password] {
    /* space left for the HIDE button */
    padding-right: 65px;
  }
  .cd-form button {
    padding: 16px 0;
    cursor: pointer;
    /* background:#f7a540; */
    background: #f7a540 !important;

    color: #FFF;
    font-weight: bold;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    font-size: 131%;
  }

  .no-touch .cd-form input[type=submit]:hover, .no-touch .cd-form input[type=submit]:focus {
    background:#f7a540;
    outline: none;
  }
  .cd-form .hide-password {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 6px 15px;
    border-left: 1px solid #d2d8d8;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 133% !important;
    color: #343642;
  }
  .cd-form .cd-error-message {
    display: inline-block;
    position: absolute;
    left: -5px;
    bottom: -35px;
    background: rgba(215, 102, 102, 0.9);
    padding: .8em;
    z-index: 2;
    color: #FFF;
    font-size: 13px;
    font-size: 0.8125rem;
    border-radius: 0.25em;
    /* prevent click and touch events */
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.2s 0, visibility 0 0.2s;
    -moz-transition: opacity 0.2s 0, visibility 0 0.2s;
    transition: opacity 0.2s 0, visibility 0 0.2s;
  }
  .cd-form .cd-error-message::after {
    /* triangle */
    content: '';
    position: absolute;
    left: 22px;
    bottom: 100%;
    height: 0;
    width: 0;
    border-bottom: 8px solid rgba(215, 102, 102, 0.9);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
  }
  .cd-form .cd-error-message.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.2s 0, visibility 0 0;
    -moz-transition: opacity 0.2s 0, visibility 0 0;
    transition: opacity 0.2s 0, visibility 0 0;
  }
  @media only screen and (min-width: 600px) {
    .cd-form {
      padding: 2em;
    }
    .cd-form .fieldset {
      margin: 2em 0;
    }
    .cd-form .fieldset:first-child {
      margin-top: 0;
    }
    .cd-form .fieldset:last-child {
      margin-bottom: 0;
    }
    .cd-form input.has-padding {
      padding: 16px 20px 16px 50px;
    }
    .cd-form input[type=submit] {
      padding: 16px 0;
      background: #f7a540;
    }
  }
  
  .cd-form-message {
    padding: 1.4em 1.4em 0;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
    text-align: center;
  }
  @media only screen and (min-width: 600px) {
    .cd-form-message {
      padding: 2em 2em 0;
    }
  }
  
  .cd-form-bottom-message {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -30px;
    text-align: center;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .cd-form-bottom-message a {
    color: #FFF;
    text-decoration: underline;
    font-size: 138%;
  }
  
  .cd-close-form {
    /* form X button on top right */
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0;
    top: -40px;
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-close.svg") no-repeat center center;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  @media only screen and (min-width: 1170px) {
    .cd-close-form {
      display: none;
    }
  }
  
  #cd-login, #cd-signup, #cd-reset-password {
    display: none;
  }
  
  #cd-login.is-selected, #cd-signup.is-selected, #cd-reset-password.is-selected {
    display: block;
  }
  .cd-form input.has-padding {
    padding: 16px 20px 16px 50px;
    font-size: 124%;
}
.icon-bar {
  position: fixed;
  top: 90%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99;
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}
.cd-form input {
  margin: 0;
  padding: 0;
  border-radius: 0.25em;
}
.cd-form input.full-width {
    width: 100%;
}
.cd-form input.has-padding {
  padding: 12px 20px 12px 50px;
}
.phulkari-img{
	position: relative;
    display: inline-block;
}

.zoom:hover{
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}


.irs {
  position: relative; display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
  .irs-line {
      position: relative; display: block;
      overflow: hidden;
      outline: none !important;
  }
      .irs-line-left, .irs-line-mid, .irs-line-right {
          position: absolute; display: block;
          top: 0;
      }
      .irs-line-left {
          left: 0; width: 11%;
      }
      .irs-line-mid {
          left: 9%; width: 82%;
      }
      .irs-line-right {
          right: 0; width: 11%;
      }

  .irs-bar {
      position: absolute; display: block;
      left: 0; width: 0;
  }
      .irs-bar-edge {
          position: absolute; display: block;
          top: 0; left: 0;
      }

  .irs-shadow {
      position: absolute; display: none;
      left: 0; width: 0;
  }

  .irs-slider {
      position: absolute; display: block;
      cursor: default;
      z-index: 1;
  }
      
      .irs-slider.type_last {
          z-index: 2;
      }

  .irs-min {
      position: absolute; display: block;
      left: 0;
      cursor: default;
  }
  .irs-max {
      position: absolute; display: block;
      right: 0;
      cursor: default;
  }

  .irs-from, .irs-to, .irs-single {
      position: absolute; display: block;
      top: 0; left: 0;
      cursor: default;
      white-space: nowrap;
  }

.irs-grid {
  position: absolute; display: none;
  bottom: 0; left: 0;
  width: 100%; height: 20px;
}
.irs-with-grid .irs-grid {
  display: block;
}
  .irs-grid-pol {
      position: absolute;
      top: 0; left: 0;
      width: 1px; height: 8px;
      background: #000;
  }
  .irs-grid-pol.small {
      height: 4px;
  }
  .irs-grid-text {
      position: absolute;
      bottom: 0; left: 0;
      white-space: nowrap;
      text-align: center;
      font-size: 9px; line-height: 9px;
      padding: 0 3px;
      color: #000;
  }

.irs-disable-mask {
  position: absolute; display: block;
  top: 0; left: -1%;
  width: 102%; height: 100%;
  cursor: default;
  background: rgba(0,0,0,0.0);
  z-index: 2;
}
.lt-ie9 .irs-disable-mask {
  background: #000;
  filter: alpha(opacity=0);
  cursor: not-allowed;
}

.irs-disabled {
  opacity: 0.4;
}


.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important;
}



.irs {
  height: 55px;
}
.irs-with-grid {
  height: 75px;
}
.irs-line {
  height: 10px; top: 33px;
  background: #EEE;
  background: linear-gradient(to bottom, #DDD -50%, #FFF 150%); /* W3C */
  border: 1px solid #CCC;
  border-radius: 16px;
  -moz-border-radius: 16px;
}
  .irs-line-left {
      height: 8px;
  }
  .irs-line-mid {
      height: 8px;
  }
  .irs-line-right {
      height: 8px;
  }

.irs-bar {
  height: 10px; top: 33px;
  /* border-top: 1px solid #428bca;
  border-bottom: 1px solid #428bca; */
  /* background: #428bca;
  background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%); W3C */
  background: linear-gradient(to top, rgb(144, 103, 51) 0%,#f7a540) ;
}
  .irs-bar-edge {
      height: 10px; top: 33px;
      width: 14px;
      border: 1px solid #428bca;
      border-right: 0;
      background: #428bca;
      background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%); /* W3C */
      border-radius: 16px 0 0 16px;
      -moz-border-radius: 16px 0 0 16px;
  }

.irs-shadow {
  height: 2px; top: 38px;
  background: #000;
  opacity: 0.3;
  border-radius: 5px;
  -moz-border-radius: 5px;
}
.lt-ie9 .irs-shadow {
  filter: alpha(opacity=30);
}

.irs-slider {
  top: 25px;
  width: 27px; height: 27px;
  border: 1px solid #AAA;
  background: #DDD;
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 20%,rgba(255,255,255,1) 100%); /* W3C */
  border-radius: 27px;
  -moz-border-radius: 27px;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
  cursor: pointer;
}

.irs-slider.state_hover, .irs-slider:hover {
  background: #FFF;
}

.irs-min, .irs-max {
  color: #333;
  font-size: 12px; line-height: 1.333;
  text-shadow: none;
  top: 0;
  padding: 1px 5px;
  background: rgba(0,0,0,0.1);
  border-radius: 3px;
  -moz-border-radius: 3px;
}

.lt-ie9 .irs-min, .lt-ie9 .irs-max {
  background: #ccc;
}

.irs-from, .irs-to, .irs-single {
  color: #fff;
  font-size: 14px; line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background: #6c2a17;
  border-radius: 3px;
  -moz-border-radius: 3px;
}
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
  background: #999;
}

.irs-grid {
  height: 27px;
}
.irs-grid-pol {
  opacity: 0.5;
  background: #428bca;
}
.irs-grid-pol.small {
  background: #999;
}

.irs-grid-text {
  bottom: 5px;
  color: #99a4ac;
}
.cart-login{
  margin-bottom: 10%;
  margin-top: -27px;
  margin-left: 276px;
  border-radius: 16px;
  width: 79px;
  font-size: 15px;
}
ol.progtrckr {
  margin: 0;
  padding: 0;
  list-style-type :none;
}

ol.progtrckr li {
  display: inline-block;
  text-align: center;
  line-height: 3.5em;
}

ol.progtrckr[data-progtrckr-steps="2"] li { width: 49%; }
ol.progtrckr[data-progtrckr-steps="3"] li { width: 33%; }
ol.progtrckr[data-progtrckr-steps="4"] li { width: 24%; }
ol.progtrckr[data-progtrckr-steps="5"] li { width: 19%; }
ol.progtrckr[data-progtrckr-steps="6"] li { width: 16%; }
ol.progtrckr[data-progtrckr-steps="7"] li { width: 14%; }
ol.progtrckr[data-progtrckr-steps="8"] li { width: 12%; }
ol.progtrckr[data-progtrckr-steps="9"] li { width: 11%; }

ol.progtrckr li.progtrckr-done {
  color: black;
  border-bottom: 4px solid yellowgreen;
}
ol.progtrckr li.progtrckr-todo {
  color: silver; 
  border-bottom: 4px solid silver;
}

ol.progtrckr li:after {
  content: "\00a0\00a0";
}
ol.progtrckr li:before {
  position: relative;
  bottom: -2.5em;
  float: left;
  left: 50%;
  line-height: 1em;
}
ol.progtrckr li.progtrckr-done:before {
  content: "\2713";
  color: white;
  background-color: yellowgreen;
  height: 2.2em;
  width: 2.2em;
  line-height: 2.2em;
  border: none;
  border-radius: 2.2em;
}
ol.progtrckr li.progtrckr-todo:before {
  content: "\039F";
  color: silver;
  background-color: white;
  font-size: 2.2em;
  bottom: -1.2em;
}