#form-addblog,.addbloglist{

	padding: 30px 30px;

    filter: drop-shadow(0px 4px 4.5px rgba(0,0,0,0.19));

	background:#fff;

}
.blogname {
    font-size: 16px;
}
#form-addblog .form-group .well-sm{

	margin:0 15px 15px;

}
.comment h5,.comment span i{
color:#fff;
}
.btnread:hover, h3 .btn-primary:hover {
    background: #000 !important;
}
#form-addblog .form-group{

	position: relative;

	margin-bottom: 30px;

    border: 1px solid #e3e3e3;

}

.hide{

	display:none !important;

}

.route-extension-tmd-blogs .extended-container h3{

	margin-bottom:20px;

}

#form-addblog .form-group .form-control{

    border:none !important;

    background: transparent !important;

	border-radius: 0 !important;

    padding: 8px 20px;

	line-height: 24px;

    color: #6c6c6c;

	margin-top: 15px;

	margin-bottom: 10px;

    box-shadow: none;

	font-size:16px;

	max-width:100% !important;

	width:100% !important;

	display:block;

	min-height:50px;

}

.extended-container #form-addblog .form-group{

	overflow:visible;

}

.extended-container #form-addblog .form-group .well-sm{

	margin:0 ;

}

.route-extension-tmd-addblog-edit .note-popover.bottom{

	display:none !important;

}

.input-group-addon, .input-group-btn {

    width: 1%;

    white-space: nowrap;

    vertical-align: middle;

}

.input-group-addon, .input-group-btn, .input-group .form-control {

    display: table-cell;

}

.input-group-addon {

    padding: 8px 13px;

    font-size: 13px;

    font-weight: normal;

    line-height: 1;

    color: #555;

    text-align: center;

    background-color: #eee;

    border: 1px solid #ccc;

    border-radius: 3px;

}

#form-addblog .nav-tabs > li > a{

	border-bottom: 2px solid transparent;

	padding:10px 15px;

}

#form-addblog .htabs li a{

padding:0 5px;

}

#form-addblog .tab-contents .tab-content{

	padding:0px;

	background-color:transparent;

}	

#form-addblog .htabs li{

	margin-left:0;

}

#form-addblog .nav-tabs > li:hover > a:hover,#form-addblog .nav-tabs > li:hover > a:focus,#form-addblog .nav-tabs > li.active > a:hover,#form-addblog .nav-tabs > li.active > a:focus,#form-addblog .nav-tabs > li.active > a{

	color: #000;

    border-bottom: 2px solid #000;

}

.note-editor .btn-default.disabled{

	background-color: rgba(0, 172, 186, 1);

}

#form-addblog .form-group > div{

	width:100% !important;

	display:block;

}

#form-addblog .form-group .input-group .form-control{

	border:1px solid #ccc !important;

	margin:0;

	padding: 0px 10px;

    min-height: auto;

}

.extended-container #form-addblog .form-group .input-group .form-control{

	min-height:40px;

	width:99%;

}

.side-column .backcolor{

	background:transparent !important;

}

.blogpage .boxinput{

	margin:20px 15px;

	width:95%;

}

#form-addblog .input-group-addon{

	min-width: 50px;

    min-height: 32px;

}

#form-addblog .nav-tabs {

    margin-bottom: 40px;

}

#form-addblog .form-group label.control-label{

	z-index: 99999;

    background-color: #fff !important;

    position: absolute;

    left: 34px;

    margin-top: -10px;

    padding: 0 15px;

    display: inline-block;

	font-size: 14px;

	font-weight: 600;

    color: #000;

    text-transform: capitalize;

}

.swiper-viewport{background:none;border:none;box-shadow:none;}

#latestblog1{

	background:#fff;

	box-shadow:0 1px 2px rgba(0,0,0,0.25);

	padding: 20px 20px 0;

    margin: 25px 0 0;

}

#latestblog1 .blog-thumb .image,#relatedblog1 .blog-thumb .image{

	cursor:pointer;

}

#latestblog1 .blog-thumb .caption h4,.detailcategory h4,#relatedblog1 .blog-thumb .caption h4{

	text-align:center;

	text-transform:capitalize;

	font-weight:bold;

	font-size:16px;

	margin:5px 0 0;

}

#latestblog1 .description p,#relatedblog1 .description p{

	margin:0 0 2px;

	text-align:center;

}

#latestblog1 .share,#relatedblog1 .share{

	text-align:center;

}

.blog-thumb{

	margin-bottom:20px;

	position:relative;

    background: #ddd;

}

.blogs1 .blog-thumb{

	min-height:200px;

}

.detailcategory .feedback .feedbackrow{

	float:right;

}

