@charset "utf-8";
/* CSS Document */
body{
background-color:#f6f6f6;
color:#484848;
font-family: 'Lato', sans-serif;
font-size:14px;
}

content{
position:relative;
display: block;
padding-top:88px;
transition: .8s;
/* max-width:1280px; */
margin:auto;
}

::-webkit-scrollbar {
    width: 8px;
	height:8px;
	background-color:white;
}

.art_content img {
	height: auto;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.5);
	box-shadow: inset 0 0 6px rgba(255,255,255,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,255,255,0.8);
}

@keyframes bounceIn{
  0%{
    opacity: 0;
    transform: scale(0.3) translate3d(0,0,0);
  }
  50%{
    opacity: 0.9;
    transform: scale(1.1);
  }
  80%{
    opacity: 1;
    transform: scale(0.89);
  }
  100%{
    opacity: 1;
    transform: scale(1) translate3d(0,0,0);
  }
}


/* Share URL */
.share_url {
	width: 100%;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #AAA;
	color: #333;
	background: #EEE;
}
.share_icon {
    position:relative;
	display: inline-block;
	padding: 5px;
	color: #FFF;
	border-radius: 3px;
	float: right;
	margin-left: 5px;
    width:35px;
    height:35px;
}
.share_icon i {
    position:absolute;
    display:block;
	font-size: 20px;
    top:50%;
    left:50%;
    color:#fff !important;
    transform: translate(-50%,-50%);
}

.share_icon a i{
    color:#fff !important;
}

.share_icon:hover {
	color: #FFF;
}
#share_facebook {
	background: #0052AA;
}
#share_twitter {
	background: #1fbad6;
}
#share_whatsapp {
	background: #25d366;
}
#share_link {
	background: #2676B1;
}

.header{
    position:relative;
    display:block;
    width:100%;
    height:0px;
    padding-bottom:32%;
    margin:auto;
    -webkit-box-shadow: 0px 5px 20px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 5px 20px 2px rgba(0,0,0,0.4);
    box-shadow: 0px 5px 20px 2px rgba(0,0,0,0.4);
}

.header .lft-head{
    position:absolute;
    display:block;
    width:70%;
    height:100%;
    left:0px;
}

.header .lft-head .lft-head-bg{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
}

.header .lft-head .lft-head-bg img{
    position:absolute;
    display:block;
    width:100%;
    bottom:0px;
}

.header .lft-head .bread-crumbs{
    position:relative;
    display:inline-block;
    margin-top:20px;
    width:100%;
    height:auto;
    padding-left:20px;
    padding-right:20px;
}

.header .lft-head .bread-crumbs button{
    position:relative;
    width:auto;
    height:25px;
    padding:0px 6px 0px 6px;
    margin:1px;
    color:#fff;
    background:#666;
    opacity:.85;
    border:0;
    border-radius:3px;
    font-size:12px;
    transition: 0.4s;
    font-family:'Lato',sans-serif;
}

.header .lft-head .art-desc{
    position:absolute;
    display:block;
    bottom:-10px;
    width:100%;
    height:auto;
}

.header .lft-head .art-desc .art-title{
    position:relative;
    display:block;
    padding-left:20px;
    padding-right:10px;
    font-size:35px;
    line-height:38px;
    height:auto;
    color:#fff;
    text-shadow: 0px 0px 18px rgba(0, 0, 0, 1);
    font-family:'Montserrat',sans-serif;
    font-weight:500;
}

