/*side nav bar design*/
body {
  padding-bottom: 30px;
  position: relative;
  min-height: 100%;
  background: url(../images/back.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

a {
  transition: background 0.2s, color 0.2s;
}
a:hover,
a:focus {
  text-decoration: none;
}

/*navbar section*/
  .navbar, .dropdown-menu{
/*background:rgb(142, 199, 101);*/
border: none;
margin-bottom: 0px;
}

.navwrap{
  /*background: rgb(142, 199, 101);*/
}

.nav>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a, .dropdown-menu>li{
  border-bottom: 3px solid transparent;
}
.nav>li>a:focus, .nav>li>a:hover,.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
  border-bottom: 3px solid transparent;
  background: none;
}
.navbar a, .dropdown-menu>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .navbar-toggle{
 color: #fff;
}
.dropdown-menu{
      -webkit-box-shadow: none;
    box-shadow:none;
}

.nav li:hover:nth-child(8n+1), .nav li.active:nth-child(8n+1){
  border-bottom: #C4E17F 3px solid;
}
.nav li:hover:nth-child(8n+2), .nav li.active:nth-child(8n+2){
  border-bottom: #F7FDCA 3px solid;
}
.nav li:hover:nth-child(8n+3), .nav li.active:nth-child(8n+3){
  border-bottom: #FECF71 3px solid;
}
.nav li:hover:nth-child(8n+4), .nav li.active:nth-child(8n+4){
  border-bottom: #F0776C 3px solid;
}
.nav li:hover:nth-child(8n+5), .nav li.active:nth-child(8n+5){
  border-bottom: #DB9DBE 3px solid;
}
.nav li:hover:nth-child(8n+6), .nav li.active:nth-child(8n+6){
  border-bottom: #C49CDE 3px solid;
}
.nav li:hover:nth-child(8n+7), .nav li.active:nth-child(8n+7){
  border-bottom: #669AE1 3px solid;
}
.nav li:hover:nth-child(8n+8), .nav li.active:nth-child(8n+8){
  border-bottom: #62C2E4 3px solid;
}

.navbar-toggle .icon-bar{
    color: #fff;
    background: #fff;
}
/*end navbar section*/

/*index banner slider design*/
/*  header .item {
  height: auto;
  position: relative;
}
header .item img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
header .item .cover {
  padding: 75px 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
}
header .item .cover .header-content {
  position: relative;
  padding: 56px;
  overflow: hidden;
}
header .item .cover .header-content .line {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  border: 9px solid #fff;
  -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
  clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
}
header .item .cover .header-content h2 {
  font-weight: 300;
  font-size: 35px;
  color: #fff;
}
header .item .cover .header-content h1 {
  font-size: 56px;
  font-weight: 600;
  margin: 5px 0 20px;
  word-spacing: 3px;
  color: #fff;
}
header .item .cover .header-content h4 {
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
  color: #fff;
}
*/





.item-video, .item {
  opacity: 0.4;
  transition: .4s ease all;
  margin: 0 20px;
  transform: scale(.8);
}

@media(max-width:1000px) {
  .item, .item-video {
    margin: 0;
    transform: scale(.9)
  }
}
.owl-carousel .owl-video-tn {
    min-height: 500px;

}
.active .item, .active .item-video {
  opacity: 1;
  transform: scale(1);
}
.active .owl-video-tn {
  opacity:1;
}

.owl-item {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.inner {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  text-align: center;
}

.inner a {
  color: #fff;
  text-decoration: none;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  transition: .3s ease border-color
}

.inner a:hover {
  border-color: #fff;
}

.owl-controls {
  position: absolute;
  margin-top: 300px;
}

.owl-carousel .owl-video-play-icon {
     -webkit-transform: translateZ(0);
    -webkit-transition-property: background-color,-webkit-transform;
    -moz-transition-property: background-color,-moz-transform;
    -o-transition-property: background-color,-o-transform;
    transition-property: background-color,transform;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);
    -moz-transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);
    -o-transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);
    transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
    border-radius: 80px;
    background: rgba(0,0,0,0.25);
    border: 3px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 90px;
    margin: -45px 0 0 -45px;
    z-index: 1;
}

.owl-carousel .item-video:hover .owl-video-play-icon{

      -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: perspective(1px) scale(1.1);
}

.owl-carousel .owl-video-play-icon:after {
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    border: solid transparent;
    border-left-color: #fff;
    border-width: 15px 0 15px 20px;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 4px;
}

.owl-banner{
      padding-top: 0px;
    padding-bottom: 0px;
}
/*index banner slider design end*/



/*index page*/

