@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i");
/* :: 2.0 Import All CSS */
@import url(bootstrap.min.css);
@import url(animate.css);
@import url(font-awesome.min.css);
@import url(custom-icon.css);
@import url(owl.carousel.min.css);

/* :: 3.0 Base CSS */
* {
  margin: 0;
  padding: 0; }

body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px; }
a,
a:hover,
a:focus {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  text-decoration: none;
  outline: 0 solid transparent;
  color: #000000;
  font-size: 14px;
  color: #686868;
  }

ul,
ol {
  margin: 0; }
  ul li,
  ol li {
    list-style: none; }

img {
  height: auto;
  max-width: 100%; }


/* :: 5.0 Header Area CSS */
.header-area {
  position: relative;
  z-index: 100;
  width: 100%; }

  .header-area .delicious-main-menu {
    position: relative;
    width: 100%;
    z-index: 100;
    height: 145px; }
    @media only screen and (max-width: 767px) {
      .header-area .delicious-main-menu {
        height: 66px;
        } }
    .header-area .delicious-main-menu .classy-nav-container {
      background-color: transparent; }
    .header-area .delicious-main-menu .classy-navbar {
      height: 145px;
      padding: 0; }
      @media only screen and (max-width: 767px) {
        .header-area .delicious-main-menu .classy-navbar {
          height: 80px; } }
      .header-area .delicious-main-menu .classy-navbar .classynav ul li a {
        font-weight: 600; }
        .header-area .delicious-main-menu .classy-navbar .classynav ul li a:hover, .header-area .delicious-main-menu .classy-navbar .classynav ul li a:focus {
          font-weight: 600; }
      .header-area .delicious-main-menu .classy-navbar .classynav > ul > li > a {
        padding: 12px 10px 12px 70px;
        background-color: transparent;
        /* line-height: 1; */
        color: #474747;
        font-weight: 500;
        }
        .header-area .delicious-main-menu .classy-navbar .classynav > ul > li > a:hover, .header-area .delicious-main-menu .classy-navbar .classynav > ul > li > a:focus {
          font-size: 14px;
          color: #ffffff;
          background-color: #ffc107;
          border-bottom: 3px solid #ffc107; }
          .header-area .delicious-main-menu .classy-navbar .classynav > ul > li > a:hover::after, .header-area .delicious-main-menu .classy-navbar .classynav > ul > li > a:focus::after {
            color: #ffffff; }
      .header-area .delicious-main-menu .classy-navbar .classynav > ul > li.active > a {
        color: #ffc107;
        }
        .header-area .delicious-main-menu .classy-navbar .classynav > ul > li.active > a::after {
          color: #ffffff; }
    .header-area .delicious-main-menu .classynav .search-btn {
      color: #b6b6b6;
      margin-left: 150px;
      cursor: pointer;
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms; }
      .header-area .delicious-main-menu .classynav .search-btn i {
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms; }
      .header-area .delicious-main-menu .classynav .search-btn:hover i, .header-area .delicious-main-menu .classynav .search-btn:focus i {
        color: #ffc107; }
    
      @media (min-width: 768px) {
        body{
          display: none;
        }
        .container {
         display: none !important; } 
       }

      @media only screen and (max-width: 767px) {
        .header-area .delicious-main-menu .classynav .search-btn {
          margin-left: 30px;
          margin-top: 30px; } }
  @media only screen and (max-width: 767px) {
    .header-area .nav-brand img {
      max-width: 190px;
      margin-left: 13px;
      } }

/*start*/
.classy-navbar-toggler .navbarToggler span:nth-child(2){
  width: 20px;
}
.container{
  max-width:767px;
 
}
.collect{background: #f2f2f2;padding: 22px 10px;border-radius: 0px 0px 22px 22px;}
.collect img{
 width: 58px;
}

.slabs {
    width: 100%;
    display: inline-block;
    text-align: center;
    box-shadow: 0px 1px 9px #ddd;
    /* padding: 15px; */
    margin: 10px 0px;
    border-radius: 32px;
    overflow: hidden;
}
.slabs h2{font-size: 14px;font-weight: 500;margin: 12px 0px;}

/* Tabs */
.tabs {
  border-radius: 5px 5px 5px 5px;
}
.tabs ul {
  list-style: none;
  margin: 15px 0px 15px;
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tabs ul li {
  float: none;
  font-weight: bold;
  cursor: pointer;
  width: 48.9%;
}
.tabs ul li:hover,
.tabs ul li.active {
  /* background-color: #08E; */
}
 .tabs li a {
  text-decoration: none;
  color: #000;
  padding: 7px 12px;
  display: block;
  text-align: left;
  font-size: 18px;
  border-radius: 30px;
  border: 1px solid #c1c1c1;
  display: flex;
  align-items: center;
}
.tab-content {
  background-color: #FFF;
  text-align: center;
}
 .tabs li:first-child{
  margin-right: 6px;
}
 .tabs ul li.active a{
  background: #ffc107;
}
.tabs ul li img{width: 30px;margin-right: 10px;} .tabs ul li span{
  font-size: 13px;
  font-weight: 700;
  line-height: 15px;
}
.tabs ul li p{
  font-size: 12px;
  color: #646464;
  margin: 0px;
  font-weight: normal;
}

*,ol,ul {
    margin: 0
}

.classy-nav-container a,.classy-nav-container a:focus,.classy-nav-container a:hover {
    -webkit-transition-duration: .5s;
    text-decoration: none;
    outline: 0;
    font-size: 14px;
    font-weight: 400
}

ol li,ul li {
    list-style: none
}

img {
    height: auto;
    max-width: 100%
}

.bg-img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.bg-transparent {
    background-color: transparent!important
}

.classy-nav-container {
    position: relative;
    z-index: 100;
    background-color: #fff
}

.classy-btn,.classy-nav-container.box-skins .classynav>ul>li {
    background-color: #1abc9c
}

.classy-nav-container * {
    box-sizing: border-box
}

.classy-nav-container a {
    transition-duration: .5s;
    color: #232323;
    display: inline-block
}

.classy-nav-container a:focus,.classy-nav-container a:hover {
    transition-duration: .5s;
    color: #1abc9c
}

.classy-navbar .nav-brand,.classy-navbar .nav-brand:focus,.classy-navbar .nav-brand:hover {
    font-size: 26px;
    font-weight: 500
}

.classy-nav-container.classy-sticky {
    position: fixed;
    z-index: 1010;
    width: 100%;
    top: 0;
    right: 0;
    left: 0
}

.classy-nav-container.box-skins .classynav>ul>li>a {
    color: #fff
}

.justify-content-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify-content-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.breakpoint-off .classynav,.classy-navbar {
    -webkit-box-align: center;
    -ms-grid-row-align: center
}

.classy-navbar {
    width: 100%;
    height: 70px;
    padding: .5em 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.classy-navbar .nav-brand {
    color: #565656;
    display: inline-block;
    margin-right: 30px
}

.classynav ul li {
    display: inline-block;
    clear: both;
    position: inherit;
    z-index: 10
}

.classynav ul li.cn-dropdown-item,.classynav ul li.cn-dropdown-item ul li {
    position: relative;
    z-index: 10
}

.classynav ul li ul li {
    display: block
}

.classynav ul li ul li a {
    padding: 0 20px
}

.classynav ul li a {
    display: block;
    font-size: 18px;
}

.classynav ul li .megamenu li a {
    padding: 0 12px
}

.classynav ul li div.single-mega a {
    height: auto;
    line-height: 1
}

@font-face {
    font-family: classyfonts;
    src: url(../fonts/classy.eot?fftrrv);
    src: url(../fonts/classy.eot?fftrrv#iefix) format("embedded-opentype"),url(../fonts/classy.ttf?fftrrv) format("truetype"),url(../fonts/classy.woff?fftrrv) format("woff"),url(../fonts/classy.svg?fftrrv#classyfonts) format("svg");
    font-weight: 400;
    font-style: normal
}

.icon-classy-nav-down-arrow {
    font-family: classyfonts;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-classy-nav-down-arrow:before {
    content: "\e900"
}

.classynav ul li.has-down>a:after,.classynav ul li.megamenu-item>a:after {
    font-family: classyfonts;
    content: "\e900";
    font-size: 12px;
    color: #000;
    padding-left: 5px;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.classynav ul li ul li.has-down>a::after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 3
}

.classy-btn {
    position: relative;
    z-index: 1;
    min-width: 120px;
    padding: 0 25px;
    line-height: 42px;
    height: 42px;
    border-radius: 50px;
    color: #fff!important;
    margin-left: 30px;
    text-align: center
}

.classycloseIcon,.dd-trigger {
    position: absolute;
    display: none
}

.classy-btn:focus,.classy-btn:hover {
    box-shadow: 0 0 10px rgba(0,0,0,.2)
}

.dd-trigger {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    cursor: pointer;
    z-index: 500;
    border-radius: 0
}

.classycloseIcon {
    top: 20px;
    right: 20px;
    z-index: 12
}

.classycloseIcon .cross-wrap {
    width: 26px;
    height: 26px;
    cursor: pointer;
    position: relative
}

.classycloseIcon .cross-wrap span {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 6px;
    background: #232323
}

.classycloseIcon .cross-wrap span.top {
    top: 12px;
    left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.classycloseIcon .cross-wrap span.bottom {
    bottom: 12px;
    left: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.classy-navbar-toggler {
    border: none;
    background-color: transparent;
    cursor: pointer;
    display: none
}

.classy-navbar-toggler .navbarToggler {
    display: inline-block;
    cursor: pointer
}

.classy-navbar-toggler .navbarToggler span {
    position: relative;
    background-color: #858585;
    border-radius: 3px;
    display: block;
    height: 2px;
    margin-top: 5px;
    padding: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    width: 30px;
    cursor: pointer;
}

.classy-navbar-toggler .navbarToggler.active span:nth-of-type(1) {
    -webkit-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
    top: 8px
}

.classy-navbar-toggler .navbarToggler.active span:nth-of-type(2) {
    opacity: 0
}

.classy-navbar-toggler .navbarToggler.active span:nth-of-type(3) {
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
    top: -8px
}
.breakpoint-off .classynav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.breakpoint-off .classynav ul li.megamenu-item:focus .megamenu,.breakpoint-off .classynav ul li.megamenu-item:hover .megamenu {
    top: 100%;
    visibility: visible;
    opacity: 1
}

.breakpoint-on .classy-navbar-toggler,.breakpoint-on .classycloseIcon {
    display: block
}

.breakpoint-on .classy-navbar .classy-menu {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: -310px;
    z-index: 1000;
    width: 300px;
    height: 100%;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    padding: 0;
    box-shadow: 0 5px 20px rgba(0,0,0,.1);
    display: block;
    overflow-x: hidden;
    overflow-y: scroll
}

.breakpoint-on .classy-navbar .classy-menu.menu-on {
    left: 0
}

.breakpoint-on .classynav ul li {
    display: block;
    position: relative;
    clear: both;
    z-index: 10
}

.breakpoint-on .dd-trigger {
    height: 38px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block
}

.breakpoint-on .classynav {
    padding-top: 70px
}

.breakpoint-on .classynav ul li.has-down.active>a:after,.breakpoint-on .classynav ul li.megamenu-item.active>a:after {
    color: #2ecc71
}

.dark.classy-nav-container a {
    color: rgba(255,255,255,.7)
}

.dark .classy-navbar-toggler .navbarToggler span {
    background-color: #fff
}

.dark.breakpoint-on .classy-navbar .classy-menu {
    background-color: #192a56
}

.dark .classycloseIcon .cross-wrap span {
    background-color: #fff
}

.dark.breakpoint-on .classynav>ul>li>a {
    background-color: #192a56;
    border-bottom: 1px solid rgba(255,255,255,.05)
}


.retitles{display: flex;justify-content: space-between;padding: 10px 0px;}.retitles h4{
  font-size: 18px;
  margin: 0px;
}.retitles .allsee{
  
}.allsee a{
}
.recents .owl-carousel .item {
 height: 100px;
 width: 110px;
 border-radius: 20px;
 overflow: hidden;
 background-image: url(../img/back.jpg);
}
.recents {
    display: table;
    table-layout: fixed;
    width: 100%;
    background: #f2f2f2;
    padding: 10px 10px 20px;
    margin-top: 33px;
}
/*.sliders .owl-stage {
transform: translate3d(0px, 0px, 0px) !important;
}*/
.recents .owl-carousel .item img{
  width: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.leftarrow {
    padding: 15px 0px;
}
.leftarrow span{
  font-weight: 500;
  font-size: 17px;
  padding-left: 15px;
}

.category{text-align: center;}.category ul{

}.category li{display: inline-block;width: 21.2%;margin: 12px 4px;text-align: center;vertical-align: top;}.category li a{

}.category h4{font-size: 14px;margin: 11px 0px;}
.selmel{text-align: center;border: 1px solid #ddd;border-radius: 100%;width: 65px;height: 65px;box-shadow: 0px 2px 6px #c8c2c2;}.selmel img{
  width: 78px;
  padding: 8px 8px;
}
.selmel {
    margin: 0 auto;
    display: table;
}
.bgcolor{
  background-color:#f4f4f4;
}
.mylist{padding: 0px 15px;background: #fff;}.mylist ul{
  
}.mylist ul li{
  display: table;
  background: #fff;
  padding: 15px 0px;
  border-bottom: 1px solid #e6e2e2;
  width: 100%;
  justify-content: unset;
}.mylist .listdel{
  width: 20%;
  border-radius: 12px;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}.mylist .listdel img{
  overflow: hidden;
  height: 100%;
}.fitnes{
  margin-left: 16px;
  display: inline-block;
  width: 64%;
  vertical-align: top;
}.fitnes h5{
  margin: 0px;
  font-size: 16px;
}.fitnes span{
  display: block;
  font-size: 13px;
  color: #777;
}.fitnes p{
  color: #20b2f8;
  font-weight: 500;
  margin: 2px 0px;
}.fitnes i{
  
}
.minusbtn{text-align: right;display: table;/* width: 62px; */font-size: 21px;color: #ff0182;padding-top: 0px;}
.mobilevid .item{
  position: relative;
}
.mobilevid .item img{
    
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
   
}
.mobilevid .owl-videos img {
    width: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.mobilevid {
    margin-bottom: 16px;
    position: relative;
}
.mobilevid h3{
  font-size: 15px;
  text-align: center;
  margin: 9px 0px;
  color: #6e6e6e;
  font-weight: 400;
}
.calculators{
  text-align: left;
}
.calculators h1{
  font-size: 20px;
}
.alert.alert-primary{
      background: #ffc107;
      text-align: center;
      font-weight: bold;
}
.pkvid {
    display: inline-block;
    vertical-align: top;
    width: 10%;
}