.header .lft-head .art-desc .art-dp{
    position:relative;
    display:inline-block;
    width:80px;
    height:80px;
    border-radius:40px;
    box-sizing:border-box;
    overflow:hidden;
    margin-left:25px;
    border:2px solid #fff;
}
.header .lft-head .art-desc .art-dp img{
    position:absolute;
    display: block;
    width:100%;
    height:auto;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

.header .lft-head .art-desc .art-author{
    position:relative;
    display:inline-block;
    width:auto;
    height:auto;
    vertical-align:top;
    margin-top:5px;
}

.header .lft-head .art-desc .art-author p{
    margin-bottom:auto;
    color:#fff;
    font-size:16px;
    line-height:18px;
}

.header .lft-head .art-desc .art-view{
    position:absolute;
    display:inline-block;
    right:8px;
    bottom:15px;
    font-size:18px;
    color:#fff;
    font-weight:bold;
    transition:0.4s;
}

.header .rt-head{
    position:absolute;
    display:block;
    width:30%;
    height:100%;
    right:0px;
}

.header .rt-head .rt-head-bg{
    position:absolute;
    display:block;
    width:100%;
    height:50%;
    top:0px;
    overflow:hidden;
}

.header .rt-head .rt-head-bg:nth-child(2){
    bottom:0px;
    top:auto;
}

.header .rt-head .rt-head-bg img{
    position:absolute;
    display:block;
    width:100%;
    height:auto;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

.header .bot-head{
    position:absolute;
    display:none;
    width:100%;
    height:auto;
    min-height:60px;
    bottom:0px;
    background-color:#fff;
}

.header .bot-head .art-dp{
    position:relative;
    display:inline-block;
    width:50px;
    height:50px;
    border-radius:25px;
    overflow:hidden;
    margin-top:5px;
    margin-left:10px;
}

.header .bot-head .art-dp img{
    position:absolute;
    display:block;
    width:100%;
    height:auto;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.header .bot-head .art-author{
    position:absolute;
    display:block;
    width:auto;
    top:50%;
    left:65px;
    transform:translateY(-50%);
    font-size:15px;
    line-height:20px;
    font-weight:bold;
}
.header .bot-head .art-author p{
    margin: auto;
}

.header .bot-head .set-btn-grp{
    position:absolute;
    display:inline-block;
    width:115px;
    right:5px;
    height:auto;
    top:50%;
    transform:translateY(-50%);
}


.header .bot-head .set-btn-grp .btn_like{
width:80px;
height:30px;
border:0;
border-radius:5px;
margin-top:1.2%;
margin-left:1%;
color:#fff;
background-color:#FF6E40;
font-size:14px;
float:left;
}
.header .bot-head .set-btn-grp .btn_like:focus{
outline:none;
}
.header .bot-head .set-btn-grp .btn_like i{
margin-right:5%;
color:#fff;
}

.header .bot-head .set-btn-grp .btn_comment{
width:110px;
height:30px;
border:1px #FF6E40 solid;
border-radius:5px;
margin-top:1.2%;
margin-left:1%;
color:#FF6E40;
background-color:transparent;
float:left;
font-size:14px;
}
.header .bot-head .set-btn-grp .btn_comment i{
margin-right:5%;
color:#FF6E40;
}
.header .bot-head .set-btn-grp .btn_comment:focus{
outline:none;
}

@media (max-width:800px){
    .header{
        padding-bottom:40%;
    }
    .header .lft-head{
        width:100%;
    }

    .header .lft-head .art-desc .art-title{
        font-size:30px;
        line-height:33px;
    }

    .header .lft-head .art-desc .art-dp{
        width:70px;
        height:70px;
        border-radius:35px;
    }

    .header .rt-head{
        display:none;
    }
}
@media(max-width:600px){
    .header{
        padding-bottom:calc(48% + 60px);
    }
    .header .lft-head{
        height:calc(100% - 60px);
    }
    .header .lft-head .bread-crumbs{
        padding-left:8px;
        padding-right:8px;
        margin-top:10px;
    }
    .header .lft-head .art-desc{
        bottom:0px;
    }
    .header .lft-head .art-desc .art-title{
        font-size:25px;
        line-height:28px;
        padding-left:10px;
        padding-right:90px;
        margin-bottom:5px;
    }
    .header .lft-head .art-desc .art-dp{
        display:none;
    }
    .header .lft-head .art-desc .art-author{
        display:none;
    }
    .header .lft-head .art-desc .art-view{
        bottom:2px;
        font-size:15px;

    }
    .header .bot-head{
        display:block;
    }
}

@media(max-width:500px){
    .header{
        padding-bottom:calc(55% + 60px);
    }
}

@media(max-width:375px){
    .header .bot-head .art-dp{
        width:42px;
        height:42px;
        border-radius:21px;
        margin-top:8px;
        margin-left:5px;
    }
    .header .lft-head .art-desc .art-title{
        padding-left:5px;
        padding-right:5px;
        margin-bottom:20px;
    }
    .header .bot-head .art-author{
        left:50px;
        font-size:14px;
        line-height:18px;
    }
}
@media(max-width:350px){

    .header{
        padding-bottom:calc(58% + 60px);
    }

    .header .lft-head .bread-crumbs{
        display:none;
    }
    .header .lft-head .art-desc{
        height:100%;
    }
    .header .lft-head .art-desc .art-title{
        padding-top:10px;
    }

}


.wrapper{
    position:relative;
    display:block;
    width:100%;
    height:auto;
    min-height:100px;
    margin-top:50px;
    background-color:#fff;
    overflow:auto;
	border-radius: 10px;
}
.wrapper.art{
	padding: 15px 30px;
	padding-top: 40px;
	margin-top: 20px;
}
.art-out-connect{
	max-width: 1280px;
	margin: auto;
	background: #FFF;
	padding: 15px 30px;
	margin-top: 10px;
}

@media(max-width:1280px){
    .header{
        z-index:1;
    }
    .wrapper{
        margin:auto;
        padding-top:20px;
        z-index:0;
    }
}

.wrapper .art-content{
    position:relative;
    display:inline-block;
   /*  width:calc(100% - 375px); */
	width: 73%;
    height:auto;
    float:left;
    /*background-color:#fff;*/
    overflow:hidden;
   /*  margin-left:25px; */
    padding-bottom:30px;
}

.wrapper .art-content .art-head{
    position:relative;
    display:block;
    width:100%;
    height:auto;
}



.wrapper .art-content .art-head{
	position: relative;
	display: inline-block;
	/* height:58px; */
	padding:5px 0px 5px 0px;
	/* border-bottom: 1px solid #ccc; */
}

.wrapper .art-content .set_btn_grp_main{
    position:absolute;
    display:block;
    width:auto;
    height:auto;
    top:50%;
    left:5px;
    transform: translateY(-50%);
}

.wrapper .art-content .set_btn_grp_main span{
    display:inline-block;
    padding-left:5px;
}

.wrapper .art-content .set_btn_grp_main button{
    position:relative;
    display:inline-block;
    padding:8px 15px;
    border-radius:3px;
    border:none;
    vertical-align:top;
}

.wrapper .art-content .set_btn_grp_main .btn_like{
background-color:#ff6e40;
color:#fff;
}
.wrapper .art-content .set_btn_grp_main .btn_like:focus{
outline:none;
}

.wrapper .art-content .set_btn_grp_main .btn_comment{
background-color:#fff;
box-sizing:border-box;
border:1px solid #ff6e40;
color:#ff6e40;
margin-left:5px;
}

.wrapper .art-content .set_btn_grp_main .btn_comment:focus{
outline:none;
}

.wrapper .art-content .set_btn_grp_main .save_btn {
    width:36px;
    height:36px;
    padding:0px;
    font-size:38px;
    margin-left:2px;
    background-color:transparent;
    opacity:0.9;
    outline:none;
}

.wrapper .art-content .set_btn_grp_main .save_btn i{
    position:absolute;
    display:block;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color:#ff6e40;
}

.wrapper .art-content .set_btn_grp_main .save_btn:hover{
    opacity:1.0;
}

.wrapper .art-content .set_btn_grp_main .save_btn.active{
	-webkit-animation-name:bounceIn;
	animation-name:bounceIn;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	opacity:1.0;
}


@media(max-width:600px){
    .wrapper .art-content .set_btn_grp_main .btn_like, .wrapper .art-content .set_btn_grp_main .btn_comment{
        display:none;
    }
}

/* .wrapper .art-content .art_content_header_social{
position:absolute;
display:block;
height:auto;
top:50%;
right:16px;
transform:translateY(-50%);
} */
.wrapper .art-content .art_content_header_social p{
position:relative;
top:50%;
transform:translateY(-40%);
color:#FF6E40;
font-weight:bold;
display:inline-block;
margin-bottom:0px;
margin-right:2px;
font-size:12px;
}

article_content .art_conten_header .art_content_header_social a{
position: relative;
display:block;
}

/*
.wrapper .art-content .art_content_header_social a i{
font-size:32px;
margin-top:1%;
display:inline-block;
cursor: pointer;
}
*/


.wrapper .art-head .art_content_header_social .facebook{
display:inline-block;
}

.wrapper .art-head .art_content_header_social .facebook a{
color:#0052AA;
}


.wrapper .art-head .art_content_header_social .twitter{
color:#1fbad6;
display:inline-block;
}

.wrapper .art-head .art_content_header_social .twitter a{
color:#1fbad6;
}


.wrapper .art-head .art_content_header_social .whatsapp {
position: relative;
display:inline-block;
width:28px;
height:29px;
vertical-align: top;
background-color: #25d366;
color: #fff;
margin-top:1px;
border-radius:5px;
}

.wrapper .art-head .art_content_header_social .whatsapp i{
position:absolute;
display:block;
top:50%;
left:50%;
font-size:25px !important;
transform: translate(-50%,-51%);
}

.wrapper .art-head .art_content_header_social .share_link{
position:relative;
display:inline-block;
width:28px;
height:29px;
vertical-align: top;
background-color: #2676B1;
color:#fff;
margin-top:1px;
border-radius: 5px;
}

.wrapper .art-head .art_content_header_social .share_link img{
position:absolute;
display: block;
top:50%;
left:50%;
width:20px;
height:auto;
transform: translate(-50%,-51%);
}



.wrapper .art-content .art-inner{
    position:relative;
    display:block;
    padding:15px;
	clear: both;
}

.wrapper .art-content .art-inner .social-share{
    position:relative;
    display:block;
    border-top:1px solid #ccc;
    padding-top:10px;
}

.wrapper .art-content .art-inner .social-share .sub-title{
    font-family:'Montserrat',sans-serif;
    font-weight:500;
    font-size:25px;
    color:#383838;
}

.wrapper .art-content .art-inner .social-share a{
    position:relative;
    display:inline-block;
    width:calc(50% - 20px);
    height:40px;
    border:0px;
    border-radius:3px;
    padding:5px;
    color:#fff;
    font-size:18px;
    text-align:center;
}

.wrapper .art-content .art-inner .social-share a:hover{
    filter:brightness(0.9);
}

.wrapper .art-content .art-inner .social-share a i{
    position:absolute;
    display:block;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

.wrapper .art-content .art-inner .social-share a.share_facebook {
	background: #0052AA;
}

.wrapper .art-content .art-inner .social-share a.share_twitter {
	background:#1fbad6;
    margin-left:15px;
}

.wrapper .art-content .art-control{
    position:relative;
    display:block;
    width:100%;
    height:auto;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:8px 15px;
    overflow:auto;
    margin-bottom:10px;
}

.wrapper .art-content .art-control .art-control-btn{
    position:relative;
    display:inline-block;
    width:50%;
    float:left;
    box-sizing:border-box;
    padding:15px;
    text-align:right;
    cursor:pointer;
}

.wrapper .art-content .art-control .art-control-btn:nth-child(1){
    border-right:1px solid #ccc;
    text-align:left;
}

.wrapper .art-content .art-control .art-control-btn:hover{
    background-color:#f6f6f6;
}

.wrapper .art-content .art-control .art-control-btn .art-btn-head{
    font-size:18px;
    font-family:'Lato',sans-serif;
    color:#ff6e40;
    font-weight:500px;
    margin:auto;
}

.wrapper .art-content .art-control .art-control-btn .art-btn-foot{
    position:relative;
    display:block;
    width:100%;
    height:auto;
}

.wrapper .art-content .art-control .art-control-btn .art-btn-foot i{
    position:relative;
    display:inline-block;
    font-size:50px;
    color:#ccc;
    width:20px;
    vertical-align: top;
}

.wrapper .art-content .art-control .art-control-btn .art-btn-foot div.art-control-btn-desc{
    position:relative;
    display:inline-block;
    width:calc(100% - 35px);
    font-size:16px;
    margin-left:5px;
    margin-right:5px;
    font-family:'Lato',sans-serif;
    color:#383838;
}

.wrapper .art-content .art-lead-base{
    position:relative;
    display:block;
    width:100%;
    margin-left:15px;
    padding-top:15px;
}

.wrapper .art-content .art-lead-base .art-lead-title{
     font-family:'Montserrat',sans-serif;
    font-weight:500;
    font-size:25px;
    color:#383838;
    margin:auto;
    line-height:28px;
}

.wrapper .art-content .art-lead-base .art-lead-sub-title{
     font-family:'Montserrat',sans-serif;
    font-weight:400;
    font-size:18px;
    color:#999;
}
.wrapper .art-content .art-lead-base form .sub-qn{
    font-family:'Lato',sans-serif;
    font-weight:bold;
    font-size:16px;
    color:#383838;
    margin:auto;
}

.wrapper .art-content .art-lead-base form .sub-desc{
    width:50%;
}

.wrapper .art-content .art-lead-base form input{
    width:50%;
}

.wrapper .art-content .art-lead-base form #renoType_bot{
    width:50%;
}

.wrapper .art-content .art-lead-base form #renoType_bot ul.dropdown-menu{
    width:100%;
}

.wrapper .art-content .art-lead-base form #renoType_bot ul.dropdown-menu li{
    padding:8px;
    cursor:pointer;
}

.wrapper .art-content .art-lead-base form #renoType_bot ul.dropdown-menu li:hover{
    background-color:#f6f6f6;
}

