/*：这是演示代码,不是源代码。源码下载唯一地址: http://www.bootstrapmb.com/item/4258(此说明只在演示页面有,不在下载的源码里)*//* ===================== TABLE OF CONTENT =======================更多精品模板请访问：http://www.bootstrapmb.com1.  5 DIFFERENT HOMEPAGES2.  RESET CSS3.  CROSS BROWSER COMPATABILITY4.  SEARCH5.  DROPDOWN MENU6.  RESPONSIVE HEADER7.  SLICK SLIDER 8.  HTML5LIGHTBOX VIDEO PLUGIN9.  POST DETAILS PAGE12. FONT AWESOME FONTS12. LINE AWESOME FONTS================================================================= *//* ================================================================================== 									Fonts===================================================================================== */@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Playfair+Display:400,400i,700,700i,900,900i');/* ================================================================================== 										Reset Css===================================================================================== */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	overflow-x: hidden;    font-family: 'Muli', sans-serif;    line-height: 1;    color: #9c9c9c;    font-size: 15px;    font-weight: 400;    line-height: 22px;}ul {	list-style: none;}a:hover {	text-decoration: none;	color: inherit;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}button {	outline: none;	cursor: pointer;}button:focus {	outline: none;}table {	border-collapse: collapse;	border-spacing: 0;}* {	margin:0;	padding: 0;}a:focus {	text-decoration: none;	outline: none;}button {	outline: none;}input {	outline: none;}textarea {	outline: none;}section {	display: block;	position: relative;}img {	display: inline-block;	margin-bottom: -6px;}p {	font-size: 15px;	line-height: 22px;	color: #83898a;	font-family: 'Lato';}body.no-scroll {	overflow-y: hidden;}.container {	padding: 0;}.sec-padding {	padding: 50px 0;}.p-70 {	padding: 70px 0;}/* ======================== TRANSITION EFFECTS  =========================== */.blog-img:before,.page-img:before,.social-links li a,.social-links li a:before,.social-links li a:after,.blog-img >img,.blog-item:hover .blog-img >img,.page-link,.wd-post >img,.penc-img,.catgs-links li a,.search-page,.sub-menu,.sub-menu li a,.sub-menu li a:before,.side-menu,.menu-list ul li a,.menu-btn >a span,.post-control ul li,.post-control ul li a {	-webkit-transition: all 0.4s linear;	-moz-transition: all 0.4s linear;	-ms-transition: all 0.4s linear;	-o-transition: all 0.4s linear;	transition: all 0.4s linear;}/* ======================== HEADER =========================== */.top-bar {	width: 100%;	border-bottom: 3px solid #181819;	position: relative;}.top-bar .container {	position: relative;}nav {	display: inline-block;}nav ul li {	display: inline-block;	padding: 19px 11px 20px 11px;	position: relative;}nav ul li a {	display: inline-block;	color: #1a191e;	font-size: 11px;	font-weight: 800;	text-transform: uppercase;	letter-spacing: 0.6px;}nav ul li a:hover {	color: #1a191e;}nav ul li:first-child {	padding-left: 0;}.rt-subs {	float: right;	line-height: 58px;}.subscribe-btn {	display: inline-block;	font-size: 11px;	text-transform: uppercase;	font-weight: 800;	letter-spacing: 0.9px;	padding-right: 38px;}.subscribe-btn i {	font-size: 18px;	position: relative;	top: 2px;	padding-right: 6px;}.search-btn {	display: inline-block;	color: #6d6d6d;	font-size: 18px;	position: relative;	top: 2px;}.search-btn:hover {	color: #6d6d6d;}.clearfix {	clear: both;}header {	display: block;	background-color: #ffffff;	position: relative;}.brb {	border-bottom: 1px solid #181819;}.bottom-header {	text-align: center;	padding: 66px 0;}.logo {}.logo >h2 {	font-size: 46px;	color: #181819;	font-weight: 900;	text-transform: uppercase;	line-height: 46px;	margin-top: -7px;	margin-bottom: -6px;}.logo >h2 a {	color: #181819;}/* ======================== BLOG ITEMS =========================== */.blog-items.main .col-lg-4, .blog-items.main .col-lg-8,.main-content >.container >.row >.col-lg-4, .main-content >.container >.row >.col-lg-8 {	padding: 0;	flex: inherit;}.blog-items.main .row,.main-content >.container >.row {	margin: 0;}.blog-items.main .row .col-lg-8,.main-content >.container >.row >.col-lg-8 {	max-width: 820px;	margin-right: 10px;}.blog-items.main .row .col-lg-4 {	max-width: 340px;}.main-content >.container >.row >.col-lg-4 {	max-width: 300px;}.blog-items.main .blog-item.main-style {	margin-bottom: 0;}.blog-items.main .blog-item {	position: relative;	margin-bottom: 10px;}.blog-items.main .blog-item:last-child {	margin-bottom: 0;}.blog-items.main .blog-img {	margin-bottom: 0;}.blog-items.main .post-category {	color: #fff;	font-size: 11px;	text-transform: uppercase;	position: absolute;	top: 35px;	left: 39px;	font-weight: 900;	letter-spacing: 0.6px;	z-index: 99;}.blog-img:before,.page-img:before {	content: '';	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background-color: rgba(42,42,42,0.30);	z-index: 9;	opacity: 0;	visibility: hidden;}.blog-items.main .blog-img:before {	opacity: 1;	visibility: visible;	background-color: rgba(42,42,42,0.60);} .blog-items.main .blog-img >img {	width: 100%;	margin-bottom: -6px;}.blog-items.main .blog-info {	position: absolute;	bottom: 30px;	left: 0;	z-index: 9;	padding: 0 39px;	width: 100%;}.blog-items.main .blog-item.main-style .post-title {	width: 512px;	padding: 26px 30px 28px;	margin-bottom: 24px;	border:1px solid #4a4a45;	font-size: 23px;	line-height: 32px;}.blog-items.main .blog-item.main-style .blog-info {	bottom: 37px;}.blog-items.main .post-title {	color: #fff;	margin-bottom: 0;}.blog-items.main .post-title a {	color: #ffffff;}.met-soc {	float: left;	width: 100%;}.blog-items.main .meta {	float: left;	margin-bottom: 0;}.blog-items.main .meta li,.blog-items.main .meta li a {	color: rgba(255,255,255,0.76);	font-weight: 400;}.blog-items.main .meta li:before {	background-color: #cbcccb;}.blog-items.main .social-links {	float: right;	margin-top: -5px;}.social-links li {	display: inline-block;	margin-right: 8px;}.social-links li a {	display: inline-block;	width: 30px;	height: 30px;	line-height: 30px;	border:1px solid rgba(255,255,255,0.30);	text-align: center;	color: rgba(255,255,255,0.76);	font-size: 14px;	-webkit-border-radius: 100px;	-moz-border-radius: 100px;	-ms-border-radius: 100px;	-o-border-radius: 100px;	border-radius: 100px;	position: relative;	overflow: hidden;	z-index: 1;}.social-links li a:hover {	color: #ffffff;}.social-links li a:hover:before,.social-links li a:hover:after {	opacity: 1;	visibility: visible;	height: 50%;}.social-links li a:before,.social-links li a:after {	content: '';	position: absolute;	left: 0;	width: 100%;	height: 0;	z-index: -1;	opacity: 0;	visibility: hidden;}.social-links li a:before {	top: 0;}.social-links li a:after {	bottom: 0;}.social-links li:last-child {	margin-right: 0;}/* ======================== SECTION TITLE ======================== */.sec-title {	position: relative;	margin-bottom: 24px;	margin-top: -5px;}.sec-title:before {	content: '';	position: absolute;    top: 50%;    left: 0;    width: 100%;    height: 1px;    background-image: linear-gradient(to right, transparent 80%, #818182 15%);    background-size: 10px 100%;    background-repeat: repeat-x;    -webkit-transform: translateY(-50%);    -moz-transform: translateY(-50%);    -ms-transform: translateY(-50%);    -o-transform: translateY(-50%);    transform: translateY(-50%);}.sec-title h3 {	color: #1a191e;	font-size: 15px;	text-transform: uppercase;	font-weight: 900;	position: relative;	display: inline-block;	background-color: #ffffff;	padding-right: 22px;	letter-spacing: 0.9px;}.blog-img {	margin-bottom: 15px;	position: relative;	overflow: hidden;}.blog-img >img {	width: 100%;}.post-title {	font-size: 17px;	line-height: 25px;	color: #1a191e;	font-weight: 900;	margin-bottom: 4px;}.post-title a {	color: #1a191e;}.meta {	margin-bottom: -7px;}.meta li,.meta li a {	display: inline-block;	font-size: 11px;	color: #a1a4a6;	font-weight: 700;	position: relative;	text-transform: uppercase;	letter-spacing: 0.5px;}.meta li i {	padding-right: 7px;}.meta li {	padding: 0 13px;}.meta li:last-child {	padding-right: 0;}.meta li:before {	content: '';	position: absolute;	top: 50%;	right: -3px;	width: 2px;	height: 1px;	background-color: #a1a4a6;	-webkit-transform: translateY(-50%);	-moz-transform: translateY(-50%);	-ms-transform: translateY(-50%);	-o-transform: translateY(-50%);	transform: translateY(-50%);}.meta li:first-child {	padding-left: 0;}.meta li:last-child:before {	display: none;}.nav-tabs {	width: 100%;	float: left;	border:1px solid #181819;	margin-bottom: 40px;}.nav-tabs .nav-item {	float: left;	width: calc(100% / 3);	text-align: center;	margin: 0;}.nav-tabs .nav-item:last-child .nav-link {	margin-left: 1px;}.nav-tabs .nav-link {	color: #1a191e;	font-size: 11px;	font-weight: 700;	text-transform: uppercase;	border:0;	display: inline-block;	width: 100%;	-webkit-border-radius: 0;	-moz-border-radius: 0;	-ms-border-radius: 0;	-o-border-radius: 0;	border-radius: 0;}.nav-tabs .nav-link.active {	background-color: #181819;	color: #fff;	-webkit-border-radius: 0;	-moz-border-radius: 0;	-ms-border-radius: 0;	-o-border-radius: 0;	border-radius: 0;}.blog-info .post-category {	font-size: 11px;	font-weight: 700;	text-transform: uppercase;	letter-spacing: 0.5px;	margin: 3px 0 6px 0;	display: inline-block;}.tab-content .post-title,.blog-items.style2 .post-title {	font-size: 21px;	margin-bottom: 10px;	line-height: 27px;}.tab-content .blog-item,.blog-items.style2 .blog-item {	margin-bottom: 40px;}.mb-20 {	margin-bottom: 20px;}.top-post-section {	position: relative;	padding-bottom: 37px;}.top-post-section:before {	content: '';	position: absolute;    bottom: 0;    left: 0;    width: 100%;    height: 1px;    background-image: linear-gradient(to right, transparent 80%, #818182 15%);    background-size: 10px 100%;    background-repeat: repeat-x;    -webkit-transform: translateY(-50%);    -moz-transform: translateY(-50%);    -ms-transform: translateY(-50%);    -o-transform: translateY(-50%);    transform: translateY(-50%);}.top-post-section .blog-items >.row {	margin: 0;}.top-post-section .blog-items >.row >.col-lg-9 {	max-width: 532px;	flex: inherit;	padding: 0;	margin-right: 40px;}.top-post-section .blog-items >.row >.col-lg-3 {	max-width: 248px;	flex: inherit;	padding: 0;}.top-post-section .blog-item.lrg {	margin-bottom: 0;}.top-post-section .blog-item.lrg .post-title {	font-size: 21px;	line-height: 27px;	font-weight: 900;	margin-bottom: 16px;}.top-post-section .blog-item.lrg .blog-info >.meta {	margin-bottom: 13px;}.top-post-section .blog-item.lrg .blog-img {	margin-bottom: 21px;}.top-post-section .blog-item.lrg .post-category {	margin: 0;}.top-post-section .blog-item {	margin-bottom: 36px;}.top-post-section .blog-item:last-child {	margin-bottom: 0;}.top-post-section .blog-item .post-title {	font-size: 15px;	line-height: 20px;	margin-bottom: 6px;}.blog-item:hover .blog-img >img {	filter: grayscale(100%);	-webkit-transform: scale(1.1);	-moz-transform: scale(1.1);	-ms-transform: scale(1.1);	-o-transform: scale(1.1);	transform: scale(1.1);}.blog-item:hover .blog-img:before {	opacity: 1;	visibility: visible;}.blog-items.style2.sec-padding {	padding: 45px 0 11px 0;} .no-overlay:before {	display: none;}.blog-items.style2.sec-padding2 {	padding: 50px 0 0 0;}.heeney-pagination {	margin: 6px 0 0 0;}.page-item {	padding: 0;	margin-right: 12px;}.page-item.active .page-link,.page-item .page-link:hover {	border-color: transparent;	color: #fff;}.page-link {	width: 40px;	height: 40px;	line-height: 40px;	border:1px solid #e5e5e5;	text-align: center;	color: #1a191e;	font-size: 11px;	font-weight: 700;	padding: 0;	letter-spacing: 0;	margin: 0;	-webkit-border-radius: 100px;	-moz-border-radius: 100px;	-ms-border-radius: 100px;	-o-border-radius: 100px;	border-radius: 100px;}.page-item:first-child .page-link,.page-item:last-child .page-link {	-webkit-border-radius: 100px;	-moz-border-radius: 100px;	-ms-border-radius: 100px;	-o-border-radius: 100px;	border-radius: 100px;}/* ======================= SIDEBAR ======================= */.widget {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;	padding: 26px 29px 29px;	position: relative;	border:1px solid #e7eaeb;	margin-bottom: 45px;}.sidebar .widget:last-child {	margin-bottom: 0;}.widget-title {	color: #1a191e;	font-size: 13px;	font-weight: 900;	text-transform: uppercase;	background-color: #fff;	background-color: #fff;	display: inline-block;	position: absolute;	top: -11px;	padding: 0 10px;	left: 21px;}.main-content .row .col-lg-8.mgr-50 {	margin-right: 50px;}.pb-30 {	padding-bottom: 30px;}.wd-post {	display: table;	margin-bottom: 15px;}.wd-post:last-child {	margin-bottom: 0;}.wd-post >img {	display: table-cell;	width: 83px;	float: left;	margin-bottom: 0;	overflow: hidden;}.wd-post:hover >img {	filter: grayscale(100%);}.wd-post-info {	display: table-cell;	width: 100%;	vertical-align: top;	padding-left: 13px;}.wd-post-info >.post-title {	font-size: 13px;	line-height: 18px;	margin-bottom: 2px;	letter-spacing: -0.2px;}.post-date {	display: inline-block;	color: #a1a4a6;	font-size: 11px;	font-weight: 700;	text-transform: uppercase;	letter-spacing: 0.5px;}/* ==================== WIDGET SOCIAL LINKS ================= */.widget-social-links ul {	margin-bottom: -6px;	margin-top: 2px;}.widget-social-links li {	display: inline-block;	text-align: center;	border-right: 1px solid #f5f5f5;	padding: 0 15px;	margin-right: -3px;}.widget-social-links li:first-child {	padding-left: 0;}.widget-social-links li:last-child {	border-right: 0;	padding-right: 0;}.widget-social-links li a {	font-size: 18px;	display: block;	margin-bottom: 11px;}.widget-social-links li h4 {	color: #262626;	font-size: 13px;	font-weight: 900;	margin-bottom: -2px;}.widget-social-links li span {	display: block;	color: #a5a5a5;	font-size: 13px;}.facebook {	color: #4867aa;}.twitter {	color: #1da1f2;}.pinterest {	color: #ca0034;}/* ===================== WIDGET-SUBSRIBE ====================== */.subscribe-wd {	border:2px solid #181819;	padding: 32px 29px 34px;	position: relative;	overflow: hidden;}.subscribe-wd:hover .penc-img {	right: -55px;}.subscribe-wd .widget-title {	position: static;	padding: 0;	font-size: 17px;	text-transform: capitalize;	margin-bottom: 14px;}.subscribe-wd form {	position: relative;}.subscribe-wd form input {	width: 100%;	color: #a5a5a5;	font-size: 13px;	padding: 0 16px;	height: 38px;	line-height: 38px;	font-family: 'Lato';	border:1px solid #e1e1e1;}.subscribe-wd form button {	position: absolute;	top: 0;	right: 0;	background-color: #181819;	color: #fff;	font-size: 15px;	border:0;	height: 100%;	width: 40px;}.penc-img {	position: absolute;	top: -8px;	right: -2px;}/* ===================== WIDGET RECENT POSTS ====================== */.widget-recent-post {	padding: 35px 29px 19px;}.post-slide >img {	width: 100%;}.slick-slide {	outline: none;}.slick-dots {	bottom: -23px;}.slick-dots li {	margin: 0 5px 0 0;}.slick-dots li:last-child {	margin-right: 0;}.slick-dots li button {	width: 6px;	height: 6px;	background-color: #dcdcdc;}.slick-dots li.slick-active button {	background-color: #181819;}/* ===================== ADVERTISEMENT BANNER ====================== */.widget-adver {	border:0;	padding: 0 29px;}.widget-adver >img {	width: 100%;}/* ===================== CATEGORIES LINKS ====================== */.catgs-links {	margin-top: -7px;	margin-bottom: -16px;}.catgs-links li {	display: block;	padding: 0 20px;	position: relative;}.catgs-links li:last-child a {	border-bottom: 0;}.catgs-links li:before {	content: '';	position: absolute;	top: 50%;	left: 0;	width: 3px;	height: 3px;	background-color: #262626;	-webkit-transform: translateY(-50%);	-moz-transform: translateY(-50%);	-ms-transform: translateY(-50%);	-o-transform: translateY(-50%);	transform: translateY(-50%);	-webkit-border-radius: 100px;	-moz-border-radius: 100px;	-ms-border-radius: 100px;	-o-border-radius: 100px;	border-radius: 100px;}.catgs-links li a {	display: block;	color: #757479;	font-weight: 700;	text-transform: uppercase;	font-size: 11px;	letter-spacing: 0.7px;	border-bottom: 1px solid #e6e6e6;	padding: 9px 0;}.catgs-links li a:hover {	padding-left: 10px;}/* ===================== WIDGET-FB ====================== */.widget-fb {	padding: 0;	border:0;	background-color: #f7f7f7;}.page-img {	position: relative;}.page-img:before {	opacity: 1;	visibility: visible;}.page-img >img {	width: 100%;}.page-hd {	position: absolute;	top: 14px;	left: 20px;	z-index: 99;}.page-hd >h3 {	color: #ffffff;	font-size: 16px;	font-weight: 900;	letter-spacing: 1.8px;	text-transform: uppercase;}.page-hd >span {	color: rgba(255,255,255,0.50);	font-size: 11px;	text-transform: uppercase;	letter-spacing: 0.7px;}.fb-opts {	position: absolute;	bottom: 15px;	left: 0;	z-index: 99;	padding: 0 20px;	width: 100%;}.fb-opts li:first-child {	float: left;}.fb-opts li:last-child {	float: right;}.fb-opts li a {	color: #1a191e;	font-size: 11px;	font-weight: 700;	background-color: #ffffff;	text-transform: capitalize;	height: 25px;	line-height: 25px;	padding: 0 10px;	display: inline-block;}.fb-opts li a i {	font-size: 13.54px;	color: #3b5998;	margin-right: 4px;	position: relative;	top: 1px;}.post-imgs {	background-color: #ffffff;	padding: 15px 10px;	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.15);	-ms-box-shadow: 0 0 10px rgba(0,0,0,0.15);	-o-box-shadow: 0 0 10px rgba(0,0,0,0.15);	box-shadow: 0 0 10px rgba(0,0,0,0.15);}.post-imgs >h5 {	color: #a5a5a5;	font-size: 12px;	font-family: 'Lato';	margin-bottom: 3px;	margin-top: -7px;}.post-mgs {	padding: 15px;}.post-imgs >ul li {	float: left;	width: calc(100% / 6);}.post-imgs >ul li img {	width: 100%;	padding-right: 5px;}.post-imgs >ul li:last-child {	margin-right: 0;}/* ===================== SMALLER POSTS ====================== */.smaller-post .blog-img {	display: table-cell;	width: 170px;	float: left;	margin-bottom: 0;}.smaller-post .blog-item {	display: table;	margin-bottom: 22px;}.smaller-post .blog-info {	display: table-cell;	width: 100%;	vertical-align: top;	padding: 0 0 0 25px;}.smaller-post .post-title {	margin-bottom: 8px;}.smaller-post .blog-info .post-category {	margin: 1px 0 7px 0;}.p-75 {	padding: 75px 0;}/* ===================== FOOTER ====================== */footer {	background-color: #151618;}.ft-style {	margin-bottom: -15px;}.ft-style .post-title,.ft-style .post-title a {	color: #ffffff;}/* =================== FOOTER CONTENT ====================== */.footer-content {	padding: 46px 0;	border-top: 1px solid #28292c;}.ft-logo h1 {	color: #ffffff;	font-size: 30px;	font-weight: 900;	letter-spacing: 3px;	text-transform: uppercase;	margin-top: 4px;}.ft-logo h1 a {	color: #ffffff;}.footer-content .social-links {	text-align: center;}.footer-content .social-links li {	margin-right: 9px;}.footer-content .social-links li:last-child {	margin-right: 0;}.footer-content .social-links li a {	color: #a5a5a5;	font-size: 14px;	width: 30px;	height: 30px;	line-height: 30px;	border:1px solid #3f4042;	-webkit-border-radius: 100px;	-moz-border-radius: 100px;	-ms-border-radius: 100px;	-o-border-radius: 100px;	border-radius: 100px;}.footer-content .social-links li a:hover {	color: #ffffff;}.ft-links {	float: right;	margin-top: 3px;}.ft-links li {	display: inline-block;	margin-right: 21px;}.ft-links li:last-child {	margin-right: 0;}.ft-links li a {	display: inline-block;	color: #f5f5f5;	font-size: 11px;	text-transform: uppercase;}.bottom-strip {	background-color: #0b0b0b;	padding: 20px 0;	text-align: center;}.bottom-strip p {	color: #52575c;	font-size: 13px;}/* ======================== HOMEPAGE 2 ====================== */.blog-items.main .pd-row {	margin: 0 -3px;}.blog-items.main .pd-row .col-lg-4 {	padding: 0 3px;	max-width: 33.33%;}.blog-list {	margin-top: 5px;}/* ========================= TRENDING POSTS ========================== */.trending-posts {	background-color: #efefef;	padding: 45px 39px;}.trending-posts .sec-title h3 {	background-color: #efefef;}.trending-posts .blog-item.main .post-title {	font-size: 21px;	line-height: 27px;	margin-bottom: 10px;}.trending-posts .blog-item.main .blog-img {	margin-bottom: 21px;}.post-list {	padding-left: 10px;}.post-list .blog-item {	display: table;	margin-bottom: 22px;}.post-list .blog-item:last-child {	margin-bottom: 0;}.post-list .blog-img {	display: table-cell;	float: left;	width: 110px;	margin-bottom: 0;}.post-list .blog-info {	display: table-cell;	width: 100%;	vertical-align: top;	padding-bottom: 0;	padding-left: 18px;	padding-top: 6px;}.post-list .post-title {	font-size: 15px;	line-height: 20px;	margin-bottom: 2px;}/* ========================= MOST VIEWED POSTS ========================== */.most-viewed-posts .post-title {	font-size: 21px;	line-height: 27px;	margin-bottom: 10px;}.most-viewed-posts .blog-img {	margin-bottom: 14px;}.most-viewed-posts .post-list .blog-img {	margin-bottom: 0;}.most-viewed-posts .post-list .blog-item {	margin-bottom: 22px;}.most-viewed-posts .post-list {	margin-top: 40px;	margin-bottom: -25px;}.most-viewed-posts .post-list .post-title {	font-size: 15px;	line-height: 20px;	margin-bottom: 2px;	padding-right: 15px;}.most-viewed-posts .post-list .blog-info {	padding-left: 23px;}.most-viewed-posts .post-list {	padding-left: 0;}/* ========================= FEATURED VIDEO ========================== */.feautred-vid {	background-color: #212324;	margin: 0;}.feautred-vid .sec-title h3 {	color: #fff;	background-color: #212324;}.feautred-vid .post-title,.feautred-vid .post-title a {	color: #ffffff;}.play-video {	display: inline-block;	width: 50px;	height: 50px;	line-height: 50px;	border:2px solid #ffffff;	color: #ffffff;	font-size: 12px;	-webkit-border-radius: 100px;	-moz-border-radius: 100px;	-ms-border-radius: 100px;	-o-border-radius: 100px;	border-radius: 100px;	position: absolute;	top: 50%;	left: 50%;	-webkit-transform: translate(-50%, -50%);	-moz-transform: translate(-50%, -50%);	-ms-transform: translate(-50%, -50%);	-o-transform: translate(-50%, -50%);	transform: translate(-50%, -50%);	text-align: center;	z-index: 99;}/* ========================= FEATURED STORIES ========================== */.featured-stories .blog-item {	margin-bottom: 40px;}.featured-stories .blog-items {	margin-bottom: -40px;}.featured-stories .post-title {	font-size: 15px;	line-height: 20px;}/* ========================= HEADER STYLE 2 ========================== */header.style2 .container-fluid {	padding: 0 75px;}header.style2 .logo {	width: 25%;	float: left;	margin-left: -1px;	margin-top: 24px;}header.style2 nav {	width: 50%;	text-align: center;	float: left;}header.style2 .rt-subs {	width: 25%;	text-align: right;	margin-top: 8px;}header.style2 .logo h2 {	font-size: 26px;}header.style2 .logo h2 a {	letter-spacing: 2.25px;}header.style2 nav >ul >li {	padding: 27px 11px 29px;}header.style2 .sub-menu {	text-align: left;}/* ========================= ABOUT SEC ========================== */.about-sec {	padding: 100px 0;}.lg-back {	background-color: #f5f5f5;}.about-cont h2 {	color: #1a191e;	font-size: 42px;	font-weight: 900;	text-transform: capitalize;	margin-bottom: 43px;	padding-top: 24px;}.about-cont p {	font-size: 15px;	color: #575a5b;	line-height: 26px;	margin-bottom: 26px;}.more-abt {	padding-left: 130px;	padding-top: 23px;}.more-abt >h3 {	font-size: 21px;	color: #1a191e;	font-weight: 700;	margin-bottom: 18px;}.more-abt .social-links {	padding-top: 17px;}.more-abt .social-links li a {	color: #212324;	font-size: 14px;	border-color: #c1c3c4;}.more-abt .social-links li a:hover {	color: #ffffff;}.more-abt .social-links li {	margin-right: 9px;}.about-img >img {	margin-top: -3px;}/* ========================= CONTACT PAGE ========================== */.cont-img {	width: calc(100% - 667px);	float: left;}.cont-img >img {	width: 100%;	height: auto;	float: left;	margin-bottom: 0;	height: 100%;	object-fit: cover;}.cont-form-sec {	float: right;	width: 667px;	background-color: #f5f5f5;	padding: 140px 73px;}.cont-form-sec h3 {	color: #1a191e;	font-size: 42px;	font-weight: 900;	margin-bottom: 43px;	padding-top: 5px;}.cont-form-sec p {	line-height: 26px;	color: #575a5b;	margin-bottom: 26px;}.form-field {	margin-bottom: 16px;}.form-field input[type="text"],.form-field input[type="email"], .form-field textarea {	width: 100%;	background-color: #ffffff;	color: #a5a5a5;	font-size: 13px;	font-family: 'Lato';	border:0;} .form-field input[type="text"],.form-field input[type="email"] {	padding: 0 18px;	height: 50px;}.form-field textarea {	padding: 10px 18px;	height: 156px;}.cont-form-sec form input[type="submit"] {	color: #ffffff;	font-size: 11px;	font-weight: 700;	height: 44px;	line-height: 44px;	text-transform: uppercase;	letter-spacing: 0.6px;	padding: 0 43px;	border:0;	cursor: pointer;}/* ========================= SEARCH PAGE ========================== */.search-page {	position: fixed;	top: 0;	left: 0;	width: 100%;	height: 100%;	background-color: #000000;	z-index: 99999999;	opacity: 0;	visibility: hidden;	-webkit-transform: scale(0.95);	-moz-transform: scale(0.95);	-ms-transform: scale(0.95);	-o-transform: scale(0.95);	transform: scale(0.95);}.search-page.active {	opacity: 1;	visibility: visible;	-webkit-transform: scale(1);	-moz-transform: scale(1);	-ms-transform: scale(1);	-o-transform: scale(1);	transform: scale(1);}.search-page form {	position: absolute;	top: 50%;	float: left;	width: 100%;	-webkit-transform: translateY(-50%);	-moz-transform: translateY(-50%);	-ms-transform: translateY(-50%);	-o-transform: translateY(-50%);	transform: translateY(-50%);}.search-page .form-field {	position: relative;}.search-page form .form-field input {	width: 100%;	padding: 20px 45px;	color: #83898a;	font-size: 27px;	background-color: inherit;	border:0;	border-bottom: 1px solid #ffffff;	height: auto;}.search-page .form-field button {	color: #ffffff;	font-size: 24px;	position: absolute;	top: 50%;	right: 45px;	background-color: inherit;	border:0;	-webkit-transform: translateY(-50%);	-moz-transform: translateY(-50%);	-ms-transform: translateY(-50%);	-o-transform: translateY(-50%);	transform: translateY(-50%);}.search-page form .form-field input:focus {	border-color: #ffffff;}.close-search {	color: #ffffff;	font-size: 24px;	position: fixed;	top: 78px;	right: 100px;}.close-search:hover {	color: #ffffff;}/* ========================= DROPDOWN MENU ========================== */.sub-menu {	position: absolute;	top: 100%;	left: 0;	padding: 0 20px;	background-color: #ffffff;	-webkit-box-shadow: 0 0 10px rgba(3,3,3,0.15);	-moz-box-shadow: 0 0 10px rgba(3,3,3,0.15);	-ms-box-shadow: 0 0 10px rgba(3,3,3,0.15);	-o-box-shadow: 0 0 10px rgba(3,3,3,0.15);	box-shadow: 0 0 10px rgba(3,3,3,0.15);	z-index: 99;	width: 230px;	opacity: 0;	visibility: hidden;	-webkit-transform: translateX(-30px);	-moz-transform: translateX(-30px);	-ms-transform: translateX(-30px);	-o-transform: translateX(-30px);	transform: translateX(-30px);}.sub-menu li {	display: block;	padding: 9px 0 11px;}.sub-menu li:before {    content: '';    position: absolute;    bottom: 0;    left: 0;    width: 100%;    height: 1px;    background-image: linear-gradient(to right, transparent 80%, #818182 15%);    background-size: 10px 100%;    background-repeat: repeat-x;    -webkit-transform: translateY(-50%);    -moz-transform: translateY(-50%);    -ms-transform: translateY(-50%);    -o-transform: translateY(-50%);    transform: translateY(-50%);    background-position: 2% 10%;}.sub-menu li:last-child:before {	display: none;}.sub-menu li a {	display: block;	color: #1a191e;	font-size: 11px;	font-weight: 700;	text-transform: uppercase;	letter-spacing: 0.6px;	position: relative;}.sub-menu li a:before {	content: '';	position: absolute;	top: 50%;	left: 0;	width: 0;	height: 1px;	-webkit-transform: translateY(-50%);	-moz-transform: translateY(-50%);	-ms-transform: translateY(-50%);	-o-transform: translateY(-50%);	transform: translateY(-50%);	opacity: 0;	visibility: hidden;}.sub-menu li a:hover {	padding-left: 21px;}.sub-menu li a:hover:before {	opacity: 1;	visibility: visible;	width: 6px;}/* ========================= SIDE MENU ========================== */.side-menu {	position: fixed;	top: 0;	right: 0;	width: 367px;	background-color: #151618;	z-index: 999;	text-align: center;	height: 100%;	overflow: auto;	opacity: 0;	visibility: hidden;	-webkit-transform: translateX(100%);	-moz-transform: translateX(100%);	-ms-transform: translateX(100%);	-o-transform: translateX(100%);	transform: translateX(100%);}.side-menu.active {	opacity: 1;	visibility: visible;	-webkit-transform: translateX(0);	-moz-transform: translateX(0);	-ms-transform: translateX(0);	-o-transform: translateX(0);	transform: translateX(0);}.close-sidemenu {	color: #ffffff;	font-size: 3.04vh;	margin-top: 6.54vh;	display: inline-block;}.navigation {	margin-top: 27.70vh;}.navigation li {	display: block;	margin-bottom: 7.61vh;}.navigation li a {	display: block;	color: #ffffff;	font-size: 2.28vh;	font-weight: 800;	text-transform: uppercase;	letter-spacing: 0.6px;}.navigation ul {	display: none;	margin-top: 7.61vh;}.navigation ul li {	margin-bottom: 15px;}.navigation ul li a {	font-size: 14px;	text-transform: capitalize;	font-weight: 600;}.side-menu .logo {	margin-top: 300px;	padding-bottom: 58px;}.side-menu .logo >h2,.side-menu .logo >h2 a {	color: #ffffff;}.side-menu .logo >h2 {	font-size: 26px;	font-weight: 700;}.side-menu .logo >h2 a {	letter-spacing: 2.25px;}.navigation .blog-items {	display: none;	padding: 0 15px;	margin-top: 30px;}.navigation .blog-item {	margin-bottom: 30px;}/* ========================= MEGA MENU ========================== */nav ul li:hover >.sub-menu {	opacity: 1;	visibility: visible;	margin: 0;}nav ul li:hover >.sub-menu {	-webkit-transform: translateX(0);	-moz-transform: translateX(0);	-ms-transform: translateX(0);	-o-transform: translateX(0);	transform: translateX(0);} /* ========================= MENU BUTTON ========================== */.menu-btn {  width: 50px;  height: 50px;  float: left;  text-align: center;  position: relative;  z-index: 9999999;  display: none;}.menu-btn >a {  display: inline-block;  width: 27px;  margin-top: 21px;  float: left;}.menu-btn >a span {  display: block;  width: 100%;  height: 3px;  background-color: #181819;  margin-bottom: 5px;}.menu-btn >a span:last-child {  margin-bottom: 0;}.menu-btn.active >a span.bar1 {  -webkit-transform: translateY(8px) rotate(-45deg);  -ms-transform: translateY(8px) rotate(-45deg);  transform: translateY(8px) rotate(-45deg);}.menu-btn.active >a span.bar2 {  opacity: 0;  visibility: hidden;  -webkit-transform: scale(2, 1);  -ms-transform: scale(2, 1);  transform: scale(2, 1);}.menu-btn.active >a span.bar3 {  -webkit-transform: translateY(-8px) rotate(-135deg);  -ms-transform: translateY(-8px) rotate(-135deg);  transform: translateY(-8px) rotate(-135deg);}/* ========================= CUSTOM SCROLLBAR STYLING ========================== */::-webkit-scrollbar {  width: 10px;}/* Track */::-webkit-scrollbar-track {  background: #f1f1f1; }/* Handle */::-webkit-scrollbar-thumb {  background: #888; }/* Handle on hover */::-webkit-scrollbar-thumb:hover {  background: #555; }/* ========================= PRELOADER STYLING ========================== */.preloader {	position: fixed;	top: 0;	left: 0;	width: 100%;	height: 100%;	background-color: #ffffff;	z-index: 99999;}.preloader svg {  display: none;}.blobs {  -webkit-filter: url(#goo);          filter: url(#goo);  width: 300px;  height: 300px;  position: absolute;  overflow: hidden;  border-radius: 70px;  -webkit-transform-style: preserve-3d;          transform-style: preserve-3d;          top: 50%;          left: 50%;          -webkit-transform: translate(-50%, -50%);          -moz-transform: translate(-50%, -50%);          -ms-transform: translate(-50%, -50%);          -o-transform: translate(-50%, -50%);          transform: translate(-50%, -50%);}.blobs .blob-center {  -webkit-transform-style: preserve-3d;          transform-style: preserve-3d;  position: absolute;  top: 50%;  left: 50%;  width: 30px;  height: 30px;  -webkit-transform-origin: left top;          transform-origin: left top;  -webkit-transform: scale(0.9) translate(-50%, -50%);          transform: scale(0.9) translate(-50%, -50%);  -webkit-animation: blob-grow linear 3.4s infinite;          animation: blob-grow linear 3.4s infinite;  border-radius: 50%;  -webkit-box-shadow: 0 -10px 40px -5px #77929f	;  -moz-box-shadow: 0 -10px 40px -5px #77929f	;  -ms-box-shadow: 0 -10px 40px -5px #77929f	;  -o-box-shadow: 0 -10px 40px -5px #77929f	;  box-shadow: 0 -10px 40px -5px #77929f	;}.blob {  position: absolute;  top: 50%;  left: 50%;  width: 30px;  height: 30px;  border-radius: 50%;  -webkit-animation: blobs ease-out 3.4s infinite;          animation: blobs ease-out 3.4s infinite;  -webkit-transform: scale(0.9) translate(-50%, -50%);          transform: scale(0.9) translate(-50%, -50%);  -webkit-transform-origin: center top;          transform-origin: center top;  opacity: 0;}.blob:nth-child(1) {  -webkit-animation-delay: 0.2s;          animation-delay: 0.2s;}.blob:nth-child(2) {  -webkit-animation-delay: 0.4s;          animation-delay: 0.4s;}.blob:nth-child(3) {  -webkit-animation-delay: 0.6s;          animation-delay: 0.6s;}.blob:nth-child(4) {  -webkit-animation-delay: 0.8s;          animation-delay: 0.8s;}.blob:nth-child(5) {  -webkit-animation-delay: 1s;          animation-delay: 1s;}@-webkit-keyframes blobs {  0% {    opacity: 0;    -webkit-transform: scale(0) translate(calc(-330px - 50%), -50%);            transform: scale(0) translate(calc(-330px - 50%), -50%);  }  1% {    opacity: 1;  }  35%,65% {    opacity: 1;    -webkit-transform: scale(0.9) translate(-50%, -50%);            transform: scale(0.9) translate(-50%, -50%);  }  99% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: scale(0) translate(calc(330px - 50%), -50%);            transform: scale(0) translate(calc(330px - 50%), -50%);  }}@keyframes blobs {  0% {    opacity: 0;    -webkit-transform: scale(0) translate(calc(-330px - 50%), -50%);            transform: scale(0) translate(calc(-330px - 50%), -50%);  }  1% {    opacity: 1;  }  35%,65% {    opacity: 1;    -webkit-transform: scale(0.9) translate(-50%, -50%);            transform: scale(0.9) translate(-50%, -50%);  }  99% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: scale(0) translate(calc(330px - 50%), -50%);            transform: scale(0) translate(calc(330px - 50%), -50%);  }}@-webkit-keyframes blob-grow {  0%,  39% {    -webkit-transform: scale(0) translate(-50%, -50%);            transform: scale(0) translate(-50%, -50%);  }  40%, 42% {    -webkit-transform: scale(1, 0.9) translate(-50%, -50%);            transform: scale(1, 0.9) translate(-50%, -50%);  }  43%, 44% {    -webkit-transform: scale(1.2, 1.1) translate(-50%, -50%);            transform: scale(1.2, 1.1) translate(-50%, -50%);  }  45%, 46% {    -webkit-transform: scale(1.3, 1.2) translate(-50%, -50%);            transform: scale(1.3, 1.2) translate(-50%, -50%);  }  47%, 48% {    -webkit-transform: scale(1.4, 1.3) translate(-50%, -50%);            transform: scale(1.4, 1.3) translate(-50%, -50%);  }  52% {    -webkit-transform: scale(1.5, 1.4) translate(-50%, -50%);            transform: scale(1.5, 1.4) translate(-50%, -50%);  }  54% {    -webkit-transform: scale(1.7, 1.6) translate(-50%, -50%);            transform: scale(1.7, 1.6) translate(-50%, -50%);  }  58% {    -webkit-transform: scale(1.8, 1.7) translate(-50%, -50%);            transform: scale(1.8, 1.7) translate(-50%, -50%);  }  68%, 70% {    -webkit-transform: scale(1.7, 1.5) translate(-50%, -50%);            transform: scale(1.7, 1.5) translate(-50%, -50%);  }  78% {    -webkit-transform: scale(1.6, 1.4) translate(-50%, -50%);            transform: scale(1.6, 1.4) translate(-50%, -50%);  }  80%, 81% {    -webkit-transform: scale(1.5, 1.4) translate(-50%, -50%);            transform: scale(1.5, 1.4) translate(-50%, -50%);  }  82%, 83% {    -webkit-transform: scale(1.4, 1.3) translate(-50%, -50%);            transform: scale(1.4, 1.3) translate(-50%, -50%);  }  84%, 85% {    -webkit-transform: scale(1.3, 1.2) translate(-50%, -50%);            transform: scale(1.3, 1.2) translate(-50%, -50%);  }  86%, 87% {    -webkit-transform: scale(1.2, 1.1) translate(-50%, -50%);            transform: scale(1.2, 1.1) translate(-50%, -50%);  }  90%, 91% {    -webkit-transform: scale(1, 0.9) translate(-50%, -50%);            transform: scale(1, 0.9) translate(-50%, -50%);  }  92%, 100% {    -webkit-transform: scale(0) translate(-50%, -50%);            transform: scale(0) translate(-50%, -50%);  }}@keyframes blob-grow {  0%,  39% {    -webkit-transform: scale(0) translate(-50%, -50%);            transform: scale(0) translate(-50%, -50%);  }  40%, 42% {    -webkit-transform: scale(1, 0.9) translate(-50%, -50%);            transform: scale(1, 0.9) translate(-50%, -50%);  }  43%, 44% {    -webkit-transform: scale(1.2, 1.1) translate(-50%, -50%);            transform: scale(1.2, 1.1) translate(-50%, -50%);  }  45%, 46% {    -webkit-transform: scale(1.3, 1.2) translate(-50%, -50%);            transform: scale(1.3, 1.2) translate(-50%, -50%);  }  47%, 48% {    -webkit-transform: scale(1.4, 1.3) translate(-50%, -50%);            transform: scale(1.4, 1.3) translate(-50%, -50%);  }  52% {    -webkit-transform: scale(1.5, 1.4) translate(-50%, -50%);            transform: scale(1.5, 1.4) translate(-50%, -50%);  }  54% {    -webkit-transform: scale(1.7, 1.6) translate(-50%, -50%);            transform: scale(1.7, 1.6) translate(-50%, -50%);  }  58% {    -webkit-transform: scale(1.8, 1.7) translate(-50%, -50%);            transform: scale(1.8, 1.7) translate(-50%, -50%);  }  68%, 70% {    -webkit-transform: scale(1.7, 1.5) translate(-50%, -50%);            transform: scale(1.7, 1.5) translate(-50%, -50%);  }  78% {    -webkit-transform: scale(1.6, 1.4) translate(-50%, -50%);            transform: scale(1.6, 1.4) translate(-50%, -50%);  }  80%, 81% {    -webkit-transform: scale(1.5, 1.4) translate(-50%, -50%);            transform: scale(1.5, 1.4) translate(-50%, -50%);  }  82%, 83% {    -webkit-transform: scale(1.4, 1.3) translate(-50%, -50%);            transform: scale(1.4, 1.3) translate(-50%, -50%);  }  84%, 85% {    -webkit-transform: scale(1.3, 1.2) translate(-50%, -50%);            transform: scale(1.3, 1.2) translate(-50%, -50%);  }  86%, 87% {    -webkit-transform: scale(1.2, 1.1) translate(-50%, -50%);            transform: scale(1.2, 1.1) translate(-50%, -50%);  }  90%, 91% {    -webkit-transform: scale(1, 0.9) translate(-50%, -50%);            transform: scale(1, 0.9) translate(-50%, -50%);  }  92%, 100% {    -webkit-transform: scale(0) translate(-50%, -50%);            transform: scale(0) translate(-50%, -50%);  }}#html5-watermark {  display: none !important;}#html5lightbox-web-iframe img {  float: none;}/* ========================= STANDARD POST PAGE ========================== */.mr-50 {	margin-right: 50px !important;}.standard-post .post-title {	font-size: 30px;	line-height: 40px;	padding-right: 30px;	margin-bottom: 31px;}.standard-post .meta {	margin-bottom: 4px;	margin-top: -14px;}.standard-post .blog-img {	margin-bottom: 30px;}.standard-post .blog-item:hover .blog-img >img {	filter: inherit;	transform: inherit;}.standard-post .blog-item .blog-img:before {	display: none;}.standard-post .blog-item >p {	font-size: 15px;	line-height: 26px;	margin-bottom: 26px;	color: #575a5b;}.standard-post h4 {	color: #1a191e;	font-size: 21px;	font-weight: 700;	padding-top: 13px;	padding-bottom: 22px;}.standard-post blockquote {	text-align: center;	position: relative;	padding: 27px 80px;	margin: 21px 0 2px 0;	display: inline-block;	width: 100%;}.standard-post blockquote:before {	content: '“';	position: absolute;	top: 0;	left: 50%;	transform: translateX(-50%);	color: #77929f;	font-size: 75px;	font-family: 'Playfair Display';}.standard-post blockquote p {	font-size: 21px;	line-height: 27px;	color: #141716;	font-weight: 800;	margin-bottom: 14px;}.pst-img {	margin: 17px 0 24px 0;	width: 100%;}.post-catgs-links {	width: 100%;}.post-catgs-list {	float: left;}.post-catgs-list li {	display: inline-block;	margin-right: 15px;}.post-catgs-list li:last-child {	margin-right: 0;}.post-catgs-list li a {	display: inline-block;	color: #1a191e;	font-size: 11px;	text-transform: uppercase;	font-weight: 700;}.post-catgs-links .social-links {	float: right;}.post-catgs-links .social-links li a {	color: #c0c2c3;	border-color: #c3c5c6;}.post-author-info {	background-color: #212324;	padding: 30px 39px;	margin: 40px 0 0 0;	display: table;}.author-img {	display: table-cell;	width: 100px;	float: left;}.author-img >img {	width: 100%;}.author-info {	display: table-cell;	width: 100%;	vertical-align: top;	padding-left: 34px;	padding-top: 6px;}.author-info >h3 {	font-size: 19px;	color: #ffffff;	font-weight: 800;	text-transform: capitalize;	margin-bottom: 7px;}.author-info >h3 a {	color: #ffffff;}.author-info >p {	line-height: 24px;	color: #c0c2c3;	margin-bottom: 12px;}.author-info .social-links {	margin-bottom: -10px;}.author-info .social-links li {	margin-right: 15px;}.author-info .social-links li a {	border:0;	width: auto;	height: auto;	line-height: inherit;	color: #83898a;	text-align: left;	font-size: 13px;}.author-info .social-links li a:before,.author-info .social-links li a:after {	display: none;}.post-control {	width: 100%;	display: inline-block;	margin: 45px 0 0 0;}.post-control ul li {	width: 50%;	float: left;	background-color: #efefef;	padding: 21px 17px;}.post-control ul li:hover {	background-color: #77929f;}.post-control ul li:hover a {	color: #ffffff;}.post-control ul li a {	color: #1a191e;	font-size: 13px;	font-weight: 900;	line-height: 18px;	display: block;	position: relative;}.prev-p {	text-align: left;}.prev-p a {	padding-left: 20px;	width: 66%;}.next-p {	text-align: right;}.next-p a {	width: 60%;	padding-right: 20px;	float: right;}.post-control ul li a i {	position: absolute;	top: 50%;	font-size: 18px;	transform: translateY(-50%);}.prev-p a i {	left: 0;}.next-p a i {	right: 0;}.single-page-content .tp-pst {	padding: 39px 0 45px 0;}/* ========================= COMMENT SECTION ========================== */.comment-section {	background-color: #f5f5f5;	padding: 45px 39px;}.comment-list-sec {	padding-bottom: 48px;}.comment-section .sec-title h3 {	background-color: #f5f5f5;}.comment-list >li:last-child .comment {	padding-bottom: 0;}.comment-list ul {	padding-left: 40px;}.comment {	display: table;	width: 100%;	padding-bottom: 37px;}.cm-img {	display: table-cell;	width: 75px;	float: left;}.cm-img >img {	width: 100%;	border-radius: 100px;}.cm-info {	display: table-cell;	width: 100%;	vertical-align: top;	padding: 3px 0 0 30px;	position: relative;}.cm-hed {	float: left;	width: 100%;	margin-bottom: 9px;	padding-right: 48px;}.cm-hed >h3 {	font-size: 17px;	color: #1a191e;	float: left;	font-weight: 700;}.cm-hed >span {	float: right;	color: #a1a4a6;	font-size: 11px;	font-weight: 700;	text-transform: uppercase;	position: relative;	padding-right: 12px;	letter-spacing: 0.6px;}.cm-hed >span:before {	content: '';	position: absolute;	top: 50%;	right: -3px;	width: 2px;	height: 1px;	background-color: #a1a4a6;	-webkit-transform: translateY(-50%);	-moz-transform: translateY(-50%);	-ms-transform: translateY(-50%);	-o-transform: translateY(-50%);	transform: translateY(-50%);}.cm-info >p {	color: #575a5b;}.reply {	position: absolute;	top: 3px;	right: 0;	display: inline-block;	color: #77929f;	font-size: 11px;	font-weight: 700; 	text-transform: uppercase;}.comment-form .cont-form-sec {	padding: 0;	float: none;	width: 100%;	background-color: inherit;}.comment-form .form-field textarea {	margin-bottom: -6px;}.comment-form .sec-title >h3 {	color: #a1a4a6;}.comment-form .sec-title {	padding-top: 41px;}.comment-form .sec-title:before {	top: 0;}.main-content.p-80 {	padding: 80px 0 100px 0;}/*：这是演示代码,不是源代码。源码下载唯一地址: http://www.bootstrapmb.com/item/4258(此说明只在演示页面有,不在下载的源码里)*/