.detailcategory .feedback ul{

	margin-bottom:5px;

}

.detailcategory .feedback,.detailcategory .description{

	display:block;

	padding:0px;

	text-align:center;

}

.detailcategory .social-icons{

	text-align:center;

	margin-bottom:10px;

	clear:both;

}

.detailcategory .description + .padd{

	clear:both;

}

.row.all{

	margin:0 auto !important;

}



.detailcategory .description{

	font-size:16px;

	margin-bottom:5px;

}

.detailcategory .description .btnread{

	display:inline-block;

	margin:0;

	line-height:22px;

	padding:0 5px;

	border-radius:3px;

	text-transform: capitalize;

}

#latestblog1 .blog-thumb .caption h4 a,#relatedblog1 .blog-thumb .caption h4 a{

	color:#000;

	font-weight: bold;

    text-transform: capitalize;

	line-height:25px;

}

.headingmain {

    text-align: left;

    text-transform: uppercase;

    font-size: 22px;

    font-weight: 600;

	color:#212121;

}

.headingmain span {

    color: #757575;

}

#latestblog1 .blog-thumb .dateadded,.blog-thumb .dateadded,#relatedblog1 .blog-thumb .dateadded,.blog-thumb .dateadded{

	text-align:center;

	margin-top: -20px;

}

#latestblog1 .blog-thumb .dateadded i,.blog-thumb .dateadded i,#relatedblog1 .blog-thumb .dateadded i,.blog-thumb .dateadded i{

    text-align: center;

    background: #000;

    color: #fff;

    padding: 3px 10px;

    border-radius: 2px;

}

#latestblog1 .blog-thumb .caption,.blog-thumb .detailcategory,#relatedblog1 .blog-thumb .caption{

	position:absolute;

	margin:10px 0 5px;

	bottom:0;

	background:#fff;

	left: 5px;

    right: 5px;

	padding:4px 1px 0;

}

.share ul li:first-child{

	padding-left:0;

}

.share i{

	margin-right:5px;

}

.img-responsive{

	display: block;

    max-width: 100%;

    height: auto;

}

.feedback i{

	margin-right:5px;

}

#latestblog h4 a, #relatedblog h4 a{font-size:14px;font-weight:600;}



.paddblog{padding:0px;}



#latestblog h1{margin-bottom:50px;font-size:20px;color:#333333;margin-right:100px;text-align:right;text-transform:uppercase;}



#latestblog h1 span{



padding:10px 25px;



border: solid 1px #ccc;



background-color: #fff;



box-shadow:0px 2px 13px -1px rgba(0, 0, 0, 0.4) inset;}



.bordertopblog{



background-image: url('../image/pin2.png');



	background-repeat: no-repeat;



	height:78px;



    position: absolute;



    width: 56px;



	z-index:999;



	margin:-45px 0 0 18px;



}



#latestblog .product-thumb{border:none;}



#latestblog .description p{margin:0;}



#latestblog .description{word-wrap:break-word;}



#latestblog .dateadded{text-decoration:underline;font-size:14px; font-style:italic !important;float:right;}



#latestblog .description{font-size:14px;margin:0 0 5px;padding:0px;}



#latestblog .description a{color:#00bb7b; }



#latestblog .blogcaption:hover  .description a{float:right;color:#fff;}



#tmdblog .dateadded{font-size:16px;; }



#tmdblog .description{word-wrap:break-word;}



#tmdblog .description{word-wrap:break-word;}



#tmdblog h3{margin-left:15px;}



#tmdblog .product-thumb .caption{min-height:auto;}



#tmdblog .product-thumb {padding-bottom:10px;padding-top:10px;}



#post .dateadded{font-size:16px; }



#latestpost{

	padding:0 10px;

}



#latestpost .fa{margin-right:3px;}

.img-thumbnail {

    display: inline-block;

    max-width: 100%;

    height: auto;

    padding: 4px;

    line-height: 1.42857143;

    background-color: #fff;

    border: 1px solid #ddd;

    border-radius: 4px;

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

#latestpost .product-thumb{

		position: relative;

    border: medium none;

	margin-bottom:20px;

    margin-top: 0px; padding:0px 0px 10px 0px;

    overflow: hidden;

    }



#latestpost .feedbackrow{}



#latestpost .description {text-align:justify;}



#latestpost .feedbackrow ul{display:inline-block;padding:0px; margin:0px; list-style:none;}



#latestpost .feedbackrow ul li{

    list-style: outside none none;

    padding: 3px 6px;



    text-align: center;}



	#latestpost .feedbackrow ul li a{



    font-weight:bolder;}