.wrapper .art-content .art-lead-base button.sub-btn{
    position:relative;
    display:block;
    width:50%;
    padding:10px;
    background-color:transparent;
    color:#ff6e40;
    box-sizing:border-box;
    border:1px solid #ff6e40;
    border-radius:3px;
}

.wrapper .art-content .art-lead-base button.sub-btn:hover{
    background-color:#ff6e40;
    color:#fff;
}


@media(max-width:768px){
    .wrapper .art-content .art-lead-base{
        margin:auto;
    }
    .wrapper .art-content .art-lead-base form input{
        width:100%;
    }

    .wrapper .art-content .art-lead-base form #renoType_bot{
        width:100%;
    }

    .wrapper .art-content .art-lead-base button.sub-btn{
        width:100%;
    }
    .wrapper .art-content .art-lead-base form .sub-desc{
        width:100%;
    }

}

.wrapper .side-panel{
    position:relative;
    display:inline-block;
	width: 100%;
    height:auto;
    vertical-align:top;
  /*   margin-left:25px;
    margin-right:25px; */
    float:right;

}

.wrapper .side-panel .title{
    position:relative;
    display:block;
   /*  border-bottom:1px solid #ccc; */
   /*  text-align:center; */
    font-size:15px;
    font-family:'Montserrat',sans-serif;
    font-weight:500;
	margin: 10px 0px;
}

.wrapper .side-panel .head-title{
    margin:auto;
    font-size:25px;
    line-height:20px;
    /* margin-top:8px;*/
    margin-bottom: 15px;
	font: bold 25px 'Lato', sans-serif;
	color: #fff;
}

.wrapper .side-panel .head-sub-title{
    font-size:16px;
	font: bold 16px 'Lato', sans-serif;
	text-align: left;
	color: #ffffff;
}

.wrapper .side-panel .lead-form-base .slide.cycle-slide{ 
	z-index: 1 !important;
}


.wrapper .side-panel .lead-form-base{
    position:relative;
    display:block;
	width:100%;
    height:auto;
	background: #ff6e40;
    float:right;
    overflow:auto;
    border-radius:3px;
	padding: 15px;

}

.wrapper .side-panel .lead-form-base form{
    position:relative;
    display:block;
    height:auto;
   /*  padding:10px; */
}

.wrapper .side-panel .lead-form-base form p.sub-qn{
    text-align:left;
    font-size:14px;
    font-weight:normal;
    font-family:'Lato',sans-serif;
    color:#fff;
    margin:auto;
	padding-bottom: 5px;
}
.wrapper .side-panel .lead-form-base form p.sub-desc{
    text-align:left;
    font-size:13px;
    font-family:'Lato',sans-serif;
    color:#e4e4e4;
    margin-top:3px;
}

.wrapper .side-panel .lead-form-base form ul.dropdown-menu{
    width:100%;
}

.wrapper .side-panel .lead-form-base form ul li{
    padding:8px;
    cursor:pointer;
}

.wrapper .side-panel .lead-form-base form ul li:hover{
    background-color:#f6f6f6;
}


.wrapper .side-panel .lead-form-base form button.sub-btn{
    display:block;
    width: auto;
	margin: auto;
    box-sizing: border-box;
    border:1px solid #fff;
    color:#fff;
    font-family:'Montserrat',sans-serif;
    border-radius:3px;
    padding: 10px 20px;
    background-color:#2e2b70;
    margin-top:15px;
	font-weight: normal;
	font-size: 13px;
    /* font-weight:bold; */
	border-radius: 5px;
	text-transform: uppercase;
}

.wrapper .side-panel .lead-form-base form button.sub-btn:hover{
    background-color:#1b193e;
    color:#fff;
}

.wrapper .side-panel .suggest-base{
    position:relative;
    display:block;
    width:calc(100%);
    height:auto;
    background-color:#fff;
    float:right;
    overflow:auto;
    border-radius:3px;
    margin-top:20px;
    padding-bottom:10px;
    border-radius:3px;
}

.wrapper .side-panel .suggest-base .sug-art-element{
   /*  position:relative;
    display:block;
    width:100%;
    height:auto;
    padding:15px;
    border-bottom:1px solid #666;
    box-sizing:border-box;
    overflow:auto;
    cursor:pointer; */
	padding: 20px  0;
	border-bottom:1px solid #e5e5e5;
	cursor:pointer;
}
.wrapper .side-panel .suggest-base .sug-art-element:last-child{
	border-bottom: 0;
}
.wrapper .side-panel .suggest-base .sug-art-element:hover{
    background-color:#f6f6f6;
}

.wrapper .side-panel .suggest-base .sug-art-element .sug-art-image{
  /*   position:relative;
    display:inline-block;
    width:140px;
    height:auto;
    vertical-align:top;
    float:left; */
	width: 120px;
	height: 80px;
	border: 1px solid #ccc;
	border-radius: 5px;
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}
.wrapper .side-panel .suggest-base .sug-art-element .sug-art-image img{
    position:relative;
    display:block;
    width:100%;
}

.wrapper .side-panel .suggest-base .sug-art-element .sug-art-desc{
/*     position:relative;
    display:inline-block;
    width:calc(100% - 150px);
    height:auto;
    float:right;
    font-family:'Lato',sans-serif;
    font-size:16px;
    font-weight:bold;
    color:#383838; */
	width: 55%;
	display: inline-block;
	vertical-align: middle;
	padding-left: 5%;
	font: bold 16px 'Lato', sans-serif;
	color: #545454;
}


