@charset "UTF-8";
  @import url(http://weloveiconfonts.com/api/?family=entypo);
  /* CSS Document */

  /* Begin Font Face css section */

  /* Futura Font Heavy BT 
  @font-face {font-family: "Futura Heavy BT";
    src: url("../fonts/futura/heavy/3ea9695ee3af8a5e17413f22249f361a.eot"); /* IE9
    src: url("../fonts/futura/heavy/3ea9695ee3af8a5e17413f22249f361a.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 
    url("../fonts/futura/heavy/3ea9695ee3af8a5e17413f22249f361a.woff2") format("woff2"), /* chrome、firefox 
    url("../fonts/futura/heavy/3ea9695ee3af8a5e17413f22249f361a.woff") format("woff"), /* chrome、firefox 
    url("../fonts/futura/heavy/3ea9695ee3af8a5e17413f22249f361a.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+
    url("../fonts/futura/heavy/3ea9695ee3af8a5e17413f22249f361a.svg#Futura Heavy BT") format("svg"); /* iOS 4.1- 
  }
  */

  /* Begin Font Face css section */

  /* -----------------------------------xxxxx----------------------------------- */

  /* Begin Site Comman css section */

  body{
    font-family: 'Cormorant Infant', serif !important;
    font-size:13px;
      background: #fffbf0 !important;
  }
  h1,h2,h3,h4,h5,h6{
     font-family: 'Cormorant Infant', serif !important;
    margin:0px;
  }
  a, a:hover, a:focus{
    text-decoration: none;
    outline: none;
    color:inherit;
  }
  a:hover{
    text-decoration: none;
  }
  a{
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  ul,ol{
    list-style:none;
    padding:0px;
    
  }

  .row.no-gutter{
     margin-left: 0;
    margin-right: 0;
  } 

  /* only remove padding of middle columns */
  .row.no-gutter [class*='col-']:not(:first-child),
  .row.no-gutter [class*='col-']:not(:last-child) {
    padding-right:0;
    padding-left:0;
  }
  .clearfix{
    clear:both;
  }
  .navbar{
     margin-bottom: 0px!important ; 
  }

  .upper {
    text-transform:uppercase;
  }
  .strong {
    font-weight:bold;
  }
  .col-centered {
    float:none !important;
    margin-left:auto;
    margin-right:auto;
  }
  .col-left {
    float:none !important;
      margin-right:auto;
  }
  .divider-line {
    clear:both;
    border-bottom:1px solid #ccc;
    padding-bottom:10px;
    margin-bottom:20px;
  }

  .divider-line-top {
    clear:both;
    border-top:1px solid #e5e5e5;
    padding-top:10px;
    margin-top:20px;
  }
  .divider-line.green, .divider-line-top.green {
    border-color:#e0f6de;
  }
  .lt-image {
    float:left;
    margin:0 20px 20px 0;
  }
  .rt-image {
    float:right;
    margin:0 0 20px 20px;
  }
  .image-covered {
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    background-position:center center;
  }
  .light-offwhite-bg {
    background-color:#fffbf0;
  }
  .dark-cream-bg {
    background-color:#ffeec7;
  }
  .dark-black {
    background-color:#000;
  }
  .mediumDark-green-bg {
    background-color:;
  }
  .light-cream-bg {
    background-color:#fdf5e1;
  }
  .grey-bg {
    background-color:#f6f6f6;
  }
  input.button {
     padding:11px 22px;
  }

  input.dark-green{
    color: #fff;
      background: #4fae33;
  }

  .button {
    outline:none;
    border:none;
    padding:9px 11px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    color:#fff;
    display:inline-block;
  }
  .button i.left-icon {
    margin-left:8px;
  }
  .button i.right-icon {
    margin-right:8px;
  }
  .button.dark-green {
    background-color:#008f4f;
  }
  .button.light-green {
    background-color:#4fae33;
  }

  /*Begin signUp page button css*/

  .submit {
      text-align: center;
  }
  .login-button-area {
      text-align: center;
  }

  /*End signUp page button css*/

  .button:hover.dark-green {
    background-color:#4fae33;
    color:#fff;
  } 
  .button:hover.light-green {
    background-color:#18743f;
    color:#fff;
  }
  .button.light-green-color {
    color:#4fae33;
  }
  .button:hover.light-green-color {
    color:#18743f;
  }
  .button-group a+a, .button-group button+button{
    margin-left:5px;
  }
  .button.blocked-button {
    display:block;
    width:100%;
  }
  .button.button-centered {
    text-align:center;
    display:block;
    margin:0 auto;
    min-width:150px;
    padding:15px 20px;
    font-size:16px;
  }
  .button.button-rounded {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
  }
  /* End Buttons css section */
.bottom-gradient{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#666666+36,1c1c1c+36,666666+36,4c4c4c+36,474747+36,1c1c1c+36,474747+36,1c1c1c+37,1c1c1c+37,1c1c1c+66,2b2b2b+100,000000+100,131313+100,000000+100&0.15+0,1+100 */
background: -moz-linear-gradient(top, rgba(28,28,28,0.15) 0%, rgba(28,28,28,0.46) 36%, rgba(28,28,28,0.47) 37%, rgba(28,28,28,0.71) 66%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(28,28,28,0.15) 0%,rgba(28,28,28,0.46) 36%,rgba(28,28,28,0.47) 37%,rgba(28,28,28,0.71) 66%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(28,28,28,0.15) 100%,rgba(28,28,28,0.46) 100%,rgba(28,28,28,0.47) 0%,rgba(28,28,28,0.71) 100%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#261c1c1c', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.top-bottom-gradient:hover{
    background: linear-gradient(to top, #49ac35 0%,#008f4f 100%);
  }
  .width-16{
    width:16.66%;
  }
  .width-8{
    width:8.33%;
  }

  .width-24{
    width:24.99%;
  }

  .top-margin-20 {
    margin-top: 20px;
  }
  .desktop-rt-margin {
    margin-right:20px;
  }

/*Begin drop-down menu*/
.dropdown-submenu {
    position: relative;
}
.multi-level{
	display:none !important;
}
.multi-level.dropdown-menu > li > a{
    padding: 10px 20px;
}

.multi-level.dropdown-menu .divider{
  margin: 3px 0;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/*End drop-down menu*/



  /* End Site Comman css section */

  /* -----------------------------------xxxxx----------------------------------- */

  /*Begin Home modal section */
  .register-body-modal.modal-body {
    padding: 50px 50px 10px 50px;
    background: #fffbf0;
    text-align: center;
  }
  .register-head-modal.modal-header{
    background: #ffeec7;
    text-align:center;
  }
  .register-footer-modal.modal-footer{
      background: #ffeec7;
   }
  .modal-body input[type="text"] {
      width: 100%;
      margin-bottom:10px;
      padding: 10px;
      border: 1px solid #ccc;
       background-color:#fffbf0;
       outline:none;
      
  }
  .modal-body input[type="email"] {
       width: 100%;
       margin-bottom:10px;
           border: 1px solid #ccc;
            background-color:#fffbf0;
       padding: 10px;
        outline:none;
  }
  .modal-body input[type="password"] {
      width: 100%;
       margin-bottom:10px;
           border: 1px solid #ccc;
            background-color:#fffbf0;
      padding: 10px;
       outline:none;
  }
  .register-body-modal input.btn.default-button{
    margin-top: 20px;
    background: #000;
    color:#fff;
    outline: none;
  }
  .register-body-modal input.btn.default-button:hover, .register-body-modal input.btn.default-button:focus{
    background: #616161;
    color:#fff;
  }
  .register-footer-modal input.btn.default-button{
    background: #c1c1c1;
    color:#000;
  }
  .modal-content button.close {
    font-size: 25px;
}
  /*End Home modal section */





  /*Header -> Top-menu section */

  .hm_top-header{
    border-bottom:1px solid #e0deda;  
  }
  .hm_top-header .hm_top-header-date ul{
    float:left;
  margin-bottom: 0px !important;
  padding:4px;
  }
  .hm_top-header .hm_top-header-date ul li{
    float:left;
    padding-left:5px;
  }
  .hm_top-header .hm_top-header-date ul li a{
    font-size: 14px;
    color:#333333;
    text-decoration:none;
  }
  .hm_top-header .hm_top-header-list ul{
    float:left;
  margin-bottom: 0px !important;
  padding:4px;
  }
  .hm_top-header .hm_top-header-list ul li{
    float:left;
    padding-left:20px;
  }
  .hm_top-header .hm_top-header-list ul li a{
    font-size: 13px;
    color:#333333;
    text-decoration:none;
  }
  .hm_top-header .hm_top-header-login ul{
    float:right;
    margin-bottom: 0px !important;
  padding:4px;
  }
  .hm_top-header .hm_top-header-login ul li{
    float:left;
    padding-left: 11px;
  }
  .hm_top-header .hm_top-header-login ul li.caret-down:before{
    content:"\f0d7";
    font-family: FontAwesome;
    padding:5px;
  }
  .hm_top-header .hm_top-header-login ul li a:hover{
   color:#ccc;
  }
  .hm_top-header .hm_top-header-login ul li a{
    float:left;
    text-decoration:none;
    color:#616161;
  }
  .hm_top-header .hm_top-header-login ul li a span{
  margin:0px 5px;
  }
  .hm_top-header .hm_top-header-login ul li a span:before{
    content: "(";
  }
  .hm_top-header .hm_top-header-login ul li a span:after{
    content: ")";
  }
  .hm_top-header-login ul li ul{
      display: none;
      position: absolute;
      background: #fffbf0 !important;
      border: 1px solid #eee;
      margin-top: 4px;
      width: 150px;
      z-index: 1000;
  }
  .hm_top-header-login ul li ul li{
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding:4px 14px;
  }
  .hm_top-header-login ul li ul li a:hover{
  color:#fff;
  }
  .hm_top-header-login ul li:hover ul{
  display:block;
  top:20px;
  background: #ccc;
  }

  .logo-wrapper {
      margin-top: 0px;     
  }
.logo img {
    width: auto;
    height: 100px;
    object-fit: cover;
}
  .logo {
    padding-top:15px;
       text-align: center;
  }
  .pull-xs-right .hm-searchbox{
    text-align: center;
  }
  .pull-xs-right .hm-searchbox i.fa.fa-search {
      position: absolute;
      padding-top: 2px;
      left: -10px;
      font-size: 20px;
  } 
  .pull-xs-right .hm-searchbox input[type=text] {
      width: 163px;
      box-sizing: none;
      border: 1px solid #fffbf0;
      border-radius: 0px;
      font-size: 15px;
      background-color: #fffbf0;
      background-position: 10px 10px;
      background-repeat: no-repeat;
      padding: 0px 5px 0px 0px;
      -webkit-transition: width 0.4s ease-in-out;
      transition: width 0.4s ease-in-out;
      text-align: center;
  }
  .hm-searchbox a{
    color:#333333;
    text-decoration: none;
  }
  .hm-searchbox a:hover{
    color:#c1c1c1;
    text-decoration: none;
  }



  /*Nevigation section*/
  .hm-top-menu{
    float: left;
    margin-bottom: 0px;
      margin-left:30px;
  }
  .hm-top-menu li{
    display: inline-block;
    padding:4px;
  }
  .hm-top-menu li:hover{
  background: #c1c1c1;
  }
  .hm-top-menu li a:hover{
  color:#fff;
  }
  .hm-top-menu li a{
  color:#616161;
  text-decoration: none;
  }
  .hm-top-toggle.navbar-toggle{
      position: relative;
      float: left;
      padding: 6px 0px;
      margin-top: 0px;
      margin-right: 56px;
      margin-bottom: 0px;
      background-color: transparent;
      background-image: none;
      border: 1px solid transparent;
      border-radius: 4px;
  }

  .navbar-toggle .icon-bar{
    background: #666666;
  }
  .menu .navbar-nav {
    width: 100%;  
  }
  .navbar-bootbites {
    background-color: #fffbf0;
    margin-bottom: 0;
    color: #e3e3e3;
    border-bottom: 1px solid rgba(204, 204, 204, 0.12) !important;
  }
  .navbar-bootbites .navbar-brand,
  .navbar-bootbites .navbar-nav > li > a {
    color: #333333;
    font-size: 16px;
	font-weight: normal;
text-transform: uppercase;	
  }
  .navbar-bootbites .btn {
    color: #f3f3f3;
  }
  .pull-xs-right{
    float: right;
    padding:12px; 
    color:#333333;
    position: relative;
    left: -37px;
  }

  .navbar-ex2-collapse ul li{
      list-style: none;
  }
  .navbar-ex2-collapse ul li a{
      text-decoration: none;
      color: #fff;
  }
  .navbar-ex2-collapse ul li {
      float: left;
      list-style: outside none none;
  }
  .navbar-ex2-collapse ul li:hover{
      background: #8b2214;
      color: #fff;
  }

  /* ==================================================
    Styling
    ================================================== */
  .btn {
    border-radius: 0;
  }
  .btn-bootbites {
    background: #6f5499;
    border-color: #6f5499 !important;
    border-radius: 0;
  }
  .btn-bootbites:hover,
  .btn-bootbites:focus,
  .btn-bootbites:active,
  .btn-bootbites.active {
    background: #523e71;
  }
  .btn-bootbites-invert {
    background: #523e71;
    border-color: #523e71 !important;
    border-radius: 0;
  }
  .btn-bootbites-invert:hover,
  .btn-bootbites-invert:focus,
  .btn-bootbites-invert:active,
  .btn-bootbites-invert.active {
    background: #6f5499;
  }



  /* ==================================================
    Common
    ================================================== */
  .intro {
    margin-bottom: 3em;
    padding-bottom: 3em;
    border-bottom: 5px solid #eee;
  }
  .demos .demo {
    margin-bottom: 3em;
    padding-bottom: 3em;
    border-bottom: 1px solid #eee;
  }
  .demos .demo:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  hr {
    margin-bottom: 3em;
    margin-top: 3em;
    height: 1px;
    background: #eee;
  }
  hr.hr-lg {
    height: 5px;
  }

  /*Begin Home Banner*/
  .home-banner-wrapper{
    background: #fffbf0;
     margin-bottom:25px;
  }
  .home-banner-wrapper img {
      
      margin-left: auto;
      margin-right: auto;
  }
  .home-banner-wrapper .carousel-inner .item{
    
  }
  .tab-display, .mob-display{
    display: none !important;
  }
  .navbar-inverse .navbar-brand {
      color: #9d9d9d;
      margin-bottom: 7px !important;
  }
  .carousel-caption.hm_caption {
      color: #fff !important; 
      position: absolute;
      bottom: 0;
      left: 0;
      right: 20%;
      padding-bottom: 45px;
      width: 100%;
      z-index: 10;
      padding-top: 0px;
      text-align: center;
     
  }
  .carousel-caption.hm_caption p{
    color:#fff;
    font-size: 15px;
  }
  .carousel-caption.hm_caption p a {
      color: #fff;
      text-decoration: none;
  }
  .carousel-caption.hm_caption p a:hover {
      color: #ffeec7;
      text-decoration: none;
  }
  .carousel-control.right{
    background-image:none !important;
  }
  .carousel-control.left{
    background-image:none !important;
  }
  /* End Home Banner*/
  /* Begin About Section*/
  .hm-about-wrapper{
    margin-bottom: 20px;
    background: #fffbf0;
    text-align: center;
  }
  .hm-about-wrapper h2{
    font-size: 25px; 
  }
  .hm-about-wrapper p .button:hover{
    background: #791418;
    color:#ccc;
  }
.health-category img {
    width: 100%;
    height: 250px;
    /* object-fit: cover; */
}
  .home-about-slider-wrapper img{
  width:100%;
  }
  .home-about-slider-wrapper .carousel-control .glyphicon-chevron-right{
        margin-top: 188px !important;
  }
  .home-about-slider-wrapper .carousel-control .glyphicon-chevron-left{
        margin-top: 188px !important;
  }

  .hm-about-content {
      position: absolute;
      bottom: 0px;
      text-align: center;
      color: #fff;
  }
  span.ion-ios-arrow-left {
      position: absolute;
      bottom: 7%;
      font-size: 35px;
      left: 20px;
  }
  span.ion-ios-arrow-right {
      position: absolute;
      bottom: 7%;
      font-size: 35px;
      right: 20px;
  }
  /* End About Section*/
  /*Begin home category */
  .hm-health-wrapper{
    margin-bottom: 30px;
    text-align: center;
    padding:40px 0px;
  }
  .hm-health-wrapper p a{
    color:#555;
  }
    .hm-health-wrapper p a:hover{
    color:#9e2c30;
  }
  /*End home category */
  /* Begin Home Profile Section*/
  .hm-profile-wrapper{
    background:#fdf5e1;
  }

  .hm-profile-slider{

    border-bottom: 1px solid #ccc;
        margin-bottom: 25px;
  }
  .hm-profile-head{
    text-align: center;
  }
  .hm-profile-head h1{
    font-size: 36px;
    color:#333333;
      margin-bottom: 40px;
      margin-top: 55px;

  }
  .hm-profile-content a h2{
  margin-bottom: 0px;
  margin-top: 10px;
  font-size:20px;
  }
  .hm-profile-content a figure figcaption p{ 
    font-size: 14px;
  }
  .hm-profile-content a:hover{
    color:#c1c1c1;
  }
    

  .hm-profile-content {
      text-align: center;
      color:#333333;
      margin-bottom: 30px;
  }


  .hm-profile-footer{
    text-align: center;
        margin-bottom: 40px;
  }
  .hm-profile-footer h4 a {
      color:#333333;
      text-decoration:none;
      font-size: 18px;
  }
  .hm-profile-footer h4 a:hover {
    color:#c1c1c1;
  }


  i.ion-ios-arrow-left {
      position: absolute;
      top: 32%;
      font-size: 72px;
      color: #fffbf0;
      right: 155%;
  }

  i.ion-ios-arrow-right{
      position: absolute;
      top: 32%;
      font-size: 72px;
      color: #fffbf0;
      left: 155%;
  }

  /*home Profile hover */
  .hm-profile-slider .hovereffect {
  width:100%;
  height:10%;
  float:left;
  overflow:hidden;
  position:relative;
  text-align:center;
  cursor:default;
  margin-bottom: 10px;
  }

  .hm-profile-slider .hovereffect .overlay {
  width:100%;
  height:100%;
  position:absolute;
  overflow:hidden;
  top:0;
  left:0;
  opacity:0;
  background-color:rgba(0,0,0,0.5);
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out
  }

  .hm-profile-content .hovereffect img {
  display:block;
  position:relative;
  -webkit-transition:all .4s linear;
  transition:all .4s linear;  
  }

  .hm-profile-content .hovereffect h2 {
  text-transform:uppercase;
  color:#fff;
  text-align:center;
  position:relative;
  font-size:14px;
  background:rgba(0,0,0,0.86);
  -webkit-transform:translatey(-100px);
  -ms-transform:translatey(-100px);
  transform:translatey(-9px);
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  padding:7px;
  }

  .hm-profile-content .hovereffect a.info {
  text-decoration:none;
  display:inline-block;
  text-transform:uppercase;
  color:#fff;
  border:1px solid #fff;
  background-color:transparent;
  opacity:0;
  filter:alpha(opacity=0);
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  margin:50px 0 0;
  padding:5px 9px;
  background: #000;
  }

  .hm-profile-content  h2 {
  font-size: 25px;
  margin-bottom: 0px;
  }
  .hm-profile-content a:hover {
  color:#c1c1c1;
  }
  .hm-profile-content  p.other-name:before{
    content: "(";
  }
  .hm-profile-content p.other-name:after{
    content: ")";
  }
  .hm-profile-content .hovereffect a.info:hover {
  box-shadow:0 0 5px #fff;
  }

  .hm-profile-content .hovereffect:hover img {
  -ms-transform:scale(1.2);
  -webkit-transform:scale(1.2);
  transform:scale(1.2);
  }

  .hm-profile-content .hovereffect:hover .overlay {
  opacity:1;
  filter:alpha(opacity=100);
  }

  .hm-profile-content .hovereffect:hover h2 ,.hovereffect:hover a.info {
  opacity:1;
  filter:alpha(opacity=100);
  -ms-transform:translatey(0);
  -webkit-transform:translatey(0);
  transform:translatey(0);
  }
  .hm-profile-content .hovereffect:hover p ,.hovereffect:hover a.info {
  opacity:1;
  filter:alpha(opacity=100);
  -ms-transform:translatey(0);
  -webkit-transform:translatey(0);
  transform:translatey(0);
  }

  .hm-profile-content .hovereffect:hover a,.hovereffect:hover a.info {
  opacity:1;
  filter:alpha(opacity=100);
  -ms-transform:translatey(0);
  -webkit-transform:translatey(0);
  transform:translatey(0);
  }

  .hm-profile-content .hovereffect:hover a.info {
  -webkit-transition-delay:.2s;
  transition-delay:.2s;
  }




  /* End Home Profile Section*/
  /* Begin tranding stories Section*/
  .hm-stories-head{
    text-align: center;
    color:#333333;
  }
  .hm-stories-head h1{
    font-size: 36px;
    margin-bottom: 40px;
    margin-top: 55px;
  }
  .hm-tranding-inner-body{
    border-bottom:1px solid #ccc;
    margin-bottom: 40px;
    border-top:1px solid #ccc;
  }
  .hm-tranding-image-grid{
    margin-top: 35px;
      margin-bottom:40px;
  }
  .hm-tranding-image-grid img{
    width:100%;
  }
  .hm-tranding-content-grid{
    margin-top: 35px;
      margin-bottom:40px;
  }
  .hm-tranding-content-wrapper{
    border-bottom: 1px solid #ccc;
  }
  .bg-black{
    background: #9e2c30;
  }
  .bg-weight{
    background: #fff;
    color:#ccc;
  }

  .fa-share-alt:before {
      content: "\f1e0";
      
  }
  .hm-tranding-content-grid .hm-optionSet-area {
      margin: 15px 0px 8px;
  }
  .hm-tranding-content-grid h3 {
      font-size: 30px;
  }
  .hm-tranding-content-grid .hm-optionSet-area .hm-comments-section ul li a{
    color:#333333;
    text-decoration: none;
  }
  .hm-tranding-content-grid .hm-optionSet-area .hm-comments-section ul li a:hover, 
  .hm-tranding-content-grid .hm-optionSet-area .hm-comments-section ul li a:focus{
    color:#c1c1c1;
  }
  .hm-tranding-content-grid .hm-optionSet-area .hm-comments-section ul li a.counter:before {
      content: "\f27b";
      font-family: 'FontAwesome';
      padding: 0px 3px 0px 7px;
  }
  .hm-tranding-content-grid .hm-optionSet-area .hm-comments-section {
          margin: 8px 0px 0px 30px;
      display: inline-block;
  }
  .hm-tranding-content-grid .hm-optionSet-area .hm-connect-section {
      float: left;
  }
  .hm-tranding-content-grid .hm-optionSet-area .hm-connect-section ul li, 
  .hm-tranding-content-grid .hm-optionSet-area .hm-comments-section ul li{
        display: inline-block;
      margin-left: 5px;
      font-size: 12px;
      
  }

  .hm-connect-section ul li a.button:hover, .hm-connect-section ul li a.button:focus{
    background: #616161;
    color:#fff;
  }

  .hm-tranding-content-grid .hm-optionSet-area .hm-connect-section ul li a{
   text-decoration:none;
  }

  .hm-tranding-footer {
    text-align: center;
    margin-bottom: 50px;
  }
  .hm-tranding-footer h4 a{
  text-decoration:none;
  color: #333333;
  }
  .hm-tranding-footer h4 a:hover{
    color:#c1c1c1;
  }
  /*begin hm-tranding image hover style css*/
  .hm-tranding-image-grid .hovereffect {
  width:100%;
  height:100%;
  float:left;
  overflow:hidden;
  position:relative;
  text-align:center;
  cursor:default;
  margin-bottom: 10px;
  }

  .hm-tranding-image-grid .hovereffect .overlay {
  width:100%;
  height:100%;
  position:absolute;
  overflow:hidden;
  top:0;
  left:0;
  opacity:0;
  background-color:rgba(0,0,0,0.5);
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out
  }

  .hm-tranding-image-grid .hovereffect img {
  display:block;
  position:relative;
  -webkit-transition:all .4s linear;
  transition:all .4s linear;
  border: 3px solid #eee;
  }

  .hm-tranding-image-grid .hovereffect h2 {
  text-transform:uppercase;
  color:#fff;
  text-align:center;
  position:relative;
  font-size:14px;
  background:rgba(0,0,0,0.86);
  -webkit-transform:translatey(-100px);
  -ms-transform:translatey(-100px);
  transform:translatey(-9px);
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  padding:7px;
  }

  .hm-tranding-image-grid .hovereffect a.info {
  text-decoration:none;
  display:inline-block;
  text-transform:uppercase;
  color:#fff;
  border:1px solid #fff;
  background-color:transparent;
  opacity:0;
  filter:alpha(opacity=0);
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  margin:50px 0 0;
  padding:5px 9px;
  background: #000;
  }

  .hm-profile-content  h2 {
  font-size: 25px;
  margin-bottom: 0px;
  }
  .hm-profile-content a:hover {
  color:#c1c1c1;
  }
  .hm-profile-content  p.other-name:before{
    content: "(";
  }
  .hm-profile-content p.other-name:after{
    content: ")";
  }
  .hm-tranding-image-grid .hovereffect a.info:hover {
  box-shadow:0 0 5px #fff;
  }

  .hm-tranding-image-grid .hovereffect:hover img {
  -ms-transform:scale(1.2);
  -webkit-transform:scale(1.2);
  transform:scale(1.2);

  }

  .hm-tranding-image-grid .hovereffect:hover .overlay {
  opacity:1;
  filter:alpha(opacity=100);
  }

  .hm-tranding-image-grid .hovereffect:hover h2 ,.hovereffect:hover a.info {
  opacity:1;
  filter:alpha(opacity=100);
  -ms-transform:translatey(0);
  -webkit-transform:translatey(0);
  transform:translatey(0);
  }
  .hm-tranding-image-grid .hovereffect:hover p ,.hovereffect:hover a.info {
  opacity:1;
  filter:alpha(opacity=100);
  -ms-transform:translatey(0);
  -webkit-transform:translatey(0);
  transform:translatey(0);
  }

  .hm-tranding-image-grid .hovereffect:hover a,.hovereffect:hover a.info {
  opacity:1;
  filter:alpha(opacity=100);
  -ms-transform:translatey(0);
  -webkit-transform:translatey(0);
  transform:translatey(0);
  }

  .hm-tranding-image-grid .hovereffect:hover a.info {
  -webkit-transition-delay:.2s;
  transition-delay:.2s;
  }


  /*end hm-tranding image hover css */



  /* End tranding stories Section*/

  /* Begin Home Registration Section*/
  .hm-query-wrapper{
    text-align: center;
  }
  .hm-registration-icon {
      text-align: center;
      margin-top: 57px;
      margin-bottom: 32px;
  }
  .hm-registration-head {
      text-align: center;
  }

  .hm-registration-head input.btn.default-button {
      margin-top: 29px;
      margin-bottom: 30px;
      padding: 15px 46px;
      background: #000;
      color: #fff;
      border-radius: 0px;
      outline: none;
  }
  .hm-registration-head input.btn.default-button:hover, .hm-registration-head input.btn.default-button:focus{
    color:#fff;
    background: #616161;
  }
  .hm-social p{
    font-size: 18px;
  }
  .hm-social a i{
  color:#000;
  }
  .hm-social a i:hover{
    color:#c1c1c1;
  }
  .hm-social i {
      padding: 0px 16px;

  }

  /* End Home Registration Section*/
  /* Begin query Section*/
  .hm-query-head{
    margin-top:60px;
    margin-bottom: 52px;
  }
  .hm-query-head h1{
    font-size: 36px;
  }
  .hm-query-form{
    text-align: left;
  }
.hm-query-form .form-inline .form-group {
    width: 50%;
    margin-bottom: 19px;
    padding-right: 10px;
    padding-left: 10px;
}
  form.form-inline {
    display: flex;
    flex-wrap: wrap;
}
 /* .form-group input#input_email {
      width: 100%;
      padding: 11px;
      background: #fffbf0;
      color: #999999;
      border-radius: 0px;
      font-size: 16px;
      border: 1px solid #ccc;
      outline: none;
  }



  .form-group input#input_name {
    width: 100%;
      padding: 11px;
      background: #fffbf0;
      color: #999999;
      border-radius: 0px;
      font-size: 16px;
      border: 1px solid #ccc;
      outline: none;
  }*/

  .form-group input {
      width: 100%;
      padding: 11px;
      background: #fffbf0;
      color: #999999;
      border-radius: 0px;
      font-size: 16px;
      border: 1px solid #ccc;
      outline: none;
  }

/*  .form-group input#input_contact {
    width: 100%;
      padding: 11px;
      background: #fffbf0;
      color: #999999;
      border-radius: 0px;
      font-size: 16px;
      border: 1px solid #ccc;
      outline: none;
  }
*/

  .form-group textarea {
      width: 100%;
          background: #fffbf0;
      padding: 16px;
      border-color: #ccc;
          font-size: 16px;
          outline: none;
  }

  .hm-query-form input.btn.default-button {
      background: #9e2c30;
      color: #fff;
      padding: 15px 73px;
      font-size: 14px;
      margin-bottom: 80px;
      border-radius: 0px;
      outline: none;
  }
  .hm-query-form input.btn.default-button:hover, .hm-query-form input.btn.default-button:focus{
     color:#fff;
   /* background: rgba(158, 44, 48, 0.84);*/
    background: #791418;
  }



  /* End query  Section*/

  .footer-wrapper{
    text-align: center;
  }

  .footer-top{
    margin-top: 40px;
   
  }

  .footer-top ul li {
      display: inline-block;
      padding: 0px 13px;
  }
  .footer-top ul li a{
    color:#000;
    text-decoration: none;
    text-transform: uppercase;	
  }
  .footer-top ul li a:hover{
    color:#999999;
    text-decoration: none;
  }
  .footer-middle{
     margin: 25px;
  }
  .footer-middle ul li {
      display: inline;
      padding: 0px 14px;
      margin: 0px 0px;
  }
  .footer-middle ul li a {
      font-size: 14px;
      text-decoration: none;
      color:#616161;
  }
  .footer-middle ul li a:Hover {
         color:#c1c1c1;
  }

  .footer-top small a{
   padding:10px 10px;
    color:#666666;
  }

  .footer-bottom{
    margin-bottom: 15px;
  }


  /*Begin Profile page section*/
  .body-inner-wrapper {
      padding: 40px 0;
      
  }
.genral-image img {
    max-width: 100%;
    margin: 30px auto;
    width: 200px;
    height: 200px;
}
.genral-image{
    width: 100%;
    display: inline-block;
    text-align: center;
}
  .genral-image.about-circle img{
    border-radius: 300px;
  }

.genral-content ul{
  margin:30px auto; 
}

.genral-content ul li{
  padding:5px 0px 5px 59px;
  font-size: 18px;
}

.genral-content ul li:before{
  content: "\f105";
  font-family:FontAwesome;
  padding:0px 15px;
  position: absolute;
    left: 28px;
}

.genral-content h2{
  font-size: 24px;
      line-height: 1.5;
}
.genral-content h2 span{
  font-size: 17px;
    padding-left: 15px;
    font-weight: normal;
}
.genral-content h3{
  text-align: center;
}
.genral-content h4{
  font-size: 28px;
}
  .genral-content p{
    text-align: left;
    font-size: 18px;

    font-size: 24px;
    line-height: 1.5;
}
  .genral-content p.text-center{
    text-align: center;
    font-size: 24px;
  }
  
  .genral-content a:hover{
    color:#9e2c30;
  }
  .page-head-wrapper{
    text-align: center;
        margin-bottom: 4px;
  }
  .page-head{
    margin-bottom: 35px;
  }
  .page-head h1{
    padding-top: 20px;
  }

  .breadcrumb{
       background-color: #ffeec7 !important;
      padding: 0px  !important;

  }
  .breadcrumb p a{
    color:#333333;
    text-decoration: none;
  }
  .breadcrumb p a:hover{
    color:#c1c1c1;
  }
     
  i.fa.fa-angle-right {
      padding: 0px 5px;
  }


  /*Profile Hover strat*/
  .profile-listing-wrapper .profile-section .hovereffect {
  width:100%;
  height:10%;
  float:left;
  overflow:hidden;
  position:relative;
  text-align:center;
  cursor:default;
  margin-bottom: 10px;
  }

  .profile-listing-wrapper .profile-section .hovereffect .overlay {
  width:100%;
  height:100%;
  position:absolute;
  overflow:hidden;
  top:0;
  left:0;
  opacity:0;
  background-color:rgba(0,0,0,0.5);
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out
  }

  .profile-listing-wrapper .profile-section .hovereffect img {
  display:block;
  position:relative;
  -webkit-transition:all .4s linear;
  transition:all .4s linear;
  border: 3px solid #eee;
  width:100%;
  }

  .profile-listing-wrapper .profile-section .hovereffect h2 {
  text-transform:uppercase;
  color:#fff;
  text-align:center;
  position:relative;
  font-size:14px;
  background:rgba(0,0,0,0.86);
  -webkit-transform:translatey(-100px);
  -ms-transform:translatey(-100px);
  transform:translatey(-9px);
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  padding:7px;
  }

  .profile-listing-wrapper .profile-section .hovereffect a.info {
  text-decoration:none;
  display:inline-block;
  text-transform:uppercase;
  color:#fff;
  border:1px solid #fff;
  background-color:transparent;
  opacity:0;
  filter:alpha(opacity=0);
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  margin:50px 0 0;
  padding:5px 9px;
  background: #000;
  }

  .profile-listing-wrapper .profile-section h2 {
  font-size: 25px;
  margin-bottom: 0px;
  }
  .profile-listing-wrapper .profile-section a:hover {
  color:#c1c1c1;
  }
  .profile-listing-wrapper .profile-section p.other-name:before{
    content: "(";
  }
  .profile-listing-wrapper .profile-section p.other-name:after{
    content: ")";
  }
  .profile-listing-wrapper .profile-section .hovereffect a.info:hover {
  box-shadow:0 0 5px #fff;
  }

  .profile-listing-wrapper .profile-section .hovereffect:hover img {
  -ms-transform:scale(1.2);
  -webkit-transform:scale(1.2);
  transform:scale(1.2);
  }

  .profile-listing-wrapper .profile-section .hovereffect:hover .overlay {
  opacity:1;
  filter:alpha(opacity=100);
  }

  .profile-listing-wrapper .profile-section .hovereffect:hover h2 ,.hovereffect:hover a.info {
  opacity:1;
  filter:alpha(opacity=100);
  -ms-transform:translatey(0);
  -webkit-transform:translatey(0);
  transform:translatey(0);
  }
  .profile-listing-wrapper .profile-section .hovereffect:hover p ,.hovereffect:hover a.info {
  opacity:1;
  filter:alpha(opacity=100);
  -ms-transform:translatey(0);
  -webkit-transform:translatey(0);
  transform:translatey(0);
  }

  .profile-listing-wrapper .profile-section .hovereffect:hover a,.hovereffect:hover a.info {
  opacity:1;
  filter:alpha(opacity=100);
  -ms-transform:translatey(0);
  -webkit-transform:translatey(0);
  transform:translatey(0);
  }

  .profile-listing-wrapper .profile-section .hovereffect:hover a.info {
  -webkit-transition-delay:.2s;
  transition-delay:.2s;
  }
  /*End Profile Hover*/





  /*End Profile page section*/


  /*Begin wine taste detail page section*/



  .wine-content h2 {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 0px;
      margin-top: 0px;
      line-height: 40px;
  }
  .wine-content h2 span {
      font-size: 14px;
      color: #666666;
      font-weight: normal;
  }

  .wine-pageination{
    border:1px solid #e5e5e5;
  padding: 11px 10px 35px 10px;
    
  }


  .wine-pageination p a{
    float:right;
    color:#000;
    font-size: 13px;
    font-weight: bold;
    margin-top:10px;
    text-decoration: none;
  }
  .wine-pageination p a:before{
     content: "\f0d9";
      padding-right: 5px;
      font-family: FontAwesome;
  }
  .wine-pageination p a:hover{
    color: #616161;
  }

  .wine-pageination .button-back{
    margin-right:10px;
  }
  .wine-pageination .btn{
    float:left;
    width:68px;
    border-radius: 0px;
    color:#fff;
    background: #000;

  }
  .wine-pageination .btn a{
    color:#fff;
  }
  .wine-pageination .btn:hover, .wine-pageination .btn:focus{
    color:#fff;
    background: #616161;
    outline: none;
  }
  .wine-pageination .button-back:before {
      content: "\f0d9";
      padding-right: 5px;
      font-family: FontAwesome;
  }

  .wine-pageination .button-next:after {
      content: "\f0da";
      padding: 5px;
      font-family: FontAwesome;
  }
  /*End wine taste detail page section*/




  .searchbox input[type=text] {
      width: 220px;
      box-sizing:none;
      border: 1px solid #fffbf0;
      border-radius: 0px;
      font-size: 16px;
      background-color: #fffbf0;   
      background-position: 10px 10px; 
      background-repeat: no-repeat;
      padding: 5px 15px 5px 28px;
      -webkit-transition: width 0.4s ease-in-out;
      transition: width 0.4s ease-in-out;
      text-align: center;
      outline: none;

  }

  .searchbox input[type=text]:focus {
      width: 100%;

  }
  .searchbox i.fa.fa-search {
      position: absolute;
      padding-top: 8px;
      padding-left: 6px;
      font-size: 20px;
  }
  .searchbox{
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
    margin-bottom: 40px;
    text-align: center;
  }
  .artical-head h2{
        text-align: center;
        margin: 55px 0px;
  }
  h2.background {
      position: relative;
      z-index: 1;
  }
   h2.background:before {
          border-top: 1px solid #dfdfdf;
          content:"";
          margin: 0 auto; /* this centers the line to the full width specified */
          position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
          top: 50%; left: 0px; right: 0; bottom: 0;
          width: 100%;
          z-index: -1;
      }
  h2.background span { 
          /* to hide the lines from behind the text, you have to set the background color the same as the container */ 
          background: #fffbf0; 
          padding: 0 15px; 
      }

  .related-artical-wrapper i.ion-ios-arrow-right {
      position: absolute;
      top: 48%;
      font-size: 72px;
      color: #fffbf0;
     left: 200%;
  }
   
  .related-artical-wrapper i.ion-ios-arrow-left {
      position: absolute;
      top: 48%;
      font-size: 72px;
      color: #fffbf0;
      right: 200%;
  }
   .related-profile-content a h2{
  margin-bottom: 0px;
  margin-top: 10px;
  font-size:20px;
  }
  .related-profile-content a figure figcaption p{ 
    font-size: 14px;
  }
  .related-profile-content a:hover{
    color:#c1c1c1;
  }
    
  .related-profile-content {
      text-align: center;
      color:#333333;
      margin-bottom: 30px;
  }

/*Start Hover related profile effect*/


  .related-profile-slider .hovereffect {
  width:100%;
  height:10%;
  float:left;
  overflow:hidden;
  position:relative;
  text-align:center;
  cursor:default;
  margin-bottom: 10px;
  }

  .related-profile-slider .hovereffect .overlay {
  width:100%;
  height:100%;
  position:absolute;
  overflow:hidden;
  top:0;
  left:0;
  opacity:0;
  background-color:rgba(0,0,0,0.5);
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out
  }

  .related-profile-content .hovereffect img {
  display:block;
  position:relative;
  -webkit-transition:all .4s linear;
  transition:all .4s linear;
  border: 3px solid #eee;
  }

  .related-profile-content .hovereffect h2 {
  text-transform:uppercase;
  color:#fff;
  text-align:center;
  position:relative;
  font-size:14px;
  background:rgba(0,0,0,0.86);
  -webkit-transform:translatey(-100px);
  -ms-transform:translatey(-100px);
  transform:translatey(-9px);
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  padding:7px;
  }

  .related-profile-content .hovereffect a.info {
  text-decoration:none;
  display:inline-block;
  text-transform:uppercase;
  color:#fff;
  border:1px solid #fff;
  background-color:transparent;
  opacity:0;
  filter:alpha(opacity=0);
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  margin:50px 0 0;
  padding:5px 9px;
  background: #000;
  }

  .related-profile-content  h2 {
  font-size: 25px;
  margin-bottom: 0px;
  }
  .related-profile-content a:hover {
  color:#c1c1c1;
  }
  .related-profile-content  p.other-name:before{
    content: "(";
  }
  .related-profile-content p.other-name:after{
    content: ")";
  }
  .related-profile-content .hovereffect a.info:hover {
  box-shadow:0 0 5px #fff;
  }

  .related-profile-content .hovereffect:hover img {
  -ms-transform:scale(1.2);
  -webkit-transform:scale(1.2);
  transform:scale(1.2);
  }

  .related-profile-content .hovereffect:hover .overlay {
  opacity:1;
  filter:alpha(opacity=100);
  }

  .related-profile-content .hovereffect:hover h2 ,.hovereffect:hover a.info {
  opacity:1;
  filter:alpha(opacity=100);
  -ms-transform:translatey(0);
  -webkit-transform:translatey(0);
  transform:translatey(0);
  }
  .related-profile-content .hovereffect:hover p ,.hovereffect:hover a.info {
  opacity:1;
  filter:alpha(opacity=100);
  -ms-transform:translatey(0);
  -webkit-transform:translatey(0);
  transform:translatey(0);
  }

  .related-profile-content .hovereffect:hover a,.hovereffect:hover a.info {
  opacity:1;
  filter:alpha(opacity=100);
  -ms-transform:translatey(0);
  -webkit-transform:translatey(0);
  transform:translatey(0);
  }

  .related-profile-content .hovereffect:hover a.info {
  -webkit-transition-delay:.2s;
  transition-delay:.2s;
  }


/*End Hover related profile effect*/



  /*End wine taste detail page*/

  /*Begin wine taste listing page*/
  .wine-image{
    text-align: center;
  }

  .wine-image .content-section p.other-name:before {
      content: "(";
  }
  .wine-image .content-section p.other-name:after {
      content: ")";
  }

  .wine-image img:hover{
    opacity: .6;
  }

  .wine-image{
    margin-bottom: 40px;
    text-align: center;
  }

  .wine-image img{
    width:100%;
    border:3px solid #e5e5e5;
  }

  .wine-image  a figure figcaption h2{
   font-size: 20px;
    margin-bottom: 0px;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: normal;
  }
.wine-image a {
  outline: none;
}
  .wine-image a figure figcaption p{
  font-size: 14px;
  }

  .wine-image a:hover, .wine-image a:focus{
  color:#c1c1c1;
  text-decoration: none;
  outline: none;
  }
  /*End wine taste listing page */

  /*Begin profile detail page*/

  /* CSS for miltiple image carousel */

  .wine-tasting-carousel {
      margin-bottom: 35px;
      border: 3px solid #eee;
  }
.wine-tasting-carousel a{
  outline: none;
}

  .wine-tasting-carousel  img{
    width: 100%;
  }

  .wine-tasting-carousel  img:hover {
    opacity: .6;
       
  }

  .clearfix.wine-tasting-carousel-thumbnail{
  border-top: 1px solid #eee;
  }
  .item .thumb {
    width: 20%;
    cursor: pointer;
    float: left;
      border-right: 1px solid #eee;
  }
  .item .thumb img, .item img {
    width: 100%;  
   
  }
  .left.carousel-control{
    width: 8%;
  }
  .right.carousel-control{
    width: 8%;
  }

  .content-container {
      line-height: 27px;
      margin-bottom: 30px;
  }
  .profile-content{
    margin-bottom: 30px;
  }

  .content-container h3 {
      background: #ffeec7;
      padding: 20px 25px;
      text-align: center;
      margin-bottom: 30px;
      margin-top: 0px;
  }

  .content-container p
  {
  font-size: 14px;
      color: #666666;
      font-weight: normal;
  }

  .content-container ul{
    list-style: initial;
    padding-left: 16px;
    color: #666666;
    margin-bottom: 19px;
  }
  .content-container ul li {
      line-height: 25px;
      font-size: 16px;
  }

  .content-container .profile-fact-contant{
    text-align: center;
  font-size: 24px;
  padding:3px 0px;
  }
  .content-container h2.profile-fact-contant {
    font-size: 24px;
    padding: 20px 25px;
    font-weight: normal;
    margin-bottom: 30px;
  }

  .product-detail-content{
    margin-bottom: 60px;
  }

  .product-detail-content .profile-detail-listing ul{
      list-style: initial;
      padding-left: 16px;
      color: #666666;
      margin-bottom: 19px;
  }
  .product-detail-content .profile-detail-listing ul li{
        line-height: 25px;
        font-size: 16px;
  }

  .content-container  h2{
  font-size: 14px;
  font-weight: bold;
      color: #000;
      margin-top: 0px;
      margin-bottom: 0px;
          line-height: 25px;
  }
  .content-container  p{
    font-size: 14px;
      color: #666666;
      font-weight: normal;
      margin-bottom: 20px;  
  }
  /*End profile detail page*/
  /*Begin Search page*/
  #search {
      position: fixed;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      
      -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

      -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
      
      opacity: 0;
      z-index: 10000;
  }

  #search.open {
      -webkit-transform: translate(0px, 0px) scale(1, 1);
      -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1); 
      opacity: 1;
  }

  #search input[type="search"] {
      position: absolute;
      top: 50%;
      width: 100%;
      color: rgb(255, 255, 255);
      background: rgba(0, 0, 0, 0);
      font-size: 60px;
      font-weight: 300;
      text-align: center;
      border: 0px;
      margin: 0px auto;
      margin-top: -51px;
      padding-left: 30px;
      padding-right: 30px;
      outline: none;
  }
  #search .btn {
      position: absolute;
      top: 50%;
      left: 47%;
      margin-top: 82px;
      margin-left: -45px;
      padding: 12px 60px;
      color: #fff;
      background: #000;
      border-color: #ccc;
       border-radius: 0px;
  }
  #search .btn:hover, #search .btn:focus{
  background: #616161;
  color:#fff; 
  outline: none;
  }
  #search .close i {
      position: fixed;
      top: 31px;
      right: 15px;
      color: #fff;  
      opacity: 1;
      padding: 9px 18px;
      font-size: 22px;
      border-radius: 0px;
      outline: none;
  }
  /*End Search page*/

  .tourism-image img{
    width:100%;
  }
  .tourism-content {
      padding: 15px;
  }
  .tourism-content h2{
  font-size: 25px;
      color: #000;
  }
  .tourism-content h3{
  font-size: 16px;
  font-weight: bold;

  }
  .tourism-content h3 span{
  font-size: 16px;
      font-weight: normal;
  }
  .tourism-booking .btn.btn-default {
     
      background: #000;
      border-radius: 0px;
      color:#fff;
     width: 49%;
     padding: 6px 0px;
     outline: none;
  }
  .tourism-booking {
      text-align: center;
      margin-top: 30px;
  }

  .tourism-content .btn.btn-default:hover {
    background: #616161;
  }
  .tourism-listing{
    border: 1px solid #eee;
    margin-bottom: 20px;
  }

  /*404 page css*/
  .error-page h3 {
      color: #616161;
      font-size: 30px;
      margin-top: 30px;
  }
  .error-page h2 {
      color: #616161;
      font-size: 180px;
      font-weight: bold;
      line-height: 1;
  }
  .error-page a:hover{
    background: #616161;
    text-transform: none;
    color:#fff;
    text-decoration: none;
  }
  .error-page p.red {
      font-size: 20px;
      color: #b90404;
      margin-bottom: 15px;
  }

  /*add-On page css*/
  .content-area h2, .content-area h3, .content-area h4 {
      color: #616161;
      font-size: 18px;
      margin-bottom: 10px;

  }
   /*Successfull page thank youy page*/
   .thanks-wrap h2 {
      color: #616161;
      margin-bottom: 15px;
      font-size: 16px;
  }
  .order-history-wrap table tr th {   
      background-color: #ffeec7;
      color: #616161;
  }
  .social-sharing {
      width: 100%;
      margin-top: 20px;
  }
  .thanks-wrap a.button.dark-black:hover{
    background: #616161;
    color:#fff;
  }

  .social-sharing a i{
       margin-bottom: 30px;
      padding: 0px 19px;
  }
  .social-sharing a:hover{
       color: #c1c1c1;
  }
  .order-history-wrap table tr td .payment-status {
      position: relative;
      padding-left: 30px;
  }
  .order-history-wrap table tr td .payment-status .indicator {
      position: absolute;
      width: 20px;
      height: 20px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      top: 0;
      left: 0;
  }
  .order-history-wrap table tr td .payment-status .indicator.red {
      background-color: #ff0000;
  }
  .order-history-wrap table tr td .payment-status .indicator.green {
      background-color: #7ed321;
  }






  /* Booking page*/
  .tourism-popup{
    margin-bottom: 50px;
  }
  .booking-tourism-popup img{
  width:100%;
      border: 3px solid #e5e5e5;
  }
  .booking-tourism-popup{ 
        margin-bottom: 40px;
  }
  .booking-tourism-popup h2 {
      font-size: 25px;        
  }
  .booking-tourism-popup h3 {
      font-size: 20px;    
  }
  .booking-tourism-popup h3 span {
      font-size: 20px;
      padding: 0px 15px;
      font-weight: bold;
  }
  .booking-tourism-popup a.btn.btn-default {
      width: 90px;
      background: #000;
      color: #fff;
      float: right;
      border-radius: 0px;
  }
  .booking-tourism-popup a.btn.btn-default:hover {

  background: #616161;
  color:#fff;

  }
  #playground-container {
      height: 500px;
      overflow: hidden !important;
      -webkit-overflow-scrolling: touch;
  }

  .main{
    margin:50px 15px;
  }

  h1.title { 
    font-size: 50px;
    font-family: ; 
    font-weight: 400; 
  }

  hr{
    width: 10%;
    color: #fff;
  }

  .form-group{
    margin-bottom: 15px;
  }

  label{
    margin-bottom: 15px;
    color: #8f948f;
  }



  .main-login{
    background-color: #fff;
      /* shadows and rounded borders */
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      -moz-box-shadow: #ffeec7;
      -webkit-box-shadow: #ffeec7;
      box-shadow: #ffeec7;

  }
  .input-group .form-control {
      height: auto;
  padding: 8px 12px ;
      background-color: #fffbf0;
  }
  .input-group .form-control:focus {
       outline: none;
       border: #ffeec7;
       box-shadow:none;
  }
  .input-group input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control{
        line-height: 1.42857143;
  }

  .form-group .input-group {
      -webkit-box-shadow: #ffeec7;
      -moz-box-shadow: #ffeec7;
      box-shadow: #ffeec7;
  }
  .form-group a#book-now-button{
      background: #000;
      padding: 10px;   
      margin-top: 30px;
      border-radius: 0px;
  }
  .form-group a#book-now-button:hover, .form-group a#book-now-button:focus{
      background: #616161;
  }

  .form-group a#cancel-button:hover, .form-group a#cancel-button:focus{
      background: #fff;
  }
  .form-group a#cancel-button i.fa.fa-long-arrow-left {
      position: absolute;
      text-align: center;
      margin: 3px -21px;
      font-size: 14px;
  }

  .form-group a#cancel-button {
    background: #c1c1c1;
      padding: 10px;
      border: 1px solid #000;
      color: #000;
      font-weight: bold; 
  }


  .main-center{
    margin-top: 30px;
    margin: 0 auto;
      padding: 30px 70px;
    background:#ffeec7;
        color: #FFF;
      text-shadow: none;
    -webkit-box-shadow: #ffeec7;
  -moz-box-shadow: #ffeec7;
  box-shadow: #ffeec7;

  }
  .fa-address-book-o:before{
    content: "\f2bc";
    font-family: "FontAwesome";
  }
  .form-group .input-group-addon{
        background-color: #fffbf0;
  }
  span.input-group-addon i {
      color: #616161;
      font-size: 17px;
  }

  .login-button{
    margin-top: 5px;
  }

  .login-register{
    font-size: 11px;
    text-align: center;
  }
  /*End booking page*/

  /*Torisum detail page*/

  .tourism-popup img{
  width:100%;
      border: 2px solid #e5e5e5;
  }
  .tourism-popup .carousel-inner{
    border: 1px solid #e5e5e5;
  }


  .genral-detail a.button.bg-black {
      padding: 15px 30px;
      margin-right: 10px;
      float:left;
  }
  .genral-detail a.button.bg-weight.share-icon{
      padding: 15px 34px;
      margin-right: 20px;
  }
  .genral-detail a.button.bg-black:hover, .genral-detail a.button.bg-black:focus{
      background: #e04f54;
      color:#fff;
  }
  .genral-detail a.button.bg-weight.share-icon:hover{
    background: #e04f54;
     color:#fff;
  }



  .detail-tourism-content h2{
    margin-top: 0px;
  }
  .genral-detail ul {
      font-size: 20px;
      margin-bottom: 20px;
  }
  .genral-detail ul li {
      padding: 15px 0px 15px 0px;
      border-bottom: 1px solid #eeeeee;

  }
  .genral-detail ul li a:hover{
    color:#c1c1c1;
  }
  .genral-detail ul li i {
      font-style: normal;
         padding: 0px 10px;
             font-size: 12px;
  }
  .genral-detail i.large-txt {
      font-size: 21px;
  }
  .genral-detail  button.tour-booking  {
      background: #000;
      color: #fff;
      font-size: 17px;
      padding: 12px 24px;
        border:1px solid #eee;
  }
  .genral-detail button.tour-booking:hover, .genral-detail button.tour-booking:focus{
    background: #616161;
    border:1px solid #000;
  }
  .genral-detail  button.tour-cancel  {
      background: #000;
      color: #fff;
      font-size: 17px;
      padding: 5px 40px;
        border:1px solid #eee;
  }
  .genral-detail button.tour-cancel:hover, .genral-detail button.tour-cancel:focus{
    background: #616161;
    border:1px solid #000;
  }
  .genral-contant {
      padding: 20px 29px 30px;
  }
  .input-text {
      margin-top: 20px;
  }
  .input-text input[type="text"] {
      width: 100%;
      border: 1px solid #e1e1e1;
      background: #fffbf0;
      height: 42px;
      margin-left: 43px;
      width: 93%;
      padding-left: 10px;
      outline: none;
  }
  .comment-section-area {
      border-top: 1px solid #ccc;
      margin-top: 40px;
      padding-top: 40px;
  }

  .comment-section-area button.btn.btn-default {
      margin-left: 43px;
      margin-top: 30px;
      background: #000;
      color: #fff;
      padding: 10px 30px;
      border-radius:0px; 
  }
  .comment-section-area button.btn.btn-default:hover, .comment-section-area button.btn.btn-default:focus{
    background: #616161;
    color:#fff;
  }
  .comment-section-area h3 span:before {
      content: "(";
  }
  .comment-section-area h3 span:after {
      content: ")";
  }

  /*Bye page */
  .thanks-container img {
      display: block;
      margin-left: auto;
      margin-right: auto;
  }
  .thanks-container{
    text-align: center;
  }
  .thanks-container h2 {
      margin-bottom: 20px;
  }
  .thanks-container .thanks-social a{
    margin-top: 30px;
  padding:0px 15px;
  font-size: 15px;
  }
  .thanks-container .thanks-social a i:hover{
    color:#c1c1c1;
  }
  .thanks-social {
    margin-top: 30px;
        margin-bottom: 20px;
  }
  .thanks-container button.btn.btn-default {
      background: #000;
      color: #fff;
  }
  .thanks-container button.btn.btn-default:hover, .thanks-container button.btn.btn-default:focus {
      background: #616161;
      color: #fff;
      outline: none;
  }


  /*Strat Login and sign-up Form Module */
  .form-module {
    position: relative;
    background: #fffbf0;
    max-width: 320px;
    width: 100%;
    border-top: 5px solid #ffeec7;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    margin: 50px auto;
  }
  .form-module .toggle {
    cursor: pointer;
    position: absolute;
    top: -0;
    right: -0;
    background: #ffeec7;
    width: 30px;
    height: 30px;
    margin: -5px 0 0;
    color: #999999;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
  }
  .form-module .toggle .tooltip {
      position: absolute;
      font-family: 'Cormorant Infant', serif;
      top: 5px;
      right: -90px;
      display: block;
      background: #ffeec7;
      width: auto;
      padding: 5px;
      color: #000;
      font-size: 12px;
      line-height: 1;
      text-transform: uppercase;
      opacity: 0.9;
  }
  .form-module .toggle .tooltip:before {
    content: '';
    position: absolute;
    top: 5px;
    left: -5px;
    display: block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid rgba(0, 0, 0, 0.6);
  }
  .form-module .form {
    display: none;
    padding: 40px;
  }
  .form-module .form:nth-child(2) {
    display: block;
  }
  .form-module h2 {
    margin: 0 0 20px;
    color: #616161;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
  }
  .form-module input {
    outline: none;
    display: block;
    width: 100%;
    border: 1px solid #d9d9d9;
    margin: 0 0 20px;
    padding: 10px 15px;
    box-sizing: border-box;
    font-wieght: 400;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .form-module input:focus {
    border: 1px solid #eee;
    color: #333333;
  }
  .form-module button {
    cursor: pointer;
    background: #000;
    width: 100%;
    border: 0;
    padding: 10px 15px;
    color: #ffffff;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .form-module button:hover {
    background: #616161;
  }
  .form-module .cta {
    background: #c1c1c1;
    width: 100%;
    padding: 15px 40px;
    box-sizing: border-box;
    color: #666666;
    font-size: 12px;
    text-align: center;
    border:1px solid #fff;
  }
  .form-module .cta:hover{
   border: 1px solid #000;
  }
  .form-module .cta a:hover{

  }

  .form-module .cta a {
    color: #333333;
    text-decoration: none;
    font-size: 14px;
}

.form .social-login .circle-login {
    background-color: #EEEEEE;
    color: #fff;
    border-color: #FFFFFF;
    border-radius: 100px;
    display: inline-block;
      margin: 0 28px;
    padding: 15px 20px;
}
.form .social-login {
    text-align: center;
    margin-bottom: 20px;
}
.form .social-login p{
  text-align: left;
  font-size: 16px;
}
.form .social-login .facebook {
    background-color: #455CA8;
    color: #FFFFFF;
}
.form .social-login .google {
      background-color: #F74933;
      color:#fff;
}
  /*End login and signup form*/

  /**/
  .tranding-image-grid {
      margin-top: 35px;
      margin-bottom: 40px;
  }
  .tranding-content-grid {
      margin-top: 35px;
      margin-bottom: 40px;
  }
  .tranding-image-grid img {
      width: 100%;
  }

  .tranding-content-grid h3 {
      font-size: 30px;
  }
  .tranding-content-grid p{
      font-size: 14px;
  }
  .tranding-content-grid .optionSet-area {
      margin: 15px 0px 8px;
  }

  .tranding-content-grid .optionSet-area .comments-section {
      margin: 8px 0px 0px 30px;
      display: inline-block;
  }

  .tranding-content-grid .optionSet-area .connect-section ul li, .tranding-content-grid .optionSet-area .comments-section ul li {
      display: inline-block;
      margin-left: 5px;
      font-size: 12px;
  }
  .tranding-content-grid .optionSet-area .comments-section ul li a {
      color: #333333;
      text-decoration: none;
  }
  .tranding-content-grid .optionSet-area .comments-section ul li a.counter:before {
      content: "\f27b";
      font-family: 'FontAwesome';
      padding: 0px 3px 0px 7px;
  }
  .tranding-content-grid .optionSet-area .connect-section {
      float: left;
  }
  .tranding-content-grid .optionSet-area .connect-section ul li a {
      text-decoration: none;
  }

  .tranding-inner-body{
      border-bottom: 1px solid #ccc;
      margin-bottom: 15px;
      border-top: 1px solid #ccc;
  }


  .tranding-pageination-section .pagination > li > a{
      position: relative;
      float: left;
      padding: 3px 10px;
      font-size: 14px;
      margin-left: -1px;
      line-height: 1.42857143;
      color: #616161;
      text-decoration: none;
      background-color: #fffbf0;
      border: none;
      border-radius: 4px;
     
  }
  .tranding-content-grid .optionSet-area .connect-section ul li a.button:hover, .connect-section ul li a.button:focus{
    background: #616161;
    color:#fff;
  }
  .tranding-pageination-section nav .pagination > li:first-child > a, .pagination > li:first-child > span{
      border: 0px;   
       border-radius:4px; 
  }
  .tranding-pageination-section nav .pagination > li:last-child > a, .pagination > li:last-child > span {
     border: 0px; 
     border-radius:4px; 
  }
  .tranding-pageination-section{
        text-align: center;
        border-radius:100px;
  }

  .tranding-pageination-section nav .pagination > li > a:hover, .pagination > li > a:focus{
      z-index: 2;
      color: #fff;
      background-color: #000;
      border-color: #000;
  }
  .tranding-pageination-section nav .pagination > li > a > i{
  font-size: 10px;
  }


  /*side bar featured products section*/
  .trending-feature-section{
    text-align: center;
   }

  .featured-profile{
   margin-bottom: 20px;
  }
  .featured-profile h2 {
      font-size: 19px;
      margin-top: 0px;
     padding: 9px 2px;
      background: #ffeec7;
      
  }

  .featured-profile .sidebar-profile-section a figure figcaption h3{
  margin-bottom: 0px;
  margin-top: 10px;
  font-size:20px;
  }

  .featured-profile .sidebar-profile-section a figure figcaption p{
      font-size: 14px;
  }
  .featured-profile .sidebar-profile-section a:hover{
    color:#c1c1c1;
  }
  .sidebar-profile-section{
     text-align: center;
      color:#333333;    
  }
  .featured-trending h2{
   font-size: 17px;
      margin-top: 0px;
     padding: 9px 2px;
      background: #ffeec7;
  }
  .featured-trending .sidebar-trending-section a figure figcaption h3{
  margin-bottom: 0px;
  margin-top: 10px;
  font-size:20px;
  }
  .featured-trending .sidebar-trending-section a figure figcaption p{
      font-size: 14px;
  }
  .featured-trending .sidebar-trending-section a:hover{
    color:#c1c1c1;
  }
  .sidebar-trending-section{
     text-align: center;
      color:#333333;    
  }

  /*trending detail content*/
  .trending-fact-contant{
      text-align: center;    
      padding: 3px 0px;
  }
  .trending-fact-contant h2{
      font-size: 21px;
      padding: 0px 25px;
  }
  .trending-detail-fact {
      margin-bottom: 30px;
  }

  .trending-wine-content {
      line-height: 27px;
      margin-bottom: 30px;
  }
  .trending-wine-content h2 {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 0px;
      margin-top: 0px;
  }
  .trending-wine-content p {
      font-size: 14px;
      color: #666666;
      font-weight: normal;
  }
  .trending-grid .trending-wine-content .trending-detail-listing ul {
      list-style: initial;
      padding-left: 16px;
      color: #666666;
      margin-bottom: 19px;
  }
  .trending-grid .trending-wine-content .trending-detail-listing ul li {
      line-height: 25px;
      font-size: 16px;
  }

  /*End trending detail content*/

  /*Begin Magzin Listing*/
  .magazine-listing-wrapper{
    text-align: center;

  }


  .magazine-listing-wrapper nav {
    margin: 30px auto; 
    text-align: left;
  }

  .magazine-listing-wrapper nav ul {
    margin-left: 0;
    padding-left: 0;
    width: 360px;
    list-style: none;
    position: relative;
    display: inline-table;
  }

  .magazine-listing-wrapper nav ul ul {
    display: none;
  }

  .magazine-listing-wrapper nav ul li:hover > ul {
    display: block;
  }

  .magazine-listing-wrapper nav ul li {
    float: left;
    width: 360px;
    text-align: left;
    border-bottom: 3px solid #ffeec7; 
  }
    
  .magazine-listing-wrapper nav ul li:hover {
    background: #c1c1c1;
  }


  .magazine-listing-wrapper nav ul li a {
    display: block; 
    padding: 15px 10px;
    color: #2a2a2a; 
    text-decoration: none;
  }
            
  .magazine-listing-wrapper nav ul ul {
    border-radius: 0px; 
    padding: 0;
    position: absolute; 
    top: 100%;
    z-index: 100;
    background: #fffbf0;
  }

  .magazine-listing-wrapper nav ul ul li {
    float: none;
    border-bottom: 2px solid #eaeaea; 
    position: relative;
  }

  .magazine-listing-wrapper nav ul ul li a {
    padding: 15px 10px;
    color: #838383;
  } 

  .magazine-listing-wrapper nav ul ul li a:hover {
    background: #ffeec7;
    color: #000;
  } 

  #down-triangle {
    float: right;
    width: 0; 
    height: 0;
    margin-top: 10px;
    border-top: 10px solid #ffeec7;
    border-left: 10px solid transparent; 
    border-right: 10px solid transparent; 
  }

  .circle {
    float: right;
    display: inline;
    width: 10px;
    height: 10px; 
    margin-top: 5px;
    border: 3px solid #616161;
    -moz-border-radius: 100%; 
    -webkit-border-radius: 100%; 
    border-radius: 100%;
  }
  /*Begin magazine body hover css*/
  .magazine-section .hovereffect {
  width:100%;
  height:10%;
  float:left;
  overflow:hidden;
  position:relative;
  text-align:center;
  cursor:default;
  margin-bottom: 15px;
  }

  .magazine-section .hovereffect .overlay {
  width:100%;
  height:100%;
  position:absolute;
  overflow:hidden;
  top:0;
  left:0;
  opacity:0;
  background-color:rgba(0,0,0,0.5);
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out
  }

  .magazine-section .hovereffect img {
  display:block;
  position:relative;
  -webkit-transition:all .4s linear;
  transition:all .4s linear;
  }

  .magazine-section .hovereffect h2 {
  text-transform:uppercase;
  color:#fff;
  text-align:center;
  position:relative;
  font-size:17px;
  background:rgba(0,0,0,0.86);
  -webkit-transform:translatey(-100px);
  -ms-transform:translatey(-100px);
  transform:translatey(-9px);
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  padding:10px;
  }

  .magazine-section .hovereffect a.info {
  text-decoration:none;
  display:inline-block;
  text-transform:uppercase;
  color:#fff;
  border:1px solid #fff;
  background-color:transparent;
  opacity:0;
  filter:alpha(opacity=0);
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  margin:50px 0 0;
  padding:7px 14px;
  background: #000;
  }

  .magazine-section h2 {
  font-size: 25px;
  margin-bottom: 0px;
  }
  .magazine-section a:hover {
  color:#c1c1c1;
  }
  .magazine-section p.other-name:before{
    content: "(";
  }
  .magazine-section p.other-name:after{
    content: ")";
  }
  .magazine-section .hovereffect a.info:hover {
  box-shadow:0 0 5px #fff;
  }

  .magazine-section .hovereffect:hover img {
  -ms-transform:scale(1.2);
  -webkit-transform:scale(1.2);
  transform:scale(1.2);
  }

  .magazine-section .hovereffect:hover .overlay {
  opacity:1;
  filter:alpha(opacity=100);
  }

  .magazine-section .hovereffect:hover h2 ,.hovereffect:hover a.info {
  opacity:1;
  filter:alpha(opacity=100);
  -ms-transform:translatey(0);
  -webkit-transform:translatey(0);
  transform:translatey(0);
  }
  .magazine-section .hovereffect:hover p ,.hovereffect:hover a.info {
  opacity:1;
  filter:alpha(opacity=100);
  -ms-transform:translatey(0);
  -webkit-transform:translatey(0);
  transform:translatey(0);
  }

  .magazine-section .hovereffect:hover a,.hovereffect:hover a.info {
  opacity:1;
  filter:alpha(opacity=100);
  -ms-transform:translatey(0);
  -webkit-transform:translatey(0);
  transform:translatey(0);
  }

  .magazine-section .hovereffect:hover a.info {
  -webkit-transition-delay:.2s;
  transition-delay:.2s;
  }
  /*End magazine body hover css*/

  /*End Magzin Listing*/

  /* --------Share button css ----------*/

  .social .fbtn {
      width: 50px;
      display: inline-block;
      color: #fff;
      text-align: center;
      line-height:18px;
      float: left;
  }



  .social .fa{padding:15px 0px}
  .facebook {
      background-color: #3b5998;
  }
   
  .gplus {
      background-color: #dd4b39;
  }
   
  .twitter {
      background-color: #55acee;
  }
   
  .stumbleupon {
      background-color: #eb4924;
  }
   
  .pinterest {
      background-color: #cc2127;
  }
   
  .linkedin {
      background-color: #0077b5;
  }
   
  .buffer {
      background-color: #323b43;
  }

  .share-button.sharer {
    height: 20px;
    float:left;  
  }
  .share-button button.btn.btn-default.share-btn{
           padding: 13px 15px;

      outline: none;
  font-size: 16px;
  border-radius:0px; 
  }
  .share-button button.btn.btn-default.share-btn:hover{
    background: #616161;
    color:#fff;
  }
  .share-button.sharer .social.active.top {
    transform: scale(1) translateY(-50px);
  }
  .share-button.sharer .social.active {
    opacity: 1;
    transition: all 0.4s ease 0s;
    visibility: visible;
  }

  .share-button.sharer .social.top {
    margin-top: -49px;
    transform-origin: 0 0 0;
  }
  .share-button.sharer .social {
    margin-left: -65px;
    opacity: 0;
    transition: all 0.2s ease 0s;
    visibility: hidden;
  }
  .social a i:hover {
  color: #616161;
  }
  /* --------End Share button css ----------*/

  /**/
  .hovereffect-book {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect-book .overlay-book {
  position: absolute;
  overflow: hidden;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}

.hovereffect-book:hover .overlay-book {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect-book img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect-book:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.6);
  -webkit-filter: brightness(0.6);
}