.pd10{

	padding:0 10px !important;

}

.addbloglist #button-filter{

	margin:0 0 20px !important;

}

.well {

    min-height: 20px;

    padding: 19px;

    margin-bottom: 20px;

    background-color: #f5f5f5;

    border: 1px solid #e3e3e3;

    border-radius: 3px;

    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);

    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);

}

.table-bordered {

    border: 1px solid #ddd;

}

.table {

    width: 100%;

    max-width: 100%;

    margin-bottom: 18px;

}

.table-bordered > thead > tr > th,.table-bordered > tbody > tr > th,.table-bordered > tfoot > tr > th,.table-bordered > thead > tr > td,.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > td {

    border: 1px solid #ddd;

}

.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td {

    padding: 8px;

    vertical-align: top;

    border-top: 1px solid #ddd;

}

#form-addblog .nav{

	padding-left: 0;

    list-style: none;

}

#form-addblog .nav-tabs > li {

    float: left;

    margin-bottom: 0px;

	position: relative;

    display: block;

}

#latestpost .feedback ul{margin:0;float: left;}

#comment{padding:0 5px;}

#latestpost .postrow{margin:0px; border-radius:0 0 10px 10px;}



#latestpost .product-list  .listimg{width:100%;padding:0px 2px 10px;margin:0 !important; }



#latestpost h2,#blog-right h2{width:100%;display:block;text-transform:capitalize; padding:10px 10px;  font-size:16px; margin: 0px 0px 10px;}

#latestpost .tagbox h2{

	display:inline-block;

	width:auto;

	margin: 0 !important;

}

#latestpost .tagbox ul{

	margin: 5px 0;

}

.description h2{font-size:16px !important;}



#postfeedback{border: 1px solid #e8e8e8;

    margin: 14px 0px 15px 0px;

    padding: 15px;}

#postfeedback hr::before,.datebox hr::before,#latestpost hr::before{

	content:"" !important;

	background: transparent !important;

}

#postfeedback .commentheadr{ width:100%; display:block;  font-size:16px; margin-top:5px;}



#postfeedback .commentbox{margin-bottom:39px;background: none;



    border: 1px solid #ddd;



    border-radius: 5px;



    padding: 20px;}



#postfeedback .commentbox .inputbox{border: 2px solid #dde2e5; border-radius: 11px; float: right; width: 90%;}



#postfeedback .commentbox2{margin-bottom:14px;}



#postfeedback .commentbox2 .inputbox{border: 2px solid #dde2e5; border-radius: 11px;float: right; width: 90%;margin-bottom:20px;}



#postfeedback .commentbox2 .userpic{display:inline-block; vertical-align:top;  margin-right:5px; margin-top:3px;}



#postfeedback .commentbox3 .userpic{display:inline-block; vertical-align:top;  margin-right:5px; margin-top:3px;}



#postfeedback .commentbox3{display: inline-block;float: right;margin-bottom: 63px;width: 92%;}



#postfeedback .commentbox3 .inputbox2 .form-control{border: 2px solid #cbd3d6;border-radius: 16px;margin-bottom: 6px;}



#postfeedback .commentbox3 .inputbox2 .btn{border-radius:0px; background:url(../image/btn_arw.jpg) no-repeat; border-radius: 0;height: 32px; padding: 7px 21px;width: 46px;padding:7px 21px; border:none; box-shadow:none; margin-top:38px;}



#postfeedback .commentbox3 .inputbox2 ul{list-style:none; margin:0px; padding:0px;}



#postfeedback .commentbox3 .inputbox2 .fab{ font-size: 17px;margin-right: 3px;padding: 3px 4px;}



#postfeedback .commentbox3 .inputbox2 ul li a{}



#postfeedback .commentbox3 .inputbox2{}



#postfeedback .commentbox .inputbox .form-control{border:none; border-radius:8px;}



#postfeedback .commentbox .userpic{display:inline-block; vertical-align:top;  margin-right:5px; margin-top:3px;}



#postfeedback .commentbox .comment{display:inline-block;}



#postfeedback .commentbox .comment .name{font-size: 18px;font-weight: bold; margin-right: 20px; vertical-align: top;margin-bottom:10px;}



#postfeedback .commentbox .comment .time{vertical-align: top;font-size: 15px;}



#postfeedback .commentbox .comment h5{margin-top:0px; margin-bottom:3px;}



#postfeedback .commentbox .comment p{margin:12px 0; font-size:14px;line-height:22px;}



#postfeedback hr{background:rgba(0, 0, 0, 0) linear-gradient(to right, #323232 16%, #e4e8eb 6%) repeat scroll 0 0; border: 0 none; height: 1px;margin-bottom: 15px;margin-top: 0;position: relative;width:100%}





