@charset "utf-8";

@font-face {
    font-family: 'db_helvethaica_x55_regular';
    src: url('../fonts/db_helvethaica_x_v3.2_0-webfont.eot');
    src: url('../fonts/db_helvethaica_x_v3.2_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/db_helvethaica_x_v3.2_0-webfont.woff2') format('woff2'),
         url('../fonts/db_helvethaica_x_v3.2_0-webfont.woff') format('woff'),
         url('../fonts/db_helvethaica_x_v3.2_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'db_helvethaica_x65_med';
    src: url('../fonts/db_helvethaicaboldv3.2-webfont.eot');
    src: url('../fonts/db_helvethaicaboldv3.2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/db_helvethaicaboldv3.2-webfont.woff2') format('woff2'),
         url('../fonts/db_helvethaicaboldv3.2-webfont.woff') format('woff'),
         url('../fonts/db_helvethaicaboldv3.2-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'db_helvethaica_x75_bd';
    src: url('../fonts/db_helvethaica_x_bd_v3.2-webfont.eot');
    src: url('../fonts/db_helvethaica_x_bd_v3.2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/db_helvethaica_x_bd_v3.2-webfont.woff2') format('woff2'),
         url('../fonts/db_helvethaica_x_bd_v3.2-webfont.woff') format('woff'),
         url('../fonts/db_helvethaica_x_bd_v3.2-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
*{ border: 0;}

/*reset*/
a{color: #2a2e2e;}
a:hover,a:focus{ text-decoration: none; outline: none!important; }
button:focus{outline: none!important;}
textarea{resize:none;}
/* Basic Styles 
-------------------------------------------------- */
h1,h2,h3{ margin: 0; padding: 0;}
html{overflow-x: hidden !important;}
body {
  font-family: "db_helvethaica_x55_regular";
  font-size: 22px;
  color: #616367;
  overflow-x: hidden !important;
  line-height: 20px;
}
a,.glyphicon,.flaticonsocial:before,.navmenu li,.faqgroup h3,button{
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
a{
  text-decoration: none;
  color: inherit;
}
a,span{display: inline-block;}
ul{margin: 0;}
.gray{color: #343942; }
.red,a:hover{color: #ef1d25;}
.noborderbot{border-bottom: 0!important;}
.nopad{padding-left: 0; padding-right: 0;}
.nopadall{padding: 0!important;}
.padleft10{ padding-left: 10px;}
.padright10{ padding-right: 10px;}
.padright5{padding-right: 5px;}
.padleft5{padding-left: 5px;}
.padbot-0{padding-bottom: 0!important;}
.mbot20{margin-bottom: 20px;}
.mbot30{margin-bottom: 30px;}
.relative{position: relative;}
.mainwrapper{position: relative; height: 100%;}
.block{display: block;}
/*container*/
.relative{position: relative;}
.container2{ max-width: 1400px !important; width: 100%; position: relative; margin: 0 auto;}
.glyphicon{margin-right: 5px;}
.text-center img{display: inline-block;}
#preloader {
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#000 ; /* change if the mask should have another color then white */
  z-index:99; /* makes sure it stays on top */
}

#status {
  width:220px;
  height:20px;
  position:absolute;
  left:50%; /* centers the loading animation horizontally one the screen */
  top:50%; /* centers the loading animation vertically one the screen */
  background-image:url(../img/status.gif); /* path to your loading animation */
  background-repeat:no-repeat;
  background-position:center;
  margin:-10px 0 0 -110px; /* is width and height divided by two */
}

/*header*/
.mm-listview{font-size: 19px;}
#searchtop{
  font-size: 21px;
  position: absolute;
  right: 50px;
  top: 7px;
  cursor: pointer;
  display: none;
}
.sticky-wrapper{z-index: 100;}
.header{background: #fff; position: relative; z-index: 100;}
.header .wraptop{padding-bottom: 15px;}
.header .logo{float: left;}
.header .rightsection{float: right; margin-top: 10px;}
.header .topmenu{float:left; margin: 5px 5px 0 0;}
.header .topmenu li{float: left;padding: 0 20px; border-right: 1px solid #ccc; line-height: 20px;}
.header .topmenu li:last-child{border-right: 0;}
.header .topmenu li a:hover{color: #ef1d25;}
.header .searchmain{width: 220px; float: right; position: relative; margin-top: 7px;}
.header .searchmain .form-control{border-radius: 0; background: #fff; color: #333; height: 30px;font-size: 18px;
border:0;}
.header .searchmain .form-control::-webkit-input-placeholder {
   color: #959595;
}

.header .searchmain .form-control:-moz-placeholder { /* Firefox 18- */
   color: #959595;  
}

.header .searchmain .form-control::-moz-placeholder {  /* Firefox 19+ */
   color: #959595;  
}

.header .searchmain .form-control:-ms-input-placeholder {  
   color: #959595;  
}
.header .searchmain .glyphicon-search{position: absolute; height: 100%; background: #e01b22; padding: 5px 10px; right: 0; top: 0;
font-size: 13px; color: #fff; margin-right: 0;}
.header .searchmain .glyphicon-search:hover{background:#fa1d25; }


.ls-action > a{z-index: 9;}
/*Mainmenu*/
.navproduct {background: #343942; width: 100%; z-index: 999;}

.miannav>li{float: left; color: #fff; font-size: 18px; 
background: url(../images/linemenu.jpg) no-repeat right; color:#e1e1e1}
.miannav>li>a{display: block; padding: 12px 20px; color: #e1e1e1;}
.miannav>li>a:hover,.miannav>li>a.active{background: #ef1d25; color: #fff;}
.miannav i{margin-right: 7px; position: relative; top: -3px;w}
.miannav>li.canonlife{padding: 12px 20px; }

/*banner*/
.ls-slide-outer .ls-pager.ls-pg{position: absolute; width: 100%; bottom: -40px; z-index: 10;}
.ls-slide-outer .ls-pager.ls-pg > li a{width: 10px; height: 10px; border:3px solid #343942; background: none;}
.ls-slide-outer .ls-pager.ls-pg > li:hover a, .ls-slide-outer .ls-pager.ls-pg > li.active a {background: #343942;}
.ls-action > a{width: 27px; height: 27px; background-color: #ff0000; }
.banner li a{display: block;}
.bgbanner{background: #f0f0f0; padding-bottom: 60px;}
.wrapbanner{clear: both;}
.wrapbanner .ls-prev{ width: 27px; height: 27px; background: url(../images/prev.jpg); left: 0; }
.wrapbanner .ls-next{ width: 27px; height: 27px; background: url(../images/next.jpg); right: 0;}
/* Main Nav 

-------------------------------------------------------------------------------------------------------*/
#menu-button { float:right; font-size:14px; font-family: "db_helvethaica_x55_regular", serif; text-transform:uppercase; display:table; height:52px; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color:#888}
.lt-ie10 #menu-button { position:relative; float:right; right:auto }
#menu-button .centralizer { display: table-cell; vertical-align: middle; }
#menu-button .centralizer .cursor { display:block; height:auto; cursor:pointer; }
#nav-button { display:inline-block; width:16px; margin:0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position:relative; top:2px; }
.nav-bar { background-color:#888; border-radius:1px; display:block; width:16px; height:2px; margin:0px auto 2px; }
#main-nav { background-color: #232323; width: 100%; padding-top:15px; padding-bottom:15px; padding-left:10px; padding-right:10px; }
#main-nav a { text-decoration: none; color: #fff; font-size: 18px; font-family: "db_helvethaica_x55_regular", serif; }
#main-nav > ul { float:left; padding:0; margin:0; list-style: none;}
#main-nav > ul a { text-transform: uppercase; }
#main-nav > ul .active > a, #main-nav > ul a.active, #main-nav > .additional-links .active > a, #main-nav > .additional-links a.active, #main-nav li a:hover, #options li a.current, #options li a.selected { color: #fff; background:#ef1d25;  }
#main-nav > ul li {float: left; margin-right: 4px; }
.slidefilter,#main-nav > ul li.textshow { color:#fff; font-size:20px; font-family: "db_helvethaica_x55_regular", serif; 
margin-right: 10px; display: none; }
#main-nav > ul li.textshow{display: block;}
.suboption {float: left;}
#content{overflow: hidden;}

#main-nav > ul li a { padding: 2px 10px;  position:relative; display:block; background:#616367; }
#main-nav > ul li a.last { border-bottom:1px solid rgba(255, 255, 255, 0.1); }
#main-nav > ul li a.sub-nav-toggle:before { background:none repeat scroll 0 0 rgba(255, 255, 255, 0.5); bottom:18px; content:""; height:8px; left:120px; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:8px; }
#main-nav > ul li a.sub-nav-toggle:after { background:#111; bottom:20px; content:""; height:10px; left:120px; margin-left:-1px; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:10px; }
#main-nav > ul > li > .sub-nav { padding:12px 0 5px 0; }
#main-nav > ul > li > .sub-nav > li:last-child { padding-bottom: 0px; }
#main-nav > ul > li > .sub-nav > li > a { font-size: 13px; text-transform:none; border:0; padding:0px 0 11px 0; }
 #menu-button.open #nav-button span:nth-child(1) {
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
 position: relative;
 top: 0px;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}
 #menu-button.open #nav-button span:nth-child(2) {
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 transform: rotate(-45deg);
 position: relative;
 top: -4px;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
 #menu-button.open #nav-button span:nth-child(3) {
 display: none;
}
#menu:not( .mm-menu ),.show-m-menu {
   display: none;
}
.slidefilter .glyphicon-plus{float: right; color: #fff; font-size: 15px; margin-top: 3px;} 
.menunav{cursor: pointer;}

.showlogin{padding-top: 28px; text-align: center; color: #616367;}
.showlogin.register{background: url(../images/iconregister.jpg) no-repeat center top;}
.showlogin.login{background: url(../images/iconlogin.jpg) no-repeat center top;}
.showlogin.forgerpass{background: url(../images/iconpassword.jpg) no-repeat center top;}
.showlogin.upload{background: url(../images/icon-upload.jpg) no-repeat center top;}
.showlogin.mygallery{background: url(../images/icon-mygallery.jpg) no-repeat center top;}
.showlogin.profile{background: url(../images/iconprofile.jpg) no-repeat center top;}
.showlogin.message{background: url(../images/icon-message.jpg) no-repeat center top;}
.showlogin.reward{background: url(../images/icon-reward.png) no-repeat center top;}
.showlogin.chat{background: url(../images/icon-chat.jpg) no-repeat center top;}

.picturelist li{float: left; width: 20%; padding: 5px;}
.picturelist .mask{overflow:hidden; height: 247px;}
.picturelist{margin-left: -5px; margin-right: -5px;}

.headgridhome{margin: 15px 0;}
.headgridhome h2{ font-size: 22px; padding-left: 20px; background: url(../images/icontag.png) no-repeat left;  float: left; 
  margin-top: 10px;}
.headgridhome .viewall{float:right; color: #fff; background:url(../images/moreicon.jpg) no-repeat right #e01b22; 
  padding:8px 40px 8px 10px;}

.picturelist a{display: block; position: relative;}
.picturelist a:after {
        content: " ";
        display: block;
        background:url(../images/zoomicon.png) rgba(0, 0, 0, 0.7) no-repeat center center;
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0; top: 0;
        opacity: 0;
        transition: all 0.3s ease 0s;
      }
.picturelist.videolist a:after{
    background-image:url(../images/play.png);
}
.main{display: block; clear: both;}
.picturelist a:hover:after{opacity: 1;}
.gridhome section{margin-bottom: 15px;} 

.adhome{margin-left: -5px; margin-right: -5px;}
.adhome a{padding:5px; float:left;}
.adhome .ad-40{float: left; width: 40%;}
.adhome .ad-60{float: left; width: 60%;}
.adhome .ad-50{float: left; width: 50%;}
.adhome .ad-33{float: left; width: 33%;}
.adhome .ad-100{float: left; width: 100%;}

.talklist li{float: left; width: 33.3333%; padding: 5px;}
.talklist li a{position: relative; overflow: hidden;}
.talklist{margin-left: -5px; margin-right: -5px;}
.talklist .caption{position: absolute; bottom: -55px; padding: 20px 8px 0; background: rgba(0, 0, 0, 0.9); width: 100%; color: #fff; 
  height: 55px; overflow: hidden;transition: all 0.3s ease 0s;}
.talklist li a:hover .caption{bottom: 0px;}

.footermain{background: #343942; color: #fff;}
.copyright{float: right; font-size: 18px; margin-top: 10px;}
.footermain .miannav li a:hover{background: none;}
.iconsocial{margin-top: 30px;}
.iconsocial i{margin-right: 5px; float: left;}
.iconsocial li{float: left; width: 20%;}
.iconsocial span:not(.groupfacebook){margin-top: 8px;}
.iconsocial .addline{position: relative; top: -20px;}
.banner-m{display: none;}
.albumlist li{padding: 0; margin:0;}
.albumlist li a{display: block; position: relative;}
.albumlist .tag{position: absolute; top: 50%;}
.albumlist .tag.tagmustsee{top: 30%;}

.showdetail{position: absolute; text-align: center; width: 100%; height: 100%; top: 0; padding: 20px; background: rgba(0, 0, 0, 0.7);
color: #fff; opacity: 0;  transition: all 0.3s ease 0s;}
.showdetail .borderinner{border: 1px solid #fff; position: absolute; height: 100%; width: 100%;}
.showdetail h2{font: 30px 'db_helvethaica_x75_bd'; line-height: 28px; }
.showdetail h3{font-size: 20px;}
.showdetail .forcecenter{position: relative;
    top: 50%;
    transform: translateY(-50%);}
.showdetail .relative{height: 100%; width: 100%;}
.albumlist li a:hover .showdetail{ opacity: 1; }

.filtergallery{background: #e6e6e6; font-size: 19px; padding: 7px 0;}
.filtergallery h2{font-size: 19px; font-family: 'db_helvethaica_x75_bd';}
.filtergallery ul{float: left; margin-top: 5px;}
.filtergallery li{float: left;}
.filtergallery li a{padding: 0 7px;}
.formfilter{float: left; margin-left: 10px;}
.formfilter h2{display: inline-block;}
.formfilter .form-control{border-radius: 0; font-size: 18px; }
.form-group label{font-weight: normal; margin-right: 3px;}
.form-group{margin-left: 0;}
.dropdown-menu{font-size: 20px;}
.btn-red{background: #e01b22; color: #fff; padding: 7px 15px;}
.btn-gray{background: #343942; color: #fff; padding: 7px 15px;}
.btn-red:hover{color: #fff;}
.btn-upload{background-image: url(../images/btnupload.png);background-position: right center; background-repeat: no-repeat;
padding-right: 30px; }
.btn-send{background-image: url(../images/sent-icon.jpg);background-position: right center; background-repeat: no-repeat;
padding-right: 30px; }
.btn-edit{background-image: url(../images/btnedit.png);background-position: right center; background-repeat: no-repeat;
padding-right: 30px; }
.btn-delete{background-image: url(../images/btndelete.png);background-position: right center; background-repeat: no-repeat;
padding-right: 30px; }

.filtergallery .btn-upload,.filtergallery .btn-delete{float: right; margin-left: 5px;}
.forum-detail-inner .btn-edit, .filtergallery .btn-edit {float: right; margin-left: 5px;}

.wrapvideo{width: 777px; height: 473px; display: inline-block;}

.bg-gray{background: #f2f2f2;}
.topallalbum{padding: 15px 5px;}
.topallalbum h2{display: inline-block; font-size: 30px; font-family: 'db_helvethaica_x75_bd'; color: #959595; padding: 3px 15px; 
border: 2px solid #ccc; margin-bottom: 20px;}
.videoalbum{background: #f7f7f7; padding: 30px 0; border: 1px solid #e4e3e3;}
.gallery-item{padding: 2.5px;}

.gallery-item .detail-gallery{position: absolute; width: 100%; height: 100%; top: 0; background: rgba(0, 0, 0, 0.7); color: #fff;
padding: 8px; opacity: 0; transition: all 0.3s ease 0s;}
.gallery-item .detail-gallery header{border-bottom: 1px solid #fff; padding-bottom: 5px; margin-bottom: 5px;}
.gallery-item .detail-gallery h2{font-size: 20px; margin-top: 8px;}
.wrapstar{float: left;}
.wrapstar i{font-size: 20px;}
.gallery-item .fb-share-button{float: right ;}

.gallery-item:hover .detail-gallery{opacity: 1;}
.gallery-item .detail-gallery:hover a{color: #fff;}
.showtag a:hover{color: #e01b22!important;}
.gallery-item.videolist:after{
    content: " ";
    display: block;
    background:url(../images/play.png) no-repeat center center;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0; top: 0;
}
.gallery-item:hover{cursor: pointer;}
.gallery-4-columns .gallery-item{width: 25%;}

.thumb-hover { position: relative; overflow: hidden;}
.thumb-hover img { max-width: 100%;vertical-align: top;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.thumb-hover:hover img { -webkit-transform: scale(1.1);transform: scale(1.1);}

.pad-top-15{padding: 15px;}

.leftsec{float: left;}
.rightsec{float: right;}
.rightsec h3{color: #959595; font-size: 23px;}
.wrapstar i{margin-right: 0;}
.rightsec .wrapstar{text-align: right; float: none;}
.rightsec .wrapstar span{margin-left: 5px; margin-right: 5px;}

.property{margin-top: 5px; padding-top: 10px; margin-bottom: 5px; padding-bottom: 10px; border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;}
.property li{float: left; padding: 0 9px; border-right: 1px solid #ccc;}
.property h2{font-size: 20px; line-height: 20px;}
.mypicture{padding: 20px; border:1px solid #e4e3e3; background: #f7f7f7; text-align: center; position:relative; overflow:hidden;}
.mypicture img {display:block; width:100%; height:auto;}

.showcomment{margin-top: 15px; margin-bottom: 15px;}
.showcomment .form-control{border-radius: 0; font-size: 18px; margin-bottom: 10px;}
.querycomment{margin-top: 10px;}
.querycomment section {padding: 15px 0; margin:5px 0; border-bottom: 1px solid #ccc;}
.pictureuser{float: left; width: 5%;}
.commentuser{float: left; width: 95%; padding-left: 10px;}
.commentuser .name{font-weight: bold;}
.commentuser p{margin-bottom: 0;}
.searchkeyword{font-size: 26px; text-decoration: underline;}
.gallerysection{padding-top: 15px;}
.myaccountmobile{text-align: center; padding: 10px 0;}
.headline{font-weight: normal; font-size: 26px; float: left;}
.formupload .form-control{font-size: 20px;}
.btn-file .glyphicon{display: none;}
.file-footer-caption{font-size: 18px;}
.close{font-size: 30px;}
.btn-showimage{display: inline-block; cursor: pointer;}
.formupload{padding: 30px; background: #f7f7f7; border: 1px solid #e4e3e3; margin: 25px 0!important;}
.selecttab span{padding: 3px 8px; background: #616367; color: #fff; cursor: pointer; transition: all 0.3s ease 0s; margin-bottom: 3px;}
.selecttab span:hover{background: #e01b22;}
.file-input{margin: 25px 0 15px;}
.hidden-xs{display: block!important;}
.grayinner{padding-left: 15px; padding-right: 15px;}
.headergallery {margin-top: 15px; margin-bottom: 15px;}
.myhistory{ background: #f2f2f2; padding: 15px; min-height: 247px; }
.myhistory label{font-size: 25px; font-weight: normal;}
.myhistory .memo{font-size: 20px; margin-top: 10px;}
.gallery-item .detail-gallery.delete-active{background: url(../images/delete-active.png) no-repeat right top; opacity: 1;}

.formprofile{margin-top: 100px;}
.formprofile h2{margin-bottom: 10px;}
.formprofile .form-control{font-size: 20px;}

.formprofile .formset{padding: 20px; background: #f7f7f7; border:1px solid #e4e3e3; margin: 20px 0;}
.formprofile .pictureprofile{margin-top: -80px; font-size: 20px; width:180px;}

.pictureprofile .file-input {
    display: table-cell;
    max-width: 160px;
}
.pictureprofile .file-preview{
  border:none;
}

.showselect label:not(.radio-inline){ background: #959595; color: #fff; height: 34px; padding-left: 15px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px; }
.showselect .btn,.showselect .form-control{
  border-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.formprofile label{margin-right: 0;}
label:not(.radio-inline) {
    font-size: 20px;
    font-weight: normal;
    padding-top: 6px;
}
.radio-inline i {
    position: relative;
    top: -5px;
}
.pickprofile{top: -50px; position: relative; margin-right: 10px;}
.formprofile .file-input{margin:0;}
.formprofile .datepickershow{background: url(../images/datepicker.png) no-repeat right #fff;}
.formset .col-md-6{padding-left: 70px; padding-right: 70px;}
.radio label,.checkbox label{vertical-align: top;}
.otherfiled{margin-left: 5px;}
.nopadnobor{padding-top: 0!important; padding-bottom: 0!important;  background: none!important; border:0!important;}

.datered{position: absolute; background: #e01c23; color: #fff; padding: 10px 10px; right: 0; top: 0; text-align: center;}
.datered .date{font-size: 35px; font-family: 'db_helvethaica_x75_bd'; display: block;}
.datered .month{font-size: 25px; font-family: 'db_helvethaica_x75_bd'; clear: both;}
.headertalk{margin:5px 0; padding-bottom: 5px; border-bottom: 1px solid #ccc; overflow:hidden; height:90px;}
.headertalk h2{overflow:hidden; height:55px; line-height:27px;}
.headertalk .bypost {margin-top:6px; height:30px; overflow:hidden;}
.lifestertalk .btn-gray{ background: url(../images/lifestertalk-btn.png) no-repeat right #959595; padding-right: 40px;
height: 32px;  }
.filter li button{background: #959595; padding: 5px 15px; color:#fff;  transition: all 0.3s ease 0s; }
.filter li{margin-right: 5px;}
.filter li button.selected{background: #616367;}
.filter li h2{font-size: 30px; margin-right: 15px;}
.lifestertalk .gallery-item{padding-left: 5px; padding-right: 5px; margin-bottom: 15px;}
.page i{ margin:0 5px; }
.text-left{text-align: left!important;}

.wrapforum{display: block; background: #96a4a7; padding-top: 35px; padding-bottom: 15px;}
.wrapforum .icon-forum{ width: 55px; height: 55px; border-radius: 100%; display: inline-block; background: #cbd2d3; transition: all 0.3s ease 0s; }
.wrapforum .icon-forum img {width:55px; height:55px;}
.wrapforum h2{font-size: 60px; color: #fff; background: url(../images/line-forum.png) no-repeat center bottom;
margin-bottom: 15px; overflow:}
.wrapforum p{overflow:hidden; height:80px;}

.wrapforum:hover{background: #e01b22; color: #fff;}
.wrapforum:hover .icon-forum{background: #343942;}

.forumall{padding: 20px;}
.forumall .lifestertalk{ background: #f7f7f7; padding: 5px; border:1px solid #e4e3e3; }
.show-forum .forum-name{width: 80%; float: left; font-size: 22px;}
.show-forum .namedate{width: 20%; float: left; text-align: right; font-size: 22px;}
.show-forum .forum-name i{margin-right: 10px;}
.show-forum .datetime{display: inline-block; margin-left: 7px; padding-left: 7px; 
}
.show-forum .datein i{margin-right: 10px; vertical-align: top;}
.show-forum li{padding: 15px 15px;}
.show-forum li:nth-child(2n) {
    background: #f7f7f7;
}
.show-forum li:nth-child(2n+1) {
    background: #e6e6e6;
}
.pageforum{float: right; margin: 30px 0;}
.pageforum li{float: left; margin-right: 1px;}
.pageforum li a{padding: 5px 14px; background: #343942; color: #fff;}
.pageforum li a:hover,.pageforum li a.active{background: #e01b22;}
.page-forum{font-size: 23px; float: left; margin-top: 7px;}

.forum-detail{padding: 20px;}
.forum-detail .forum-detail-inner{background: #f7f7f7; padding: 15px; border:1px solid #e4e3e3;}
.forum-detail h2{font-size: 30px;  }
.forum-detail h2 i{margin-right: 5px; }
.forum-detail .date i{margin-right: 5px;}
.sidebar-message{background: #dbdbdc; min-height: 400px;}
.sidebar-message li{margin-bottom: 1px;}
.sidebar-message li a{padding: 8px 15px; background: #343942; display: block; color: #fff;}
.sidebar-message li a:hover,.sidebar-message li a.active{background: #e01b22;}
.massage-table {padding-left: 20px; padding-right: 20px;}
.massage-table th{font-weight: normal; font-size: 22px;}
.no-read i{margin-right: 5px;}
.no-read td{background: #dbdbdc;}
.massate-detail{padding-left: 30px; position: relative; padding-top: 30px; padding-bottom: 30px;
}
.massate-detail header{position: relative; border-bottom: 1px solid #ccc; margin-bottom: 15px;}
.massageicon{position: absolute; left: -30px;}
.sendmessage{margin-top: 20px;}
.sendmessage .form-control{ font-size: 20px; }
.wrapfilternews{background: #343942; padding-top: 8px; padding-bottom: 8px;}
.wrapfilternews li{ float: left; margin-right: 3px; }
.padinner{padding-left: 15px; padding-right: 15px;}

.wrapcalendar h2{font-weight: normal;font-size: 30px;}
.wrapcalendar header{position: relative;}
.wrapcalendar .glyphicon-chevron-left{position: absolute;left: 0; font-size: 15px; margin-top: 3px; color: #e01b22;}
.wrapcalendar .glyphicon-chevron-right{position: absolute;right: 0; font-size: 15px; margin-top: 3px; color: #e01b22;}
.wrapcalendar li{width: 14.2857%; float: left;  padding-left: 2px; padding-right: 2px; margin-top: 4px;}
#calendar .day{background: #7d7d7d; color: #fff; padding-top: 5px; padding-bottom: 5px; font-size: 17px; text-align: center;}
#calendar .day.bgred{background: #e01b22;}
#calendar .date{background: #f5f5f5 ; height: 110px; border-radius: 3px; display:block;}
#calendar .date.bgred{background: #e01b22 ; color: #fff;}
#calendar .innerdate{margin: 7px 0 0 7px; font-size: 36px;}
#calendar .date.last-month,#calendar .date.next-month{background: #f5f5f5; color: #b1b4b7; cursor: pointer;}
#calendar .activeactivities{background: #343942; display: block; color: #fff;}
.wrappertopcalendar{margin-top: 20px;margin-bottom: 20px;}
.wrapactivitie{padding-top: 35px;}
.wrapactivitie h2{font-size: 22px;}
.wrapactivitie li{padding-left: 35px; background: url(../images/iconcalendar.jpg) no-repeat left top;
margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.text-m{display: none;}
.showtag.page{font-size:22px; }
.tag-inner{ background: #616367 none repeat scroll 0 0;
    color: #fff;
    padding: 6px 15px;
    vertical-align: top;
}
.headline span{margin-right: 7px; margin-left: 7px;}

.formlogin .form-control{font-size: 20px;}
.form-group{position: relative;}
.help-block{margin: 0; font-size: 17px; color: red; position: absolute; bottom: -18px;}

#preload {height:100%; width:100%; background:#000; opacity:0.6; position:absolute; top:0; left:0; z-index:10000; display:none;}
#preload img {top:40%; position:absolute; left:45%}

.boxdetail{background: #f7f7f7; padding: 20px; border: 1px solid #eaeaea; margin: 10px 0;} 
.mt20 {margin-top:20px;}
.mt40 {margin-top:40px;}
.loader {display:none; margin:20px;}
.force-responsive img {max-width:100%; height:auto; display:block;}

.cke_dialog label:not(.radio-inline) {
    font-size: 12px;
}
.errorbox,.successbox{padding-left: 30px; background: url(../images/erroricon.png) no-repeat left top; margin-top: 40px; font-size:26px;}
.successbox{background-image:  url(../images/successicon.png); font-size:26px;}
.order {color:#ef1d25; font-weight:bold;}
.clear {clear:both};

/*new style*/
.point h3{color: #959595; font-size: 30px;}
.point h4{color: #959595; font-size: 25px; margin-top: 25px;}
.btn-point{background: url(../images/btn-point.png) no-repeat right #e01b22; padding-right: 30px; margin: 15px 0;}
.responsive-table tbody td,.responsive-table thead th{padding-left: 30px!important;}
.responsive-table.table-redeem tbody td,.responsive-table.table-redeem thead th{padding-left: 10px!important;}
.responsive-table tfoot td{padding-left: 30px!important;}

.head-tableresults th{background:#dbdbdc; color: #000!important; text-align: left!important; }
.listcondition{color:#ef1d25; }
.listcondition span{color: #959595!important;}
.spin.form-control{font-size: 21px; max-width: 100px;}
.input-group-btn > .btn{background: #ebe5e5; font-size: 16px; color: #333; height: 34px;}
.btn-pointpad{padding-left: 35px; padding-right: 35px; margin: 0;}

.p-balance{color: #343941; font-size: 36px; margin-top: 25px;}
.p-redeem{color: #e01b22; font-size: 28px;}
.p-balance-o{color: #959595; font-size: 26px; margin-bottom: 10px; }
.point strong {font-size: 25px;}
.groupconfirm span{display: block;}

.tabmenu{text-align: center; width: 100%;}
.tabmenu li{ display: inline-block; }
.tabmenu li a{font: 24px 'db_helvethaica_x55_regular'; color: #989898; padding: 7px 15px; background: #fff; width: 200px; display: block; max-height: 50px; }
.tabmenu li a:hover,.tabmenu li a.active{ background: #e01b22; color: #fff;}
.short-detail {overflow:hidden; height:40px;}

.rating-container {margin-top:10px;}
.cursor {cursor:pointer;}
#my-video {width:100%; min-height:400px;}

.help-block.with-errors {color:#a94442;}
.frei_options input {height:27px;}
#frei_chatroom_options {height:auto;}
.frei_selected_room, .frei_lobby_room {height:auto;}
#frei_chatroom_tools {height:auto;}
.frei_chatroomtextarea {margin-top:-16px;}
.frei_userlist{height:auto;}
.activities-inner {font-size:18px;}
.line {overflow:hidden; height:20px; display:block;}
.tooltip {opacity:1 !important; position:relative;}

.wrapactivitie {height:750px; overflow:scroll;}
.alert{color:red; font-size:30px; text-align:center;}
.file-caption {display:none;}
.close {line-height:20px; padding-left:15px;}
.help-block.popup {font-size:22px; margin:auto; padding-bottom:10px; bottom:0px;}

.label {width: 140px; height:25px; text-align: center; font-size: 16px; color: #fff;  background: #ef1d25; position: absolute; transform: rotate(-35deg); top:20px; left:-25px;}
.mask-label {overflow:hidden;}