/*

  Blue : #2b1671;
  red : #da2720;
  gray : #999999;
*/

@import url(http://fonts.googleapis.com/css?family=Khula:400,700|Open+Sans:400,700|Muli:400,700|Roboto+Condensed);
@import url('https://fonts.googleapis.com/css?family=Krub|Nanum+Gothic');
 @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Devanagari:wght@400;700&display=swap');

body {
	font-family: 'Nanum Gothic', sans-serif;
	font-family: 'IBM Plex Sans Devanagari', sans-serif;
	font-size:16px;
	/* background:#0095D9;
	background:#261A70 url("../images/black-linen.png");	 */
	margin-bottom:10px;
	line-height:200%;

}
.main_content {
  background:#FFFFFF;
  
}
p,ul li,ol li,table td {
  font-weight:400;
}
.list-mb li a {
  color:#999999;
}
.hd_ttl1 {
	/* background:#0095D9; */
	padding-top:20px;
}
.hd_ttl1 a{
	/* background:#0095D9; */
	color:#000000;
	border-bottom:1px solid #ccc;
}
.hd_ttl1 a:hover{
	/* background:#0095D9; */
	color:#aaa;
	border-bottom:0px solid #ccc;
}
marquee a {
	color:#000000;
	border-bottom:1px solid #000;
}
div.bs-example-modal-lg {
	width:80%;
	margin:0 auto;
}
@media (max-width: 768px) {
  .col-xs-12.text-right {
		  text-align: center;
		  font-size:0.8em;
		  margin-bottom:10px;
   }
   .hd_ttl1 {
  	/* background:#0095D9; */
  	padding-top:0px;
  }
  .btn-lg {
    font-size: 0.9em;
    margin-bottom: 10px;
    display: block;
  }
}
form.frm_Send_inquiry label {
	color:#2b1671;
}
.form_panel {
  border:1px solid #2b1671!important;
}
img#logo{
	/* margin:0 auto; */
	margin:10px 0;
	cursor:pointer;
}
/* .panel-body ul li {
	margin-bottom:10px;
} */

.mylist .list-group-item a {
  color:#000000;
}
h1 {
	font-family: 'Krub', sans-serif;
	font-family: 'IBM Plex Sans Devanagari', sans-serif;
	font-size:1.6em;
	text-transform:uppercase;
	font-weight:700;
	/* border-bottom:1px dashed #ccc; */
	padding-bottom:10px;
	/* letter-spacing:0.07em; */
	color:#da2720;
}
h2 {
	font-size:1.4em;
	font-family: 'IBM Plex Sans Devanagari', sans-serif;
	text-transform:uppercase;
	font-weight:400;
	border-bottom:0px dashed #ccc;
	padding-bottom:10px;
}
h3 {
	font-family: 'IBM Plex Sans Devanagari', sans-serif;
}
h4.list-group-item-heading {
	font-weight:400;
	color:#444;
	text-transform:uppercase;
}
.navbar {
	font-family: 'IBM Plex Sans Devanagari', sans-serif;
	font-weight:700;
}
/*
.navbar,.dropdown-menu  {
	text-transform:uppercase;
	font-family: 'Roboto condensed', sans-serif;
	border:0px solid #ccc;
	border-radius:0px;
	background:#2b1671;
	color:#FFF;
	font-weight:400;
	margin-bottom:0px;
	min-height:30px !important

}
*/
/* 

I will show you how to change a height of a standard Bootstrap navbar.

*/

.navbar {
  min-height: 60px;
  background:#2b1671;
}
.dropdown-menu {
  background:#2b1671;
  color:#FFF;
}
.navbar li a {
  color:#FFF;
}
.navbar-brand {
  padding: 0 15px;
  height: 60px;
  line-height: 60px;
}

.navbar-toggle {
  /* (80px - button height 34px) / 2 = 23px */
  margin-top: 13px;
  padding: 9px 10px !important;
}


@media (min-width: 768px) {
  .navbar-nav > li > a {
    /* (60px - line-height of 27px) / 2 = 26.5px */
    padding-top: 16.5px;
    padding-bottom: 16.5px;
    line-height: 27px;
    color:#FFFFFF!important;
  }
}

@media (min-width:769px) {
	.dropdown:hover .dropdown-menu {
  display: block;
  
	}
}