/*Module css*/



.postbox{width:100%;margin-bottom:5px; display:inline-flex; padding:3px;border-bottom:1px solid #ddd;}



.postbox:hover{}



.postbox .userpic{display:inline-block; vertical-align:top;margin-right:3px;}



.postbox .comment{width:100%;display:inline-block;}



.postbox .comment .descp{word-break:break-all; text-align: justify;}



.postbox .comment  a{text-decoration:underline;}



.comment h5{margin:0px 0px 0px 0px; font-size:12px;line-height:16px;}



#blog-right .nav > li > a{padding:10px 10px;font-size:15px;display: block;}

.route-extension-blog .extended-container #container{

	background-color: transparent !important;

}

@media(min-width:1200px){



#blog-right .nav > li > a{padding:10px 4px;font-size:14px;text-transform: capitalize;}



}



#blog-right .nav  li.active > a,#blog-right .nav  > li.active > a:hover, #blog-right .nav  > li.active > a:focus{



	background:#25bce9;



	border-color:#fff ;



	color:#fff;



	border-bottom:none;



	outline:none;



}



#blog-right .nav > li > a{



	background:#fff;



	border-color:#25bce9 ;



	color:#25bce9;



	border-bottom:none;



	font-style:italic;



}



.postright .nav-tabs{border-bottom:2px solid #25bce9;margin: 0;padding: 0;list-style: none;}



#blog-right .nav-tabs > li > a{margin-right:0px;}

#blog-right .nav-tabs > li{

	width:50%;

	text-align:center;

	float: left;

    margin-bottom: -1px;

    position: relative;

    display: block;

	margin-right:0;

}

#blog-right .nav .active a{color:#999;}



#categorysearch{margin-top:10px;}



#categorysearch .owl-wrapper-outer{border:none; border-shadow:none;}



#categorysearch .list-group{padding:38px 15px;}



#categorysearch .form-control{border-radius:9px; border:2px solid #cbd3d6;}



#categorysearch h2{ font-size: 16px;font-weight: bold;padding: 4px 14px 5px; border-radius:0px;}



#categorysearch hr{border-color:#666 -moz-use-text-color -moz-use-text-color !important; margin-bottom:1px !important;margin-top:0px !important; border-width:2px 0px 0px;width:100%}



/*Module css*/



.logoutbox{text-align:center;font-size:18px;padding:20px;}

#loginpop .form-group{

	margin-bottom: 15px;

}

.btn-block{

	width: 100%;

	display: block;

}

#loginpop .lognhead {width:100%;margin-bottom:30px;



    font-size: 25px;

	

	line-height: 30px;



    padding:0 0 15px;



    text-align: center;



	font-style:italic;



	border-bottom:1px solid #ddd;



	}



.margin-email{margin-bottom:10px;display: block;width: 100%;}

.logmain input.form-control{max-width:100%;}

.route-extension-blog .logmain input.form-control{max-width:95%;}

.forgot{font-size:12px;}



#tab-comment .name{ font-size:16px; text-align:center!important;}



#tab-comment .commnettext{font-size:13px; }



#tab-comment .comment{width:100%;border-bottom:1px solid #ccc;padding-bottom:5px;padding-top:5px;clear:both}



.uploaded-images{padding:10px;}



.file{opacity:0;width:30px;cursor:pointer}



.fileimage{position:relative;left:16px;bottom:0px;cursor:pointer;}



.addbuton{margin-bottom:10px;margin-right:10px;}



#imagesrc{display:none}



.active a{background:0px;}

.relatedb{

	clear:both;

}

.swiper-wrapper img{

	margin:0 auto;

}

.userbox{padding:0px;}



.commentbox{padding:0px;}



.comment{padding:0px;}



.comment .name{padding:0px;font-size:14px;font-weight:bold;}



.nav-tabs > li > a{border-radius:0px}



#latestblog .product-thumb .caption,#relatedblog .product-thumb .caption{padding:0px 10px 10px;min-height:120px;}



#latestblog .icons{margin:5px 8px;min-height:20px;}

#latestblog .share ul li .fa{margin-right:3px;}



#latestblog .share{



	float:left;



}



.bg{



	background:#f2f2f2;



	padding:45px 0px 10px;



	border-radius:11px;



}



#latestblog h2{



	font-size:18px;







	color:#fff;



	text-transform:capitalize;



	background:#555;



	border-radius:11px 11px 0px 0px;



	padding:15px 30px;



	margin-top:55px;



	margin-bottom:0px;



}



.share ul{margin:0 0 5px;padding: 0;list-style: none;}