.content {
    box-shadow: 0px 3px 3px #ccc;
    border: 1px solid #dedbdb;
    border-radius: 5px;
  display: none;
      margin-bottom: -8px;
    margin-left: -8px;
    margin-right: -8px;
}
#loadMore {
  width: 200px;
  color: #fff;
  display: block;
  text-align: center;
  margin: 30px auto;
  padding: 7px;
  border-radius: 25px;
  border: 1px solid #fff;
  /*background-color: blue;*/
  transition: .3s;
}
/*#loadMore:hover {
  color: blue;
  background-color: #fff;
  border: 1px solid blue;
  text-decoration: none;
}*/
.noContent {
  color: #fff !important;
  background-color: transparent !important;
  pointer-events: none;
}
.img-style{
    width: 100%;
    /* border-radius: 7px; */
    height: 120px;
    object-fit: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.cap{
    font-size: 12px;
    padding: 5px;
    margin-top: 5px;
    color: #807373;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}
.iconplay{
  position: absolute;
    top: 103px;
    left: 25px;
    font-size: 30px;
    color: #fff;
}

hr.style-eight {
    overflow: visible; /* For IE */
    padding: 0;
    border: none;
    border-top: medium double #c1c2c2;
    /* color: #259225; */
    text-align: center;
     max-width: 270px;
}
hr.style-eight:after {
    content: "¤";
    display: inline-block;
    position: relative;
    top: -0.22em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}

.pt-100{
  padding-top: 100px;
}

/*end index*/

/*footer design*/
/*footer{
      background: #333;
    padding: 0px;
    position: absolute;
    width: 100%;
}*/

footer p{
    padding: 0px;
    margin-top: 10px;
}

footer{
    color: #fff;
    padding: 0px;
    text-align: center;
    background: #333;
    position: fixed;
    width: 100%;
    bottom: 0px;
}

/*single page title box design*/
.titlebox{
    background: #eaeae9;
    padding: 1px;
    text-align: center;
    margin-top: -5px;
    border: 1px solid #ccc;
    box-shadow: 0px 2px 5px #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /* color: #767676; */
}

/*end single page title box design*/



/*banner slider design*/
/*.sliderbox{
        border: 1px solid #ccc;
    box-shadow: 0px 1px 3px #ccc;
    border-radius: 6px;
    margin-bottom: 17px;
}*/

.img-box{
   /* border-radius: 5px;*/
    height: 250px;
    width: 100%;
    object-fit: cover;
}

.img-box2{
    border-radius: 5px;
    height: 170px;
    width: 100%;
    object-fit: cover;
}

.logo-img{
  margin-top: 6px;
  width: 200px;
  color: #fff;
}
/*end banner slider design*/

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.img-box{
   /* border-radius: 5px;*/
    height: 160px;
    width: 100%;
    object-fit: cover;
}

.cap {
    font-size: 11px;
    padding: 5px;
    margin-top: 5px;
    color: #544d4d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}
.iconplay {
position: absolute;
    top: 64px;
    left: 15px;
    font-size: 25px;
    color: #fff;
}
.img-style {
    width: 100%;
    /* border-radius: 7px; */
    height: 70px;
    object-fit: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/*banner slider medium device style*/

  header .item {
  height: auto;
  position: relative;
}

header .item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

header .item .cover .header-content h2 {
    font-weight: 300;
    font-size: 24px;
    color: #fff;
}

header .item .cover .header-content h4 {
    font-size: 14px;
    font-weight: 300;
    line-height: 25px;
    color: #fff;
}

header .item .cover .header-content .line {
    content: "";
    display: inline-block;
    width: 100%;
    height: 70%;
    left: 0;
    top: 34px;
    position: absolute;
    border: 9px solid #fff;
    -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
    clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
}
}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
.img-box{
   /* border-radius: 5px;*/
    height: 160px;
    width: 100%;
    object-fit: cover;
}

.cap {
    font-size: 11px;
    padding: 5px;
    margin-top: 5px;
    color: #767676;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}
.iconplay {
position: absolute;
    top: 64px;
    left: 15px;
    font-size: 25px;
    color: #fff;
}
.img-style {
    width: 100%;
    /* border-radius: 7px; */
    height: 70px;
    object-fit: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/*banner slider medium device style*/

  header .item {
  height: auto;
  position: relative;
}

header .item img {
    width: 100%;
    height: 230px;
    object-fit: cover;
}

header .item .cover .header-content h2 {
    font-weight: 300;
    font-size: 24px;
    color: #fff;
}

header .item .cover .header-content h4 {
    font-size: 14px;
    font-weight: 300;
    line-height: 25px;
    color: #fff;
}

header .item .cover .header-content .line {
    content: "";
    display: inline-block;
    width: 100%;
    height: 70%;
    left: 0;
    top: 34px;
    position: absolute;
    border: 9px solid #fff;
    -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
    clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
}
}