@media(max-width:1023px){
    .wrapper .art-content{
        width: 100%;
		border-right:0;
		padding-right: 0;

    }
	.wrapper .side-panel{
		width: 100%;
	}

    /* .wrapper .side-panel{
        display:none;
    } */
}
@media(min-width:992px) and (max-width:1023px){
	.wrapper .right-banner .side-panel .lead-form-base{
		width :100%;
	}
	.wrapper .side-panel .lead-form-base{
		width: 50%;
		float: left;
		margin:  auto;
	}
	.wrapper .side-panel .suggest-base{
		width: 100%;
	}
}
@media(max-width:992px){
	.wrapper.art{
		padding: 15px;

	}
	.wrapper .art-content .art-head{
		width: 100% !important;
	}
	.art-head h2{
		font: bold 26px 'Lato', sans-serif;
	}
	.art-content .art_content_header_social{
		width: auto;
		float:left;
		margin-bottom: 10px;
	}
	.art-content .tags .art_content_header_social{
		float:right;
		margin-top:10px;
	}
	.tags .list-tag{
		width: 72%;
		margin: 15px 0;
	}
	.art-content .art-foot{
		margin-top: 20px;
	}

	#art_comment_container  .main_comments .comment, .comments_container comments .sub_comments_container .sub_comments 	.comment{
		width: 80%;
	}
	#art_comment_container  .my-comment .comment{
		width: 100%;
	}

}
@media(max-width:768px){
    .wrapper .art-content{
       /*  width:calc(100% - 40px);
        margin-left:20px;
        margin-right:20px; */
    }
	.art-foot .prev-art{
		max-width: 100%;
		margin-bottom: 15px;
	}
	.art-foot .next-art{
		max-width: 100%;
	}
}

.wrapper .art-comment-base{
    position:relative;
    display:block;
    width:100%;
    height:auto;
   /*  padding:40px;*/
    padding-top:10px;
    clear:both;
}
.wrapper .art-comment-base h2{
	margin-top:10px;
	font-size: 22px;
}
.wrapper .art-comment-base .art-comments-title{
    font-family:'Montserrat',sans-serif;
    font-weight:500;
    font-size:25px;
    color:#383838;
    margin-bottom:10px;
}

.wrapper .art-comment-base .rep-comments,.comment-bottom .rep-comments{
    position:relative;
    display:block;
    width:100%;
    height:auto;
}


.wrapper .art-comment-base .rep-comments .emoji-container,.comment-bottom .rep-comments .emoji-container{
position:relative;
display:inline-block;
width:auto;
height:0px;
background-color:#ffba8f;
overflow:hidden;
border-top-left-radius:5px;
border-top-right-radius:5px;
padding-left:1%;
padding-right:0.2%;
transition:0.3s;
}

.wrapper .art-comment-base .rep-comments .emoji-container emoji_elements,.comment-bottom .rep-comments .emoji-container emoji_elements {
position:relative;
display: block;
width:40px;
height:40px;
float:left;
margin-right:5px;
cursor: pointer;
overflow:hidden;
}

.wrapper .art-comment-base .rep-comments .emoji-container emoji_elements img,.comment-bottom .rep-comments .emoji-container emoji_elements img {
position:absolute;
height:100%;
width:100%;
}

.wrapper .art-comment-base .rep-comments .input_comment_container{
    position:relative;
    display:block;
}


.wrapper .art-comment-base .rep-comments .input_comment_container,.comment-bottom .rep-comments .input_comment_container {
	position:relative;
	display:block;
	width:100%;
	min-height: 70px;
	background-color:#fff;
	border-radius: 5px;
	border:1px solid #dcdcdc;
	padding: 10px 15px;
	/* margin-top:-5px; */
}

.wrapper .art-comment-base .rep-comments .input_comment_container .dp,.comment-bottom .rep-comments .input_comment_container .dp{
	position:relative;
	display:inline-block;
	width: 50px;
	height: 50px;
	overflow:hidden;
	/* margin:6px 0px 6px 5px;  */
	border-radius:24px;
	text-align:center;
	vertical-align: top;
}

.wrapper .art-comment-base .rep-comments .input_comment_container .dp i,.comment-bottom .rep-comments .dp{
	font-size:50px;
	color:#e5e5e5;
	margin-top: 1px;
}

.wrapper .art-comment-base .rep-comments .input_comment_container .input_comment,.comment-bottom .rep-comments  .input_comment{
	position:relative;
	display:inline-block;
	/* width:calc(100% - 210px); */
	width: 100%;
	font-size:14px;
	color:#383838;
	margin-top:13px;
	padding-left: 65px;
	padding-right: 100px;
	cursor: text;
	padding-bottom:8px;
}

.wrapper .art-comment-base .rep-comments .input_comment_container .input_comment .comment_emoji,.comment-bottom .rep-comments  .input_comment .comment_emoji {
position:relative;
display: inline-block;
width:20px;
height:20px;
margin-left:2px;
margin-right:2px;
padding-bottom:2px;
}


.wrapper .art-comment-base .rep-comments .input_comment_container .input_comment:focus,.comment-bottom .rep-comments  .input_comment:focus{
outline:0;
}


.wrapper .art-comment-base .rep-comments .input_comment_container button,.comment-bottom .rep-comments  buttont{
position:relative;
display:inline-block;
width:90px;
height:32px;
font-size:14px;
font-family:'Lato',sans-serif;
font-weight:bold;
border:1px solid #ff6e40;
border-radius:3px;
box-sizing:border-box;
color:#ff6e40;
margin-top:14px;
vertical-align: top;
background-color:transparent;
}

.wrapper .art-comment-base .rep-comments .input_comment_container button:hover,.comment-bottom .rep-comments  buttont:hover{
color:#fff;
background-color:#ff6e40;
}

.wrapper .art-comment-base .rep-comments .input_comment_container .emoji_toggle,.comment-bottom .rep-comments  .emoji_toggle{
	position:absolute; /* relative */
	display:inline-block;
	width:25px;
	height:25px;
	padding:0;
	font-size:25px;
	background-color:transparent;
	color:#FF6E40;
	margin-right:5px;
	border:none;
	vertical-align: top;
	opacity:0.5;
	margin-top: 12px;
	right: 75px;
	top: 10px;
}

.wrapper .art-comment-base .rep-comments .input_comment_container .emoji_toggle img,.comment-bottom .rep-comments  .emoji_toggle img{
position: absolute;
display: block;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:100%;
}

.wrapper .art-comment-base .rep-comments .input_comment_container .emoji_toggle:focus,.comment-bottom .rep-comments  .emoji_toggle:focus{
border:0px;
outline:none;
}

.wrapper .art-comment-base .rep-comments .input_comment_container .emoji_toggle:hover,.comment-bottom .rep-comments  .emoji_toggle:hover{
    background-color:transparent;
    opacity:0.8;
}

@media(max-width:768px){
    .wrapper .art-comment-base{
      /*   padding:20px; */
        padding-top:0px;
    }
	.rep-comments .input_comment_container .input_comment{
		width:calc(100% - 170px);
	}
	.comment-bottom  .rep-comments .input_comment_container .input_comment{
		width: 100%;
	}
	.rep-comments .input_comment_container button{
	width:60px;
	font-size:10px;
	}
	.wrapper .art-comment-base .rep-comments .input_comment_container .dp,.comment-bottom .rep-comments .input_comment_container .dp{
		width: 45px;
		height: 45px;
	}
	.wrapper .art-comment-base .rep-comments .input_comment_container .dp i,.comment-bottom .rep-comments .input_comment_container .dp i{
		font-size: 45px;
	}
}

@media(max-width:500px){
    .wrapper .art-comment-base .rep-comments .emoji-container{
        transform:translateY(8px);
    }
    .wrapper .art-comment-base .rep-comments .emoji-container emoji_elements{
	width:33px;
	height:33px;
        margin-right:1px;
	}
}

@media(max-width:400px){
    .wrapper .art-comment-base .rep-comments .input_comment_container .dp i{
        font-size:40px;
    }
    .wrapper .art-comment-base .rep-comments .input_comment_container .input_comment{
	/* width:calc(100% - 70px); */
	font-size:12px;
	/* margin-bottom:40px; */
	padding-bottom: 0px;
	}
	.wrapper .art-comment-base .rep-comments .input_comment_container .emoji_toggle{
	/* position: absolute;
	display:block;
	bottom:5px;
	right:70px;
    width:25px;
    height:25px; */
	}
	.wrapper .art-comment-base .rep-comments .input_comment_container button{
	position: absolute;
	display: block;
	bottom:5px;
	right:5px;
	width:60px;
    height:25px;
	font-size:10px;
	}
}

.wrapper .art-comment-base .comments_container{

}