.news_div {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,0094d9+100 */
	background: #2b1671; /* Old browsers */
	
  
  color:#DADADA;

}
.btn-mb {
  background:#999999;
  border:0px;
  font-weight:bold;
  font-family: 'Krub', sans-serif;
  color:#000;
}
.btn-mb:hover {
  background: #999999;
  border:0px;
  font-weight: bold;
}
.alert-mb {
  background:#999999;
  border:0px;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-mypanel {
    border-color: #2b1671;
}
.panel-mypanel>.panel-heading {
    color: #333;
    background-color: #2b1671;
    border-color: #2b1671;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.panel-body {
    padding: 15px;
}


.panel-title {
	color:#FFF;
	text-transform:uppercase;
	font-weight:700;
}
.contact_row {
  /*background:#2b1671 url("../images/black-linen.png");*/
  background: #2b1671;
	padding:10px;
  font-weight:bold;
  font-family: 'Krub', sans-serif;
  font-size:1.2em;
  color:#FFFFFF;
}
.contact_row a {
  color:#FFFFFF;
  font-weight:400;
  font-weight:bold;
  font-family: 'Krub', sans-serif;
  
}
.page-footer {
	background:#7A6CB8 url("../images/black-linen.png");
	padding:10px;
	color:#7A6CB8;
}
div.thumbnail div.caption h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1em;
}
.item1 {
    width: 200px;
    float: left;
	margin-bottom: 10px;
}
.item1 img {
    display: block;
    width: 100%;
}
button {
    font-size: 18px;
}
.shine_me{


    }

.shine_me:hover .shine_effect {
  /*   positioning */
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  /*   gradient   */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(1%, rgba(255, 255, 255, 0.03)), color-stop(30%, rgba(255, 255, 255, 0.85)), color-stop(50%, rgba(255, 255, 255, 0.85)), color-stop(70%, rgba(255, 255, 255, 0.85)), color-stop(71%, rgba(255, 255, 255, 0.85)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
  /* IE6-9 */
  /*  forming the shine element
      play around with the width, skew and gradient to get different effects
    */
  width: 15%;
  height: 100%;
  transform: skew(-10deg, 0deg);
  -webkit-transform: skew(-10deg, 0deg);
  -moz-transform: skew(-10deg, 0deg);
  -ms-transform: skew(-10deg, 0deg);
  -o-transform: skew(-10deg, 0deg);
  /*  animating it  */
  animation: move 2s;
  animation-iteration-count: infinite;
  animation-delay: 1s;
  -webkit-animation: move 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 1s;
  -moz-transform: skew(-10deg, 0deg);
  -moz-animation: move 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 1s;
  -ms-transform: skew(-10deg, 0deg);
  -ms-animation: move 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-delay: 1s;
  -o-transform: skew(-10deg, 0deg);
  -o-animation: move 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-delay: 1s;
}

/*  */
@keyframes move {
  0% {
    left: 0;
    opacity: 0;
  }
  5% {
    opacity: 0.0;
  }
  48% {
    opacity: 0.2;
  }
  80% {
    opacity: 0.0;
  }
  100% {
    left: 82%;
  }
}
@-webkit-keyframes move {
  0% {
    left: 0;
    opacity: 0;
  }
  5% {
    opacity: 0.0;
  }
  48% {
    opacity: 0.2;
  }
  80% {
    opacity: 0.0;
  }
  100% {
    left: 82%;
  }
}
@-moz-keyframes move {
  0% {
    left: 0;
    opacity: 0;
  }
  5% {
    opacity: 0.0;
  }
  48% {
    opacity: 0.2;
  }
  80% {
    opacity: 0.0;
  }
  100% {
    left: 88%;
  }
}
@-ms-keyframes move {
  0% {
    left: 0;
    opacity: 0;
  }
  5% {
    opacity: 0.0;
  }
  48% {
    opacity: 0.2;
  }
  80% {
    opacity: 0.0;
  }
  100% {
    left: 82%;
  }
}
@-o-keyframes move {
  0% {
    left: 0;
    opacity: 0;
  }
  5% {
    opacity: 0.0;
  }
  48% {
    opacity: 0.2;
  }
  80% {
    opacity: 0.0;
  }
  100% {
    left: 82%;
  }
}
.carousel-control.left, .carousel-control.right {
    background-image: none
}



.grid {
  /* background: #FFF; */
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 24%;
}

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 100%;
}