.hovereffect-book h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}

.hovereffect-book a, .hovereffect-book p {
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.hovereffect-book:hover a, .hovereffect-book:hover p, .hovereffect-book:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
  /**/

  /*Slide Animate*/

.slideanim {visibility:hidden;}
.slide {
    /* The name of the animation */
    animation-name: slide;
    -webkit-animation-name: slide; 
    /* The duration of the animation */
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
    /* Make the element visible */
    visibility: visible; 
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0%);
    } 
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}

  /*End slid Animate*/

    /*Begin Gallery page section*/

  .gallery-listing-wrapper {
    border-top: 1px solid #ccc;    
    padding: 30px 0px;
}
  
  .gallery-listing-wrapper .gallery-section{
    text-align: center;
    
  }
  .gallery-listing-wrapper .gallery-section a h2{
    font-size: 20px;
    margin-bottom: 0px;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: normal;
  }

  .gallery-listing-wrapper .gallery-section a:hover{
  color:#c1c1c1;
  text-decoration: none;
  }
  

  /*Gallery Hover strat*/
  .gallery-listing-wrapper .gallery-section .hovereffect {
  width:100%;
  height:10%;
  float:left;
  overflow:hidden;
  position:relative;
  text-align:center;
  cursor:default;
  margin-bottom: 10px;
  }

  .gallery-listing-wrapper .gallery-section .hovereffect .overlay {
  width:100%;
  height:100%;
  position:absolute;
  overflow:hidden;
  top:0;
  left:0;
  opacity:0;
  background-color:rgba(0,0,0,0.5);
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out
  }

  .gallery-listing-wrapper .gallery-section .hovereffect img {
  display:block;
  position:relative;
  -webkit-transition:all .4s linear;
  transition:all .4s linear;
  border: 3px solid #eee;
  width: 100%;
  }

  .gallery-listing-wrapper .gallery-section .hovereffect h2 {
  text-transform:uppercase;
  color:#fff;
  text-align:center;
  position:relative;
  font-size:14px;
  background:rgba(0,0,0,0.86);
  -webkit-transform:translatey(-100px);
  -ms-transform:translatey(-100px);
  transform:translatey(-9px);
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  padding:7px;
  }

  .gallery-listing-wrapper .gallery-section .hovereffect a.info {
  text-decoration:none;
  display:inline-block;
  text-transform:uppercase;
  color:#fff;
  border:1px solid #fff;
  background-color:transparent;
  opacity:0;
  filter:alpha(opacity=0);
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  margin:50px 0 0;
  padding:5px 9px;
  background: #000;
  }

  .gallery-listing-wrapper .gallery-section h2 {
  font-size: 25px;
  margin-bottom: 0px;
  }
  .gallery-listing-wrapper .gallery-section a:hover {
  color:#c1c1c1;
  }
  .gallery-listing-wrapper .gallery-section p.other-name:before{
    content: "(";
  }
  .gallery-listing-wrapper .gallery-section p.other-name:after{
    content: ")";
  }
  .gallery-listing-wrapper .gallery-section .hovereffect a.info:hover {
  box-shadow:0 0 5px #fff;
  }

  .gallery-listing-wrapper .gallery-section .hovereffect:hover img {
  -ms-transform:scale(1.2);
  -webkit-transform:scale(1.2);
  transform:scale(1.2);
  }

  .gallery-listing-wrapper .gallery-section .hovereffect:hover .overlay {
  opacity:1;
  filter:alpha(opacity=100);
  }

  .gallery-listing-wrapper .gallery-section .hovereffect:hover h2 ,.hovereffect:hover a.info {
  opacity:1;
  filter:alpha(opacity=100);
  -ms-transform:translatey(0);
  -webkit-transform:translatey(0);
  transform:translatey(0);
  }
  .gallery-listing-wrapper .gallery-section .hovereffect:hover p ,.hovereffect:hover a.info {
  opacity:1;
  filter:alpha(opacity=100);
  -ms-transform:translatey(0);
  -webkit-transform:translatey(0);
  transform:translatey(0);
  }

  .gallery-listing-wrapper .gallery-section .hovereffect:hover a,.hovereffect:hover a.info {
  opacity:1;
  filter:alpha(opacity=100);
  -ms-transform:translatey(0);
  -webkit-transform:translatey(0);
  transform:translatey(0);
  }

  .gallery-listing-wrapper .gallery-section .hovereffect:hover a.info {
  -webkit-transition-delay:.2s;
  transition-delay:.2s;
  }

  /*End Profile Hover*/