.comments_container{
position:relative;
display:block;
width:100%;
height:auto;
/* padding-bottom:10px; */
margin-left:auto;
margin-right: auto;
border-radius: 5px;
}

.comments_container comments{
	position:relative;
	display:block;
	width: 100%;
	height:auto;
	clear: both;
	/* margin:1% auto 1% auto; */
	padding: 20px  0;
	border-bottom:1px solid #f3f3f3;
}
.comments_container comments:last-child{
	border-bottom: 0;
}

.comments_container comments .main_comments dp, .comments_container comments .sub_comments_container .sub_comments dp{
	position:relative;
	display:inline-block;
	width: 60px;
	height: 60px;
	overflow:hidden;
	/* margin:5px 0px 5px 5px; */
	border-radius: 100%;
	text-align:center;
	background-color:white;
	border:1px solid #f3f3f3;
	vertical-align: middle;
}

.comments_container comments .main_comments dp img, .comments_container comments .sub_comments_container .sub_comments dp img{
position:absolute;
display: block;
width:100%;
top: 50%;
left:50%;
transform: translate(-50%,-50%);
}

.comments_container comments .main_comments .comment, .comments_container comments .sub_comments_container .sub_comments .comment{
	position:relative;
	display:inline-block;
	/* width:calc(100% - 60px); */
	width: 100%;
	height:auto;
	font-size:14px;
	margin-top:5px;
	margin-left:15px;
	vertical-align: top;
}
	.my-comment{
		position: relative;
	}
	.comments_container comments .my-comment .comment, .comments_container comments .sub_comments_container .sub_comments .comment{
		width: 100%;
		padding-left: 80px;
		padding-right: 10px;
		margin-left: 0;
	}
	.comments_container comments .my-comment dp{
		position: absolute;
		top: 5px;
	}
.comments_container comments .main_comments .comment message span,
.comments_container comments .sub_comments_container .sub_comments .comment span{
font-weight: bold;
font-size:15px;
}


.comments_container comments .main_comments .comment .button_container, .comments_container comments .sub_comments_container .sub_comments .button_container{
position:relative;
display:block;
width:100%;
height:auto;
font-size:14px;
cursor: default;
}

.comments_container comments .main_comments .comment .button_container span,
.comments_container comments .sub_comments_container .sub_comments .button_container span{
font-weight:normal;
cursor:pointer;
}


.comments_container comments .main_comments .comment .button_container span1, .comments_container comments .sub_comments_container .sub_comments .button_container span1{
display:inline-block;
margin-left:2px;
margin-right:2px;
transform: translateY(-4px);
}

.comments_container comments .main_comments .comment .button_container .heart-circle, .comments_container comments .sub_comments_container .sub_comments .comment .button_container .heart-circle{
position: relative;
display:inline-block;
width:15px;
height:15px;
margin-right:1px;
margin-left:1px;
margin-top:3px;
vertical-align: top;
}

.comments_container comments .main_comments .comment .button_container span2, .comments_container comments .sub_comments_container .sub_comments .button_container span2{
display:inline-block;
margin-left:1px;
}

.comments_container comments .main_comments .comment .button_container span3, .comments_container comments .sub_comments_container .sub_comments .button_container span3{
font-weight: normal;
cursor: default;
}

.comments_container comments .main_comments .comment .button_container a, .comments_container comments .sub_comments_container .sub_comments .button_container a{
color:#FF6E40;
cursor:pointer;
}
	.comments_container comments .my-comment .comment .button_container a, .comments_container comments .sub_comments_container .sub_comments .comment  .button_container a{
			color: #a9a9a9;
			margin-right: 20px;
	}
	.comments_container comments .my-comment .comment .button_container a span,.sub_comments .comment a span{
		margin-right: 5px;
		vertical-align: middle;
		font-size: 16px;
	}
	.comments_container comments .my-comment .comment .button_container a  .icon-command{
		vertical-align: middle;
		font-size: 15px;
	}
	.comments_container comments .my-comment .comment .button_container a span .liked,.comments_container comments .sub_comments_container .sub_comments .comment  .button_container a span .liked{
		color: #ff6e40;
	}
	.comments_container comments .my-comment .comment .button_container span3{
		font-size: 16px;
	}

.comments_container comments .sub_comments_container{
position:relative;
display:block;
clear: both;
width:calc(100% - 25px);
margin-top:1%;
height: auto;
margin-left:25px;
/* border-left:3px #FF6E40 solid; */
}

.comments_container comments .sub_comments_container .sub_comments{
	position:relative;
	display:block;
	height:auto;
	width:100%;
	padding: 10px 0;
	border-top: 1px solid #f3f3f3;
}

	.comments_container comments .sub_comments_container rep_sub_comments{
		position: relative;
		display: block;
		height:auto;
		border:1px solid #ccc;
		border-radius: 5px;
		margin-left:5px;
		padding:10px;
	}

	.comments_container comments .sub_comments_container rep_sub_comments .content_container{
	/* 	position:relative; */
		display:block;
		width:100%;
		height:auto;
	}

	.comments_container comments .sub_comments_container rep_sub_comments .content_container dp{
		position:relative;
		display:inline-block;
		width:40px;
		height:40px;
		overflow:hidden;
	/* 	margin:5px 0 5px 5px; */
		border-radius:24px;
		text-align:center;
		background-color:white;
		border:1px solid #f3f3f3;
		vertical-align: top;
	}
	.sub_comments_container .com-send{
		margin-top: 6px;
	}

.comments_container comments .sub_comments_container rep_sub_comments .content_container dp img{
position:absolute;
display: block;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:100%;
}

	.comments_container comments .sub_comments_container rep_sub_comments .content_container div{
	position: relative;
	display: inline-block;
	/* width:calc(100% - 165px); */
	width: 100%;
	/* margin-left:5px; */
	vertical-align: top;
	font-size:14px;
	margin-top:5px;
	padding-bottom:10px;
	padding-left: 55px;
	}
	.comments_container comments .my-sub-comment rep_sub_comments .content_container div{
		padding-right: 65px;
	}

.comments_container comments .sub_comments_container rep_sub_comments .content_container div:focus{
outline:0;
}

.comments_container comments .sub_comments_container rep_sub_comments .content_container button{
position:relative;
display: inline-block;
width:90px;
height:30px;
background-color:#fff;
color:#ff6e40;
border:1px solid #ff6e40;
margin-top:13px;
margin-right:5px;
border-radius:3px;
}

@media(max-width:768px){
    .comments_container comments .sub_comments_container rep_sub_comments .content_container div{
	width:calc(100% - 125px);
	}
	.comments_container comments .sub_comments_container rep_sub_comments .content_container button{
	width:60px;
	font-size:10px;
	}
}

@media(max-width:400px){
    .comments_container comments .sub_comments_container rep_sub_comments .content_container div{
	width:calc(100% - 65px);
	margin-bottom:40px;
	font-size: 12px;
	padding-bottom: 0px;
	}
	.comments_container comments .sub_comments_container rep_sub_comments .content_container button{
	position: absolute;
	bottom:5px;
	right:5px;
	width:60px;
	font-size:10px;
	}
}

