/* Start Bootstrap - SPJaganath */

@font-face {
    font-family: 'krutidev';
    src: url('../fonts/krutidev/K010.eot');
    src: url('../fonts/krutidev/K010.eot?#iefix') format('embedded-opentype'),
         url('../fonts/krutidev/K010.woff') format('woff'),
         url('../fonts/krutidev/K010.ttf') format('truetype'),
         url('../fonts/krutidev/K010.svg#krutidev') format('svg');
    font-weight: normal;
    font-style: normal;
}


.no-pad{padding: 0px!important;}

html, body {
    height: 100%;    
    font-size: 13px;
    line-height: 22px;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

/* body.hindi{} */
.hindi{font-family: 'krutidev'; font-size: 17px; line-height: normal;}
.hindi .english {font-size: initial;}
.english{font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 14px!important;}
h1, h2, h3, h4, h5, h5{
    padding: 0px 0 10px 0;
    margin: 0px;
}

h1{font-size: 30px;}
h2{font-size: 20px;}
h3{font-size: 12px;}

body{overflow-x:hidden;}

.content-area h2{ font-size: 15px;}
.hindi h2{ font-size: 20px;}
.hindi h2,
.content-area h2 {    
    color: #aa3941;
    font-weight: bold;
}

ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
a:focus{outline: none; text-decoration: none;}

ul li{display: inline-block;}
img{width: 100%;}

.navbar-collapse{padding-right: 0px; padding-left: 0px;}
.navbar{margin-bottom: 5px;}
.navbar-inverse{background: transparent; border:none;}
.navbar-nav{   
    float: none;
    vertical-align: middle;
    display: table-cell;
    height: 112px;
}
/*.navbar-inverse .navbar-nav>li{border-right: 2px solid #eb8c0a;}*/
.navbar-inverse .navbar-nav>li{background: url(../img/bullet.png) no-repeat right center;}
.navbar-inverse .navbar-nav>li>a{
    color: #008c44; 
    font-weight: bold; 
    font-size: 12px; 
    margin:0 15px 0 10px;
    padding: 0px;     
    text-transform: uppercase;
    line-height: normal;    
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; 
}
.navbar-inverse .navbar-nav.french>li>a{text-transform: none; font-size: 11px;}
.navbar-inverse .navbar-nav.hindi>li>a{text-transform: none; font-size: 19px;}
.navbar-inverse .navbar-nav.hindi>li>a>i{ font-size: 16px; top: 2px;}
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li.active>a:hover,
.navbar-inverse .navbar-nav>.active>a{color: #AA3C44; background: none;}
.navbar-inverse .navbar-nav>li:first-child>a{margin-left: 0px;}
.navbar-inverse .navbar-nav>li:last-child>a{margin-right: 0px;}
.navbar-inverse .navbar-nav>li:last-child{background: none;}

.social-icons{margin-top: 20px;}
.social-icons li {width: 25px;}
.social-icons li img{
    width: 100%; 
    opacity: 0.8;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; 
}
.social-icons li img:hover{opacity: 1;}
.language select {max-width: 150px; margin: 10px auto;}
.content{height: 330px; text-align: justify;}
.content.content-gallery{height: 421px;}
.mCSB_container_wrapper{margin-right: 15px;}
.mCSB_container_wrapper > .mCSB_container{padding-right: 10px;}
.big-image{height: 421px; overflow: hidden;}
.big-image img {max-height: 100%;}

.bottom-links{margin-top: 40px; }
.bottom-links ul.hindi{font-size: 19px;}
.bottom-links li { padding: 0 20px; position: relative; font-weight: bold;}
.bottom-links li:last-child{padding-right: 0px;}
.bottom-links li span.bottom-link-icn{
    background: url(../img/thumb2.png) no-repeat left top;
    background-size: contain;
    height: 14px;
    width: 14px;
    position: absolute;
    top: 3px;
    left: 0;
}
.back-btn{font-weight: bold; margin-bottom: 8px; display: block;}
.back-btn span.english{font-size: 12px!important; }
.bottom-links li a{color: #aa3941;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    }
.bottom-links li a:hover{text-decoration: none; color: #e86918;}

.bottom-img-left{
    margin-top: -45px;
    height: 150px;
    background: url(../img/indexflower.png) no-repeat center center;
    background-size: contain;
    position: relative;
    bottom: 20px;
}

.content ul {margin-bottom: 15px;}


.content ul li a{color:#000;}
.spj-accordion .panel-title{padding-bottom: 0px;}
.spj-accordion .panel-title a{font-weight: bold; text-decoration:none; color: #9d9d9d;}
.spj-accordion  ul {margin-bottom: 0px;}
.content ul li a:hover,
.spj-accordion .panel-title a:hover{text-decoration:none; color:#e86918;}

.listings {
  padding: 8px 0 8px 10px; 
}

.{
    display: block;    
    margin-bottom: 2px;    
    outline: none;
    position: relative;
    background:url(../img/bullet.png) no-repeat left 9px;
    padding-left: 15px;
}

.content-area.hindi .content ul li a{
  font-size: 16px;   
}
.content ul li a{
  display: block;
  padding:0 20px 3px 10px;
  text-align: left;     
}
.content ul li a .glyphicon{
  position: absolute;
  top: 5px;
  right: 2px;
  font-size: 12px;
  width: 15px;
  height: 15px;
  color: #bcbdc0;
}

.content .listings ul li a{border-bottom: 2px solid #bebfc0; }
.content .listings ul li a{padding:0 20px 5px 10px;}
.content .listings ul li {margin-bottom: 8px; background: none; padding: 0;}
.arrow-up,
.content ul li a[aria-expanded="true"] .arrow-down{display: none;}
.content ul li a[aria-expanded="true"] .arrow-up{display: inline; color: #7d7e81;}

.content ul li:last-child a{border-bottom: none;}


.content ul li .panel-body a {
    width: 65%;
    float: right;
    clear: both;
    padding: 4px 10px 1px;
    border-bottom: 2px solid #bebfc0;
    font-size: 14px;
    margin-bottom: 1px;
}
.content ul li .panel-body{padding: 0px;}

.business-list-items {
    text-align: center;
}


.business-list-items li{ margin: 0 7px 7px;}

.abhay_patanga-img {
    position: absolute;
    bottom: -20px;
    right: 15px;
    width: 70%;
    height: auto;
    z-index: 9999;
}
.content .contact-detail ul {padding-left: 5px;}
.content .contact-detail li { 
    display: block; 
    padding: 0 0 0 25px; 
    margin-bottom:5px;
}
.content .contact-detail li a{
    display: block;
    text-decoration: none;
    border-bottom: 0px;
    padding: 0px;
    
 }
 .content .contact-detail li span {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: -5px;
}
.carousel-inner{height: 421px;}
/* Carousel Fading slide */
.carousel-fade .carousel-inner { background: #000; }
.carousel-fade .carousel-control { z-index: 2; }  
.carousel-fade .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  }

  .carousel-fade .next.left,
  .carousel-fade .prev.right,
  .carousel-fade .item.active { opacity: 1; }

  .carousel-fade .active.left,
  .carousel-fade .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
    }

  .gallery{
  display: inline-block;
  margin-top: 20px;
  }
/* Safari Fix */


@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }

    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }

    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
/* Carousel Control custom */

.carousel-control .control-icon {
  font-size: 48px;
  height: 30px;
  margin-top: -15px;
  width: 30px;
  display: inline-block;
  position: absolute;
  top: 50%;
  z-index: 5;
  }

  .carousel-control .prev { margin-left:  -15px;  left: 50%; } /* Prev */
  .carousel-control .next { margin-right: -15px; right: 50%; } /* Next */

/* Removing BS background */
.carousel .control-box { opacity: 0; }
a.carousel-control.left  { left: 0; background: none; border: 0;}
a.carousel-control.right { right: 0; background: none; border: 0;}

/* Animation */
.control-box, a.carousel-control, .carousel-indicators li {
  -webkit-transition: all 1.9s ease-in-out;
  -moz-transition: all 1.9s ease-in-out;
  -ms-transition: all 1.9s ease-in-out;
  -o-transition: all 1.9s ease-in-out;
  transition: all 1.9s ease-in-out;   
  /* hardware acceleration causes Bootstrap carousel controlbox margin error in webkit */
  /* Assigning animation to indicator li will make slides flicker */
  } 

/* Hover animation */
.carousel:hover .control-box { opacity: 1; }
.carousel:hover a.carousel-control.left { left: 15px; }
.carousel:hover a.carousel-control.right { right: 15px; }  

/* Carouse Indicator */

.carousel-indicators li.active,
.carousel-indicators li { border: 0; }
.carousel-indicators li {
  background: #666;
  margin: 0 3px;
  width: 12px;
  height: 12px;
  }

.carousel-indicators li.active {
  background: #fff;
  margin: 0 3px;
  }
  
  .career-links li {position: relative; padding-right: 60px;}
  .career-links li .btn{
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 12px!important;
    padding: 0px 10px 0px;
  }
.fashion-hub-links li a span.glyphicon.glyphicon-facetime-video {
    position: relative;
    top: 3px;
    right: 2px;
    font-size: 15px;
    width: 15px;
    height: 19px;
    color: #000;
}

.fashion-hub-links li a:hover span.glyphicon.glyphicon-facetime-video {color:#e86918;}


.modal-dialog {
  position:absolute;
  top:50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  margin:auto;
  
}

.thumbnail>img{min-height: 250px; max-height: 250px; }
.nav-brand.mobile, #mobile-logo {display:none;}
@media screen and (max-width: 767px) { 
  .mobile-lang-social{z-index: 9999;} 
  .social-icons{float: left; width: 50%; text-align: left;}
  .language {width: 50%; float: right;}
  .language select { max-width: 150px; margin: 15px 0 10px 0; float: right;}
  .mobile-header{ padding-bottom: 25px; }
  #mobile-logo{display: inline-block; width: 70px; position: absolute;top: 0; left: 0;}
  .header-mobile{min-height: 125px; position: relative; z-index: 999;}
  .carousel-inner{height:auto;}
  .nav-brand {display:none;}
  .nav-brand.mobile {display:block; position: absolute; z-index: 99;}
  .mobile-navig{position: absolute; top: 10px;}
  .navbar-header {margin-top: -25px;  }
  .navbar-inverse .navbar-toggle{background:#000; margin-top: 65px; position: relative; z-index: 99999999;}  
  .big-image{height: auto;}
  .content-area {padding-top:20px;}  
  .content{height:200px;}
  .bottom-img-left{margin-top: 20px;}
  .bottom-links {padding-top: 20px; text-align: left;}
  .bottom-links li {display: block; margin-bottom: 5px;}
  .bottom-links .pull-right{float:left!important; width: 100%;}
  .navbar-collapse {border-top:0px;}
  div#bs-example-navbar-collapse-1 {
    position: absolute;
    top: 85px;
    right: 0;
    width:180px;
    height: 260px;
    z-index: 99999;
    background-color:#fff;
    padding: 10px;
  }
  .navbar-inverse .navbar-nav>li,
  .navbar-inverse .navbar-nav>li:last-child {background: url(../img/bullet.png) no-repeat left;}
  .navbar-inverse .navbar-nav>li>a{margin: 0 0 0 20px; padding: 5px 0;}
  .navbar-inverse .navbar-nav>li:first-child>a{margin-left: 20px;}
  .thumbnail>img{min-height: 150px;}



}
@media screen and (max-width: 480px) {
  .thumbnail>img{min-height: 100px;}
}
@media screen and (max-width: 580px) {
  .thumbnail>img{min-height: 130px;}
}
@media (min-width: 768px) {
  .thumbnail>img{min-height: 180px; max-height: 180px; }
}
@media (min-width: 992px) {
  .thumbnail>img{min-height: 190px; max-height: 190px; }
}
@media (min-width: 1200px) {
  .thumbnail>img{min-height: 250px; max-height: 250px; }
  .container {width: 1170px;}
}