.share ul li{display: inline-block;

    padding-right: 5px;

    padding-left: 5px;}

#latestblog .product-thumb .image{border:none;text-align:center;}



#latestblog .padd1:hover .product-thumb .image img {

	margin: 0 auto;

}



.marminus{

	margin: 0 -15px;

}

.extended-container #blog-right{

    padding: 20px 20px 20px 0;

    width: 220px;

    float: right;

		position: relative;

    z-index: 2;

}

@media only screen and (min-width: 760px){

	.extended-container #blog-right + #content {

	    margin-right: 220px;

		padding:20px 20px 0 20px;

	}

	.extended-container #latestpost #content {

		padding:20px 20px 0 20px;

	}

	.route-extension-tmd-blog .extended-container #latestpost #content {

		padding:20px 20px 0 0px;

	}

}

.list-inline {

    padding-left: 0;

    list-style: none;

}

.social-icons ul{

	margin: 0;

}

.list-inline>li {

    display: inline-block;

}

.marminus .product-list .caption{

	padding: 0 10px;

}

.all .product-list{

	padding: 15px;

	margin-bottom:10px;

}

.detailbox{

	padding:0 10px;

}

#latestblog .padd1:hover .product-thumb{



	box-shadow:45px 22px 21px rgba(255, 255, 255, 1) inset, 0 7px 15px rgba(0, 0, 0, 0.71);



	width:auto;



	height:auto;



	margin-top:-20px;



	margin-bottom:28px;



	padding:10px;



}



.blogcaption {padding:8px 10px !important;min-height:80px;}



.blogcaption:hover {background:#00bb7b;color:#FFF;}



.blogcaption:hover h4 a{color:#FFF !important;}



#latestblog .padd1:nth-child(3):hover,#latestblog .padd1:nth-child(6):hover{



	margin-bottom:2px;



}



#latestblog .padd1:hover{



	padding:0px 5px;



margin-top:20px;



}



#latestblog .product-thumb h4{margin-bottom:5px;}



#latestblog .product-thumb{



	background:#fff;



	border-radius:0px;



	padding:0px;



	border:1px solid #ccc;



	margin:10px 0px;



}

#latestblog .product-thumb.product-wrapper{

	margin-right:20px;

}

#latestblog .bloghover {display:none;}



#latestblog .padd1:hover .product-thumb .bloghover {display:block;position:absolute;top:0;padding:5px 18px 0 5px;}



#latestblog  .padd1:hover .product-thumb .image img{opacity:0.30;}



#latestblog .padd1:hover .product-thumb .bloghover h4 a{



font-size:18px;



background:transparent;



border-radius:0px;



padding:0px;



margin-bottom:15px;



margin-top:0px;



}



#latestblog .padd1:hover .product-thumb .bloghover .description{



font-size:15px;



}



#latestblog .padd1:hover .product-thumb .bloghover .dateadded{



font-size:16px;



color:#171313;



}



/*related blog*/



#relatedblog .product-thumb{border:1px solid #ddd;padding:0px;}



#relatedblog .description{word-wrap:break-word;}



#relatedblog .dateadded{text-decoration:underline;font-size:14px; font-style:italic !important;float:right;}



#relatedblog .description{font-size:13px;line-height:22px;float:left;}



#relatedblog .description a{float:right; }







#relatedblog .share ul li{padding:0 2px;}



#relatedblog .share ul li .fa{margin-right:3px;}



#relatedblog .share{



	float:left;



}



.owl-wrapper-outer{

	background:transparent;

	border:none;

	box-shadow:none;

}



#relatedblog{



	border:none;



	box-shadow:none;



	background:transparent;



border-radius:0px;







}



.bg{



	background:#f2f2f2;



	padding:45px 0px 10px;



	border-radius:11px;



}



#relatedblog h2{



	font-size:18px;



	color:#fff;



	text-transform:capitalize;



	background:#555;



	border-radius:11px 11px 0px 0px;



	padding:15px 30px;



	margin-top:55px;



	margin-bottom:0px;



}

.padd15{

	padding:0 15px;

}



/*related blog*/



@media(max-width:767px){

	#loginpop .lognhead{

		font-size:22px;

	}

	.extended-container #blog-right{

		display: none;

	}

	.marminus .product-list .caption{

		min-height: auto;

	}

	 .feedback ul{

		 float: none !important;

	 }

	#latestblog .product-thumb .caption{min-height:110px;}

	#latestblog .padd1:hover .product-thumb .image img,#relatedblog .padd1:hover .product-thumb .image img{width:auto;height:auto;}

	#latestblog .padd1:hover .product-thumb,#relatedblog .padd1:hover .product-thumb{margin:0;box-shadow:none;padding:0px;}

	#latestblog .padd1:hover,#relatedblog .padd1:hover{

		margin:0 !important;

		padding:0px;

	}

}