/* custom-css */
	.art-content{
		display: inline-block;
		width: 100%;
		padding: 00px 30px 40px 0px;
		border-right: 1px solid #e5e5e5;
	}
	.art-head {
		width: 73% !important;
		float: left;
	}
	.art_content_header_social,.commit-part{
		width: 27%;
		/* float: left; */
		display: inline-block;
		vertical-align: middle;
	}
	.commit-part{
		text-align: right;
		padding: 10px 0;
	}
	.commit-part .c-comment{
		border: 1px solid #ff6e40;
		width: auto;
		display: inline-block;
		padding: 5px 10px;
		border-radius: 5px;
		color: #ff6e40;
		margin-right: 5px;
		background: transparent;
	}
	.commit-part .c-comment .icon-command{
		font-size: 18px;
		vertical-align: text-top;
	}
	.commit-part .c-comment span{
		padding-left: 10px;
		font-size: 16px;
	}
	.commit-part .bookmark{
		display: inline-block;
		font-size: 32px;
		color: #ff6e40;
		vertical-align: middle;
		cursor: pointer;
	}
	.art-head h2 {
		font: bold 30px 'Lato', sans-serif;
		color: #444;
		margin: 0;
		line-height: 30px;
	}
	.art-head span{
		font: 500 18px 'Lato', sans-serif;
		color: #afafaf;
		margin-top: 15px;
		display: inline-block;
	}
	.art-img{
		background-position: center;
		background-repeat: no-repeat;
		background-size: 100%;
		width: 100%;
		height: 440px;
		display: block;
		clear: both;
	}
	.art_content p{
		font: 500 15px 'Lato', sans-serif;
		margin: 20px 0;
		clear:both;
	}
	.tags{
		width: 100%;
		display: inline-block;
	}
	.list-tag{
		width: 72%;
		display: inline-block;
		vertical-align: middle;
	}
	.list-tag span{
		background: #eaeaea;
		padding: 4px 10px;
		border-radius: 5px;
		font: 400 14px 'Montserrat', sans-serif;
		margin-right: 4px;
		margin-bottom: 5px;
		display: inline-block;
	}
	.f-left{
		float: left;
	}
	.f-right{
		float: right;
	}
	.art-request{
		background: #f5f5f5;
		border: 2px solid #dcdcdc;
		border-radius: 5px;
		padding: 15px;
		margin-top: 30px;
	}
	.art-request .request-msg{
		text-align: center;
		font: 500 24px 'Lato', sans-serif;
		margin: auto;
		width: 80%;
		padding: 15px 0;
		color : #a3a3a3;
	}
	.quotate-btn{
		font-size: 18px;
		font-weight: bold;
		width: auto;
		padding: 14px 20px;
		color: #fff;
		border: 0;
		outline: 0;
		background-color: #FF6E41;
		border-radius: 5px;
		display: inline-block;
		margin-top: 20px;

	}
	.art-foot{
		width: 100%;
		clear: both;
		display: inline-block;
		margin-top: 35px;
		margin-bottom: 10px;
	}
	.prev-art{
		border: 1px solid #ff6e40;
		border-radius: 5px;
		max-width: 330px;
		width: 100%;
		padding: 10px;
		display: inline-block;
	}
	.prev-img,.next-img{
		width: 70px;
		height: 60px;
		border-radius: 3px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		display: inline-block;
		border: 1px solid #f3f3f3;
		vertical-align: middle;
	}
	.next-img{
		border: 1px solid #f67f59;
	}
	.prev-info{
		width: 75%;
		display: inline-block;
		vertical-align: middle;
		padding-left: 5%;
	}
	.next-info{
		width: 75%;
		display: inline-block;
		vertical-align: middle;
		padding-left: 5%;
		cursor: pointer;
	}
	.prev-art p{
		margin: 0;
		font: 400 13px 'Montserrat', sans-serif;
		text-transform: uppercase;
		color: #ff6e40;
		cursor: pointer;
	}
	.prev-art span{
		font: 400 13px 'Montserrat', sans-serif;
		color: #545454;
	}
	.next-art{
		border: 1px solid #ff6e40;
		background: #ff6e40;
		border-radius: 5px;
		max-width: 340px;
		width: 100%;
		padding: 10px;
		display: inline-block;
	}
	.next-art p{
		margin: 0;
		font: 400 13px 'Montserrat', sans-serif;
		text-transform: uppercase;
		color: #ffffff;
	}
	.next-art span{
		font: 400 13px 'Montserrat', sans-serif;
		color: #ffffff;
	}
	.form-control{
		box-shadow: none;
		border: 1px solid #e4e4e4;
	}
	.lead-form-base  form div{
		margin-bottom: 15px;
		position:relative;
	}
	.lead-form-base  form .error {
		position:absolute;
		bottom:-18px;
		color:red;
	}
	form .sub-desc a{
		color: #fff;
	}
	.side-panel .suggest-base  .head-title{
		color: #444444;
		font: bold 18px 'Lato', sans-serif;
		text-align: left
	}
	.main_comments  .comment message span,.sub_comments .comment message span{
		color: #ff6e40 ;
		font: bold 16px 'Lato', sans-serif !important;
		display: inline-block;
	}

	.main_comments  .comment message time,.comment message time{
		float: right;
		color: #a3a3a3;
		font-size: 14px;
	}
	.main_comments  .comment message ,.main_comments  .comment message p,.sub_comments  .comment message p{
		font: 500 15px 'Lato', sans-serif !important;
		color: #333333;
		margin-top: 5px;
	}
	.com-send{
		vertical-align: top;
		margin-top: 12px;
		display: inline-block;
		position: absolute;
		right: 35px;
		top: 10px;
	}
	.com-send i{
		font-size: 25px;
		cursor: pointer;
		color: #d8d8d8;
	}
	.banner_outer {
		position: relative;
	/* 	margin-left: -15px;
		margin-right: -15px; */
		min-height:260px;
		background:url('https://renotalk-honeycomb.s3.ap-southeast-1.amazonaws.com/staticPagePictures/9/556cc9d25e4bfd16786f3e93444f345d.jpeg');
	}

	.banner {
		width: 100%;
		max-height: 300px;/* 335 */
		height: 100%;
		position: relative;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		margin-top: 85px;
	}
	.banner:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-size: contain;
		background-position: center center;
		background-repeat: repeat-x;
		background-color: transparent;
		background-image: url('../img/professionals/dashboard/strip.png');
		z-index: 0;
	}
	.logo-info {
		position: absolute;
		bottom: 0;
		padding-bottom: 15px;
		width: 100%;
		left: 0;
		display: table;
	}
	.logo-info .container {
		position: relative;
	}
	.new-container {
		max-width: 1310px;
		width: 100%;
	}
	.logo-outer {
		display: inline-block;
		vertical-align: middle;
		width: 90px;
		/* float: left; */
	}
	.cont-logo {
		/* float: left; */
		width: 90px;
		height: 90px;
		background-color: #fff;
		border-radius: 50%;
		/* padding: 30px 15px; */
		border: 4px solid #cccccc;
		margin-right: 25px;
		display: inline-block;
		text-align: center;
		position: relative;
		cursor: pointer;
		background-image: url(../../img/professionals/dashboard/default.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	.update_logo {
		position: absolute;
		top: -15px;
		left: 50%;
		width: 30px;
		height: 30px;
		margin-left: -15px;
		background-color: #0000004d;
		color: #fff;
		text-align: center;
		border-radius: 50%;
		padding-top: 7px;
		overflow: hidden;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		display: table;
		opacity: 0;
		transition: opacity .5s ease;
		-webkit-transition: opacity .5s ease;
		-moz-transition: opacity .5s ease;
		-o-transition: opacity .5s ease;
	}
	.cont-logo .update_logo i {
		font-size: 30px;
		vertical-align: middle;
		display: inline-block;
		padding-bottom: 5px;
	}
	.wd-info {
		color: #fff;
		/* float: left; */
		font-family: 'Montserrat', sans-serif;
		display: inline-block;
		vertical-align: middle;
		padding:10px;
		max-width: 550px;
		background:url(../img/transparent.png);
	}
	.wd-info h2 {
		margin-bottom: 0;
		margin-top: 0;
		font-weight: 500;
		font-size: 30px;
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		color:#fff;
	}
	.wd-info h2 a {
		color:#fff;
	}
	.wd-info h3 {
		margin-bottom: 0;
		margin-top: 0;
		font-weight: 500;
		font-size: 30px;
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		color:#fff;
	}
	.wd-info h3 a {
		color:#fff;
	}
	.banner_outer .wd-info .check-status{
		display: none;
	}
	.wd-info p {
		color: #fe855f;
		font-size: 15px;
		font-weight: 500;
		margin-bottom: 5px;
	}
	.wd-info .follow-div{
		display: none;
	}
	.wd-info span {
		border-right: 1px solid #fff;
		margin-right: 15px;
		padding-right: 15px;
		font-size: 14px;
		font-weight: 400;
		color: #959595;
		color: #fff;
		text-transform: lowercase;
	}
	.btn .icon-question-mark {
		margin-right: 10px;
		vertical-align: middle;
	}
	.banner_btns {
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		font-size: 13px;
		display: inline-block;
		vertical-align: bottom;
		width: 30%;
		text-align: right;
		white-space: nowrap;
		padding-top:50px;
		float:right;
	}
	.banner_btns .btn.follow-btn {
		background-color: transparent;
		border: 1px solid #fff;
	}
	.banner_btns .btn {
		color: #fff;
		margin-left: 8px;
		background-color: #ff6e40;
		position: relative;
		border-radius: 5px;
		border: 1px solid #ff6e40;
		line-height: 19px;
		padding: 6px 13px;
		/* padding-top: 6px;
		padding-top: 6px;
		text-transform: uppercase;
		font-weight: 500; */
	}
	.wd-info span:last-child {
		border-right: 0;
	}
	#content.article-new-content{
		padding-top: 0;
	}
	.bordered_listing .professional-name{
		font-size: 24px;
		line-height: 24px;
		color: #444;
		font-weight: 600 ;
	}
/* custom-css-end */

/* custom-responsive */
	@media(max-width:992px){
		.commit-part{
			padding: 0;
			float:right;
			width: auto;
		}
		.bordered_listing .professional-name{
			font-size: 22px;
			line-height: 22px;
		}

	}
	@media(min-width:769px) and (max-width:991px){
		.banner_btns{
			padding-top: 10px;
			width: 19%;
		}
		.banner_btns .btn{
			display: block;
			margin-bottom: 15px;
		}
		.wd-info{
			width: 68%;
		}

		.wrapper .side-panel .lead-form-base{
			width: 50%;
			float:left;
		}
		.comments_container comments{
			padding: 15px 0;
		}

	}
	@media(max-width:768px){
		.logo-info {
			padding-bottom: 15px;
			padding-top: 20px;
			margin-top: 0;
		}
		.logo-info .cont-logo{
			width: 120px;
			height: 120px;
			margin-right: 15px;
			border: 2px solid #cccccc;
		    margin-right: 0;
			padding:0;
		}
		.wd-info span:last-child{
			margin-right: 0;
		}
		.logo-info .wd-info{
			max-width: 370px;
			padding:10px;
		}
		.banner_btns{
			width: 23%;
			padding-top: 0px;
		}
		.banner_btns .btn{
			display: block;
			font-size: 13px;
			padding: 5px 13px;
			margin-bottom: 0;
		}
		.banner_btns .btn:last-child{
			margin-top: 5px;
			margin-right: 0;
		}
		/* .banner_btns {
			display: block;
			width: 100%;
			margin-top: 0;
			clear: both;
			padding-top: 5px;
			margin-bottom: 10px;
		} */
		.wd-info h2 {
			font-size: 24px;
		}
		.wd-info p{
			font-size: 13px;
			margin-bottom:0;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			line-height: 25px;
		}
		.wd-info span{
			font-size: 13px;
		}
		/* .banner_btns {
			display: block;
			width: 100%;
			margin-top: 0;
			clear: both;
			padding-top: 5px;
			margin-bottom: 10px;
			text-align: center;
		} */
		.banner_btns div{
			text-align: center;
		}
		/* .banner_btns .btn.follow-btn {
			border: 1px solid #ff6e40;
			color: #ff6e40;
		} */
		.comments_container comments{
			padding: 10px 0;
		}
		.wrapper .side-panel .lead-form-base{
			max-width: 500px;
			width: 100%;
			display: block;
			margin: auto;
			float:none;
		}
		.art-request{
			margin-top: 15px;
		}
		.art-request .request-msg{
			font: 500 20px 'Lato', sans-serif;
		}
		.quotate-btn{
			font-size: 16px;
			margin-top: 10px;
			padding: 10px 20px;
		}
	}
	@media(max-width:640px){
		.logo-outer {
			display: block;
			width: 100%;
			text-align: center;
			margin-bottom: 10px;
		}
		.logo-info{
			/* background-color: #fc06064d; */
			top: 50%;
			transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			vertical-align: middle;
		}
		.cont-logo {
			margin-right: 0;
		}
		.logo-info .wd-info {
			display: block;
			width: 100%;
			max-width: 280px;
			text-align: center;
			margin-bottom: 10px;
			padding:10px;
			margin: auto;
		}
		.wd-info h2 {
			font-size: 22px;
		}
		.logo-info .wd-info h3 {
			font-size:18px;
			margin: 0px;
		}
		.banner_outer .wd-info h2{
			
			width: 100%;
			max-width: 250px;
		}
		.wd-info .check-status .verified{
			margin-right: 0;
			padding: 2px 5px;
		}
		.banner_outer .wd-info p,.banner_outer .wd-info .follow-div{
			display: none;
		}
		.banner_outer .wd-info  .check-status {
			display: inline-block;
			float: right;
		}
		.banner_btns{
			padding-top: 10px;
			display: block;
			width: 100%;
			float: none;
			text-align: center;
			margin-top: 0;
			clear: both;
		}
		.banner_btns .btn{
			padding: 5px 13px;
			font-size: 13px;
			margin-left: 0;
			margin-right: 20px;
		}
		.art-head h2{
			font: bold 18px 'Lato', sans-serif;
			line-height: 20px;
		}
		.art-head span{
			font: 500 16px 'Lato', sans-serif;
			margin-top: 5px;
		}
		.share_icon{
			width: 30px;
			height: 30px;
		}
		.share_icon i{
			font-size: 18px;
		}
		.art-img{
			height: 160px;
		}
		.prev-img, .next-img{
			max-width: 50px;
			width: 100%;
			height: 50px;
			margin: auto;
		}
		.prev-art span,.next-art span{
			font-size: 12px;
		}
		.wrapper .art-comment-base .rep-comments .input_comment_container{
			padding: 10px;
			min-height: 60px;
		}
		.wrapper .art-comment-base .rep-comments .input_comment_container .dp{
			width: 35px;
			height: 35px;
		}
		.wrapper .art-comment-base .rep-comments .input_comment_container .dp i{
			font-size: 35px;
		}
		.com-send{
			margin-top: 10px;
			right: 10px;
		}
		.com-send i{
			font-size: 20px;
		}
		.wrapper .art-comment-base .rep-comments .input_comment_container .input_comment{
			margin-top: 7px;
			padding-left: 50px;
			padding-right: 60px;
		}
		.art.wrapper .art-comment-base .rep-comments .input_comment_container{
			min-height: 60px;
		}
		#article-comments-container  .main_comments dp, .comments_container comments .sub_comments_container .sub_comments dp{
			max-width: 50px;
			height: 50px;
			width: 100%;
			margin: auto;
			display: block;
			position: absolute;
		}
		.comments_container comments .sub_comments_container .sub_comments .comment{
			padding-left: 50px;
			width: 100%;
		}
		.main_comments .comment message span{
			text-align: center;
		}
		.commit-part .c-comment span{
			font-size: 14px;
		}
		.wrapper .art-comment-base .rep-comments .input_comment_container .emoji_toggle{
			margin-top: 8px;
			right: 35px;
			top: 10px;
		}
		.art .rep-comments .input_comment_container .dp{
			top: 11px;
		}
		.comments_container comments .my-comment .comment{
			padding-left: 65px;
		}
		.banner_btns .btn{
			display: inline-block;
		}
		.banner_btns .btn:last-child{
			margin-top: 0px;
		}
		.tags .list-tag{
			width: 100%;
		}
		.art-content .tags .art_content_header_social{
			float: left;
			margin-top: 0;
		}

	}
	@media(max-width:480px){
		.share_icon{
			width: 25px;
			height: 25px;
		}
		.share_icon i{
			font-size: 14px;
		}
		.commit-part{
			display: block;
			width: auto;
			float:right;
			text-align: right;
		}
		.commit-part .c-comment{
			padding:4px 5px;
			margin-right: 3px;
		}
		.commit-part .c-comment span{
			padding-left: 5px;
			line-height: 10px;
			vertical-align: text-top;
		}
		.commit-part .c-comment .icon-command{
			font-size: 14px;
			line-height: 14px;
			/* vertical-align: top;	 */
		}
		.commit-part .bookmark{
			font-size: 26px;
			vertical-align: top;
		}

		.art-request .request-msg{
			font: 500 18px 'Lato', sans-serif;
			width: 100%;
			padding: 10px 0;
		}
		.quotate-btn{
			font-size: 14px;
			padding: 10px 15px;
		}
		.bordered_listing .professional-name{
			font-size: 18px;
			line-height: 18px;
		}
	}