/*Light Box*/
.gallery a img {
  float: left;
  width: 20%;
  height: auto;
  border: 2px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}
/* line 46, ../sass/demo.scss */
.container .gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}
/* line 57, ../sass/demo.scss */
.gallery a.big img {
  width: 40%;
}

/* line 65, ../sass/demo.scss */
.align-center {
  text-align: center;
}
.navbar-collapse.collapse {
    padding-top: 32px;
}
.navbar-bootbites {
    border-bottom: 0px solid rgba(204, 204, 204, 0.12) !important;
}

/*end laignt box*/

  /*End Profile page section*/
/*================================= client logo section ==================================*/




/*================================= End client logo section ==============================*/




/* SLICK SLIDER */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    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;
}
.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;
}
.partner_logo_section{
    padding-bottom: 70px;
    background-color: #fdf5e1;
}
.carousel .carousel-inner .carousel-caption {
    left: 0;
    top: unset;
    transform: translate(0px, -0%);
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    padding: 30px;
}
.carousel .carousel-inner .item> img {
    min-height: 55vh;
    object-fit: cover;
}
.carousel .carousel-inner .carousel-caption h3 {
    text-align: justify;
}

.carousel .carousel-inner .carousel-caption.go-right {
    left: unset;
    right: 0;
}
/*.genral-content h2::first-letter {
    padding-left: 40px;
}*/

.health-category p {
    font-size: 20px;
    text-align: justify !important;
}
.pera-style{
    text-align: justify !important;
}
.pera-style::first-letter {
    padding-left: 40px;
}