@media(max-width:1180px){



	#latestblog .padd1:hover .product-thumb .bloghover h4 a{font-size:14px;}



	#latestblog .padd1:hover .product-thumb .bloghover .description{font-size:13px;}



}



#loginpop{}



#loginpop label{



	font-size:14px; text-align:left;padding:0px;



}



#loginpop button.close{



	background: #c6d5e9 none repeat scroll 0 0;



    border-radius: 50%;



    opacity: 1;



    padding: 6px 7px;



    position: absolute;



    right: -15px;



    top: -15px;

	

	border: 0;

	

	font-size: 24px;



}



#loginpop .logmain{



	padding:0 10px;



}



#loginpop .modal-content{



	padding:40px 40px;



	border-radius:0px;



}

#latestpost h4{

	margin: 10px 0;

}

.backcolor .fa{

	font-size:22px;

}

.datebox{

	background-color: #25bce9;

    border-radius: 50%;

    color: #fff;

    font-size: 12px;

    margin:8px 0 0;

    padding: 2px 0;

    position: absolute;

    left: 25px;

    text-align: center;

    width: 50px;

    z-index:9;

}



#latestpost .all h4{



	font-size: 19px;



    font-weight: 400;



    letter-spacing: 0px;



	cursor:pointer;



	padding-left:11px;



}



#latestpost .all .feedbackrow {margin:0 0 20px;border-bottom:1px solid #ddd;}



#latestpost .all .feedbackrow ul li{background:none;font-size:14px;padding:3px 8px;min-width:auto;}



#latestpost .all .feedbackrow ul li:last-child{border:none;}



#latestpost .all .feedbackrow ul li:first-child{



	border-left:none;



	border-right:1px solid #ddd;



}



#latestpost .all .feedbackrow ul{



	border:none;







}



#latestpost .all .product-list .listimg{



	margin:0 0 20px;



}



#latestpost .description{color:#888;font-size:14px;font-weight:300;line-height:24px;margin:0 0 0px;font-family: arial;display:block;padding:0px;}



.btnread:hover a{color:#fff;}



.btnread:hover{



	background:#23a1d1;



}

.site-wrapper #latestpost #content {

    padding: 0px;

}

.site-wrapper .blogs1 .feedback ul{

	float:none !important;

}

.site-wrapper .blogs1 .social-icons,.site-wrapper .blogs1 .feedback {

    display: block !important;

}

.site-wrapper .blogs1 .description {

    text-align: center !important;

}

#blog-right.side-column{

	padding: 0 0 0 10px;

}

.extended-container #latestpost .product-list .caption .detail{

	margin: 8px 0 0;

}

.icons{

	display:inline-block;

}

h3 .btnread{

	padding:9px 12px;

}

.btnread{



	letter-spacing:2px;



	font-size:14px;



	line-height:35px;



	text-transform:uppercase;



	padding:0px 12px;



	border-radius:0px;



	background:#00a4e4;



	margin:0px 2px 20px 0px;

	color:#fff;



}

#latestpost .social-icons,#latestpost .feedback{

	display:inline-block;

}

.social-icons li .fab{

	background: #ddd none repeat scroll 0 0;

    border-radius: 30px;

    font-size: 16px;

    height: 35px;

    margin: 0 auto !important;

    padding: 1px 12px;

    text-align: center;

    text-transform: uppercase;

    width: 35px;

    line-height:35px;

}



.datebox hr{



	border-top: 1px solid #fff;



    display: block;



    height: 1px;



    width: 40px;



	margin:2px auto



}



.paddleft{padding-left:0px;}



.padd{padding:0px;}