/* custom-responsive-end */


	.wd-info  span.verified,.wd-info  span.not-verified{
			color: #20d620 !important;
			border: 1px solid #20d620;
			padding: 2px 10px;
			border-radius: 3px;
			margin: 0 5px 0 0;
			font-weight:700;
			text-transform: capitalize;
		}
	.update_logo i.icon-camera{
		margin-top:18px;
	}

	.wd-info  span.not-verified{
			color: red !important;
			border: 1px solid red;
		}
/* popup */
	.article-popup{
		padding: 20px;
	}
	.pop-head{
		text-align:center;
		max-width: 300px;
		width: 100%;
		margin: auto;
	}
	img{
		max-width: 100%;
	}
	.letter{
		text-align:center;
	}
	.letter input{
		max-width: 300px;
		width: 100%;
		padding: 10px;
		border-radius: 3px;
		border: 1px solid #ccc;
	}
	.letter button{
		padding: 10px 25px;
		text-transform: uppercase;
		background: #FF6E40;
		border: 0;
		border-radius: 5px;
		color: #fff;
	}
	.conform{
		text-align: center;
		margin-top: 15px;
	}
	.article-popup h3{
		font: 500 26px 'Lato', sans-serif;
		color: #333;
		text-align: center;
	}
	.article-popup p{
		font: 500 18px 'Lato', sans-serif;
		margin: 20px 0;
		text-align: center;
		line-height: 24px;
	}
	#colorbox #cboxContent{
		border:0 !important;
	}
