/* Pages slider */

.top-head > h3{color:#4ba8f6;font-size:18px;font-weight:700;display:inline-block}
.top-head{ padding-bottom:10px}

.slide_item{max-width:750px;margin-right:10px;}
.page_slider .slick-arrow{z-index:99; position: absolute;font-size:0;border:none;background-color:#fff;width:40px;height:40px;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);cursor:pointer;}
.page_slider .slick-arrow::before{content:"";font-family:ionicons;font-size:16px;height:100%;left:0;line-height:40px;position:absolute;top:0;width:100%}
.page_slider .slick-next.slick-arrow::before{content:""}
.page_slider .slick-next.slick-arrow{left:auto;right:0}

/**User profile page**/


.box_heading {
    color: #212121;
    font-size: 17px;
    font-weight: 700;
    padding-bottom:10px;
}
.profile-banner.user-profile {
    min-height: inherit;
    padding: 30px 0;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAE0lEQVQImWNgQAeaxv+pL8DAAABctgbI+waF3QAAAABJRU5ErkJggg==');
}
.user-profile .crcle-pic {
    height: 196px;
    width: 196px;
}

.user-profile .profile-detail {
    margin: 0 auto;
    max-width: 900px;
    text-align: center;
}

.user-profile .bgBlock {
    height: auto;
    max-width: 100%;
    padding:0;
    background-color: rgba(0, 73, 91, 0.5);
}
.count-Box span {
    color: #ffffff;
    display:inline-block;    
    padding: 2px 15px;
    text-align: center;
}
.count-Box span.countNum {
    font-size: 25px;
    font-weight: 600;
    padding:0 0 10px;
    display: block;
    line-height:1;
}
.count-Box .box-caption {
    font-size: 14px;
    background-color:#003744;
}
.count-Box{background-color:#00242d;padding:20px;}

.user-detail .grid {
    display: table-cell;
    vertical-align: middle;
}
.user-detail .themeBtn.bnr-whiteBtn {
    background-color: #00242d;
    color: #fff;
    display: block;
    font-size: 15px;
    padding: 6px 15px;
}

.user-detail .themeBtn.bnr-whiteBtn:hover {
    background-color: #4ba8f6;
}
.user-detail .img--block {
    border-right: 1px solid #00242d;
    padding: 20px 30px;
    width:240px;
}
.user-detail .user_info {
    padding: 20px 30px;
    border-right: 1px solid #00242d;
}
.info_boxes .count_box {
    display: table-cell;
    vertical-align: top;
}
.info_boxes .count_box {
    display: table-cell;
    vertical-align: top;
    padding:0 1px 0 0;
}
.info_boxes .count_box .actionbtn{margin-bottom:1px;}

.user-detail {
    display: table;
    width: 100%;
}
.user-detail .profile-id {
    text-align: left;
}

.info_boxes {
    display: table;
    margin: 15px 0 0;
    width: 100%;
}

.user-detail .toolTip {
    width: 46px;
}


.toltip-img > img {
    max-width: 20px;
}
.toltip-cap {
    background-color: #ffffff;
    border-radius: 2px;
    color: #2b2b2b;
    font-size: 13px;
    right:100%;
    opacity:0;
    padding: 4px 10px;
    position: absolute;
    top:50%;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    white-space: nowrap;
    z-index: 99;
     transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.icon--box:hover .toltip-cap {
    opacity: 1;
}

.icon--box {
    align-items: center;
    -webkit-box-align:center;
    border-bottom: 1px solid #00242d;
    cursor: pointer;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
  
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;      
    justify-content: center;
     -webkit-box-pack: center;
    padding: 14px 0;
    position: relative;
}

.toltip-img {
    margin: 0 auto;
}
.icon--box:last-child{
    border-bottom:none;
}
.toltip-cap::before {
    border:8px solid transparent;
    border-left-color:#fff;
    bottom: 100%;
    content: "";
    left:100%;
    margin-top:0;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}


.infolist {
      display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;      /* TWEENER - IE 10 */
      display: -webkit-flex;     /* NEW - Chrome */
      display: flex;  
      flex-direction: column;
      -webkit-flex-direction: column;  
      -webkit-box-orient: vertical;    
       -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      height:240px;
}

.link-text {
    color: #4ba8f6;
    font-weight: 600;
    text-decoration: underline;
}

.link-text:hover {
    color: #ff943e;
    text-decoration: none;
}
#nopostdiv .post {
    text-align: center;
}






@media screen and (max-width:1050px) {

#header .button span {
    display: none;
}
#header .button .icon {
    display: block;
}
}



@media screen and (max-width:767px) {
	/*.dialog_box {top:0;position: relative;left:0;right:0;transform:none;-webkit-transform:none;height:100%;overflow: auto;}*/
	.popup {
		overflow:auto;
}

.seachBar {
    left: 10px;
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    right: 10px;
    top: 100%;
    z-index: 10;
    width:auto;
    display:none;
}
.seachBar .siteForm td {
    display:table-cell;
}

.searchTogl {
    border: 1px solid #ff943e;
    height: 28px;
    width: 35px;
}
.searchTogl a {padding: 5px;}


.user-detail .grid {display: block;}
.user-detail .img--block {border-right:none; border-bottom: 1px solid #00242d;margin: 0 auto;width:auto;}
.user-detail .toolTip {width: auto;}
.toltip-cap {display: inline-block;margin: 20px 0 0;opacity: 1;position: relative;right: 0;top: 0;transform: none;-webkit-transform: none;}
.toltip-cap::before {border:8px solid transparent;border-left-color:transparent;border-bottom-color:#fff;bottom: 100%;left:50%;position: absolute;top:auto;transform:none;-webkit-transform:none;margin-left:-8px;}
.icon--box {border: 1px solid #00242d;cursor: pointer;display: inline-block;padding: 14px 0;position: relative;width: 200px;margin:5px;}
.icon--box:last-child {border-bottom: 1px solid #00242d;}
.user-detail .profile-id {text-align: center;}
.info_boxes .count_box {display: inline-block;padding: 0 0 3px;width: 210px;}
.infolist {display: inline-block;height: auto;}

}


@media only screen and (min-width : 1050px) and (max-width : 1150px) {
    
.seachBar {
    width: 380px;
}
    }