.user{color:#25bce9 ;}



#latestpost .all h4:hover{color:#25bce9 ;}







.effect{



    box-shadow: 0 0 0 2px #25bce9;



    overflow: hidden;



    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;



    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;



    transition: background 0.3s, color 0.3s, box-shadow 0.3s;



}



.effect:after {



    display: none;



}



.effect:hover {



    background: rgba(37,188, 233, 1);



    color:#25bce9;



    box-shadow: 0 0 0 4px rgba(37,188, 233, 0.3);



}



.effect:hover:before {



    -webkit-animation: toRightFromLeft 0.3s forwards;



    -moz-animation: toRightFromLeft 0.3s forwards;



    animation: toRightFromLeft 0.3s forwards;



}



@-webkit-keyframes toRightFromLeft {



    49% {



        -webkit-transform: translate(100%);



    }



    50% {



        opacity: 0;



        -webkit-transform: translate(-100%);



    }



    51% {



        opacity: 1;



    }



}



@-moz-keyframes toRightFromLeft {



    49% {



        -moz-transform: translate(100%);



    }



    50% {



        opacity: 0;



        -moz-transform: translate(-100%);



    }



    51% {



        opacity: 1;



    }



}



@keyframes toRightFromLeft {



    49% {



        transform: translate(100%);



    }



    50% {



        opacity: 0;



        transform: translate(-100%);



    }



    51% {



        opacity: 1;



    }



}



.effect:after {



    top: -7px;



    left: -7px;



    padding: 7px;



    box-shadow: 0 0 0 2px #25bce9;



    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;



    -webkit-transform: scale(.8);



    -moz-transition: -moz-transform 0.2s, opacity 0.2s;



    -moz-transform: scale(.8);



    -ms-transform: scale(.8);



    transition: transform 0.2s, opacity 0.2s;



    transform: scale(.8);



    opacity: 0;



}



.comment .btnread .fa{font-size:22px;margin-right:0 !important;}



.comment .effect:hover{



		box-shadow:0 0 0 2px rgba(37, 188, 233, 1);



		background:rgba(37, 188, 233, 1) none repeat scroll 0 0;



}



.comment .effect{



		box-shadow:0 0 0 2px rgba(255, 255, 255, 1);



}



.comment .btnread{



	padding:0px 0px;



	line-height:15px;



	letter-spacing:0px;



	border-radius:50%;



	background:none;



}



/*.commentpage h2,#tmdcategorysearch h2,.tags h2{



	margin:20px 0px !important;



}*/



#tmdcategorysearch h2{

	margin:20px 0px 0 !important;

}

.extended-container #tmdcategorysearch:first-child h2,.site-wrapper #tmdcategorysearch:first-child h2{

	margin:0px 0px 0 !important;

}

.extended-container #tmdcategorysearch .list-group a{

display: block;

    width: 100%;

    padding: 5px 5px;

	}

#tmdcategorysearch .list-group a.active,#tmdcategorysearch .list-group a.active:hover,#tmdcategorysearch .list-group a:hover{

	background:transparent;

	 color: #444;

	 text-shadow:none;

}

#tmdcategorysearch .list-group a{

	border:none !important;

}

.tags li a:hover,#tmdcategorysearch .list-group a:hover,#tmdcategorysearch .list-group a.active:hover{



	 background-color: #f1f1f1;



    color: #000;



}



.tags li a{



	border: 1px solid #e0e0e0;



    border-radius: 3px;



    color: #999999;



    display: block;



    float: left;



    margin: 0 5px 5px 0;



    padding: 2px 10px;



	line-height:28px;



}



/*.fnav{



	z-index: 20; position: fixed; right: 30px; top: 10px; width: 23%;



}*/



.headtitle{



	 background: #fff none repeat scroll 0 0;



    bottom: 0;



    opacity: 0.8;



    position: absolute;



    width: 100%;



    z-index: 1;



	margin-bottom:0px;



}



.listimg{margin-bottom:20px;position:relative;}

.extended-container .listimg{margin: 0;}

.innerheader{



    margin: 10px 0;



    padding: 10px 0 10px 40px;



}

.listimg a,.blog-thumb a{

	display:block;

}

.blog-thumb .description p a{

	display:inline-block;

}

.blog-thumb .image img{

	margin:0 auto;

}



.innerheader i{



	color:#000;



}



.innerheader h1{



	font-family: "Playfair Display",serif;



    font-size: 25px;



    font-weight: 700;



    line-height: 20px;



    max-height:40px;



    overflow: hidden;



    padding-bottom: 10px;



}



.inner + .innerheader{



	border-left: 1px solid #000;



}