/* popup-end*/

	.wrapper .art-content .null-position{
		position: sticky;
		transform: translateY(0%);
	}
	.art-head .null-position span{
		margin-top: 0;
	}
/* command */
	.art .rep-comments .input_comment_container .dp,.art .sub_comments_container dp,.my-sub-comment .content_container dp,.my-sub-comment .sub_comments dp{
		position: absolute !important;
		top: 9px;
	}
	 .comment-bottom .rep-comments .input_comment{
		 margin-top: 0;
		 padding-bottom: 0;
		 padding-right: 70px;
	 }
	.comment-bottom .rep-comments .input_comment .input_comment-text{
		    padding: 10px;
			background: #ffffff;
			min-height: 40px;
			border-radius: 5px;
		 margin-top: 5px;
	}
	.comment-bottom .rep-comments .pro-comment{
		background-color: #999;
	    border-radius: 0;
	}
/* command-end */

@media (min-width: 1024px) and (max-width:1200px){
	.wrapper .side-panel .suggest-base .sug-art-element .sug-art-image{
		width: 100px;
	}

}
	.inline-block{
		display: inline-block;
		width: 100%;
	}
	.full-border{
		border-bottom: 1px solid #e5e5e5;
		margin-left:-30px;
		margin-right:-30px;
		margin-bottom:25px;
	}
	.art .lead-form-base form .dropdown-toggle{
		text-align: left;
	}
	.art .lead-form-base form .dropdown-toggle i{
		float: right;
		margin-top: 3px;
	}
	#content{
		margin-bottom: 40px;
		padding: 0 15px;
	}

	.no-cursor,.no-cursor .cont-logo {
		cursor: default;
	}
@media(max-width:767px){

	.banner{
		max-height: 265px;
		margin-top: 80px;
	}
	.comments_container comments .my-sub-comment .sub_comments .comment{
		padding-left: 60px;
	}
	.comments_container comments .my-sub-comment .sub_comments dp{
		max-width: 50px;
		height: 50px;
	}
	.comments_container comments .my-sub-comment rep_sub_comments .content_container div{
		width: 100%;
	}
}
@media(max-width:640px){
	.comments_container comments .my-sub-comment rep_sub_comments .content_container div{
		padding-right: 30px;
	}
	.loginBtn {
		  float:left;
		width:100%;
		text-align:center;
	}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 640px) {
	.loginBtn {
		  float:left;
		width:100%;
		text-align:center;
	}
}

@media(max-width:480px){
	.logo-info{
			padding-top: 15px;
	}

	.banner{
		/* max-height: 185px; */
		 max-height: 260px;
	}
	.wd-info h2{
		font-size: 18px;
	}
	.wd-info p{
		font-size: 12px;
	}
	.banner_btns .btn {
		padding: 3px 13px;
		font-size: 12px;
	}
	.logo-info .cont-logo{
		width: 50px;
		height: 50px;
		border:1px solid #cccccc;
	}
	.wrapper .side-panel .suggest-base .sug-art-element .sug-art-image{
		width: 105px;
		height: 80px;
	}
	#article-comments-container .main_comments dp{
		max-width: 40px;
		height: 40px;
	}
	#art_comment_container .my-comment .comment{
		padding-left: 50px;
	}
	.comments_container comments .sub_comments_container .sub_comments dp{
		max-width: 40px;
		height: 40px;
	}
	.comments_container comments .sub_comments_container .sub_comments .comment{
		padding-left: 45px;
	}
	.main_comments.my-comment .comment message span{
		font-size: 14px;
	}
	.my-comment .comment message time,.my-sub-comment .comment message time	{
		position: absolute;
		bottom: 5px;
		right:5px;
	}
	.comments_container comments  .my-sub-comment rep_sub_comments .content_container div{
		margin-bottom: 0;
		padding-bottom: 10px;
		width:100%;
		padding-left: 50px;
	}
	[contenteditable="true"]:empty::before{
		font-size: 12px;
	}
	.wrapper .art-comment-base .rep-comments .input_comment_container .input_comment{
		margin-top: 10px;
	}
}

/* Shared */
.loginBtn {

  box-sizing: border-box;
  position: relative;
  /* width: 13em;  - apply for fixed size */
  margin: 5px;
  padding: 10px 10px 10px 40px;
  border: none;
  text-align: left;
  white-space: nowrap;
  border-radius: 0.2em;
  font-size: 12px;
  color: #FFF;
}
.loginBtn:hover {
	cursor:pointer;
}
.loginBtn:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 100%;
}
.loginBtn:focus {
  outline: none;
}
.loginBtn:active {
  box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}


/* Facebook */
.loginBtn--facebook {
  background-color: #4C69BA;
  background-image: linear-gradient(#4C69BA, #3B55A0);
  /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
  text-shadow: 0 -1px 0 #354C8C;
}
.loginBtn--facebook:before {
  border-right: #364e92 1px solid;
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png') 6px 6px no-repeat;
}
.loginBtn--facebook:hover,
.loginBtn--facebook:focus {
  background-color: #5B7BD5;
  background-image: linear-gradient(#5B7BD5, #4864B1);
}


/* Google */
.loginBtn--google {
  /*font-family: "Roboto", Roboto, arial, sans-serif;*/
  background: #DD4B39;
}
.loginBtn--google:before {
  border-right: #BB3F30 1px solid;
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_google.png') 6px 6px no-repeat;
}
.loginBtn--google:hover,
.loginBtn--google:focus {
  background: #E74B37;
}
.card-reading-time {
    font-size: 14px;
    width: 230px;
	color:#333;
}
.card-reading-time:hover {
	color:#333;
}
.card-reading-time a {
	color:#333;
}
#article_rfq_bottom {
	margin-bottom:20px;
}

iframe .drift-frame-chat .drift-widget-chat-layout .drift-widget-chat-bottom .drift-widget-power {
	display:none !important;
}