.headtitle li{color:#000;font-size:15px;}



.headtitle .user{font-weight:bold;text-transform:uppercase;font-size:16px;}



.inner{text-align:center;}



.inner img{margin:-35% auto 0;border-radius:90px;border:2px solid #25bce9; vertical-align:baseline;background:#ddd;}

.innerheader .feedbackrow li,.innerheader .feedbackrow ul{

	background:none !important;

	border:none !important;

	font-size:16px;

	color:#000;

}

.feedback li{

	padding-left:0px;

}

.solid {

  position: relative;

}



.solid:after {

  bottom: 0;

  position: absolute;

  content: "";

  width: 100px;

  height: 5px;

  background: green;

  box-shadow: 100px 0 0 0 darkred, 200px 0 0 0 red, 300px 0 0 0 yellow, 400px 0 0 0 tomato;

}







.list-inline{margin-left:1px;}

.socialicon{padding-left:0px;}



@media(max-width:767px){

.btnread{padding:0 10px;}

.headtitle .feedback{display:block;}

.inner + .innerheader{

	border-left:none;

}

#latestpost .social-icons, #latestpost .feedback{

	display:block;

}

.social-icons li{padding:0px;}

.socialicon{margin-bottom:10px;}

 .cleardiv{clear:both}

.blogsociaicon{padding-left:0px;}

.modal-content{min-height:390px;}

.inner img{width:25%;}

#loginpop .modal-content{padding:0px;}

#latestpost .all h4{font-size:22px;}

.innerheader h1{line-height:21px;font-size:20px;margin:0px;padding:0px;}

.datebox{margin-bottom:10px;}

#postfeedback{margin:0 0 14px 0px;}

#postfeedback .commentbox{width:100%;}

.innerheader{text-align: center;margin:0px;padding:0px 0 10px 24px;height:auto;}

.forgot,.margin-email{

	float:none !important;

	margin:0px !important;

	display:block;

}

}

.tag {

  background: #eee;

  border-radius: 3px 0 0 3px;

  color: #333;

  display: inline-block;

  height: 26px;

  line-height: 24px;

  padding: 0 20px 0 23px;

  position: relative;

  margin: 0 10px 10px 0;

  text-decoration: none;

  -webkit-transition: color 0.2s;

}



.tag::before {

  background: #fff;

  border-radius: 10px;

  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);

  content: '';

  height: 6px;

  left: 10px;

  position: absolute;

  width: 6px;

  top: 10px;

}



.tag::after {

  background: #fff;

  border-bottom: 13px solid transparent;

  border-left: 10px solid #eee;

  border-top: 13px solid transparent;

  content: '';

  position: absolute;

  right: 0;

  top: 0;

}

.tagbox h2{

	font-weight:bold;

	float:left;

	padding:4px !important;

}

#blogsearch .fa{

	font-size:15px;

}

#blogsearch .btn-default,#blogsearch .btn-default:hover{

	border-color:#ddd;

	border-radius:0px;

}

#blogsearch .form-control,#blogsearch .form-control:focus{

	border-radius:0px;

	box-shadow:none;

}

#blogsearch{

	padding:15px;

	border:1px solid #ddd;

}

.blogssearch,.postright,.commentpage{

	margin-bottom:20px;

}

.blogssearch h2{

	margin:0px 0px 0 !important;

}

#tmdcategorysearch .submenu{padding-left:25px;}

.route-common-home .site-wrapper .headingmain{

	padding-left:15px !important ;

}

.site-wrapper #latestblog .row > div,.site-wrapper #latestblog1 .row > div  {

    padding-left: 15px;

    padding-right: 15px;

}

.site-wrapper #latestblog1,.site-wrapper #latestblog{

	margin: 25px 15px 0;

}

.tmdreadmore{

	position: relative;

    top: 40px;

    left: 50%;

    border-radius: 0px;

    background: #3DBEEF;

    color: #fff!important;

}

.blogpage{

	padding:0 10px 10px !important;

}

.blogpage #content{

    padding-right: 25px;

}

.alert{

	clear: both;

}

.commenttextbox{

	min-width: 100% !important;

	width: 100% !important;

	max-width: 100% !important;

}

#form-addblog .form-group .control-label{

	max-width:100% !important;

	width: auto;

}

.route-extension-tmd-blogs .tmdcategorysearch h2{

	margin-top:0px !important;

}

.route-extension-tmd-blogs #content hr::before{

	content:'' !important;

	width: 0;

    height: 0;

}

.pad15{

	padding:0 15px !important;

}

#form-addblog .form-group .radio-inline {

	display:inline-block !important;

}

.addbloglist .form-group .control-label {

    width: 100%;

}

.extended-container #latestblog1 .blog-thumb .caption h4,.extended-container .detailcategory h4, #relatedblog1 .blog-thumb .caption h4{

	font-size: 13px;

}

.note-btn-group{

	display:inline-block !important;

}



#latestpost #tmdcategorysearch h2{

	margin-top:0 !important;

}

#relatedblog1.owl-carousel.row{

	margin:0 -15px 20px;

}

.bootstrap-datetimepicker-widget{

	width: 306px;

}

.site-wrapper .addbloglist .col-sm-4{

	padding:0 15px;

}

.site-wrapper .addbloglist .form-group .control-label {

    width: 100%;

    max-width: 100%;

}

.site-wrapper .addbloglist #button-filter {

    margin: 10px 0 2px !important;

}

#latestpost .product-thumb .caption{

	min-height:130px;

	padding:0 5px;

}

