/*：这只是演示代码。源码下载链接: http://www.bootstrapmb.com/item/3711(这个说明仅在演示里会看到,下载的源码里没有)*//* ------------------Template Name: PlaideaAuthor: ThemepooAuthor Email: themepoo.cit@gmail.comVersion: 1.00���ྫƷģ������ʣ�http://www.bootstrapmb.com------------------Table of content index page============================Navbar partBrand partAbout PartService PartPortfolio PartCounter PartTeam PartTestimonial PartBlog PartFooter PartTable of content About page============================Navbar partPagination partAbout PartClient Logo PartFooter PartTable of content Portfolio page============================Navbar partPagination partPortfolio PartFooter PartTable of content Blog Version:1 page==================================Navbar partPagination partBlog Top Pagination PartBlog PartBlog Bottom Pagination PartFooter PartTable of content Blog Version:2 page===================================Navbar partPagination partBlog Top Pagination PartBlog PartBlog Bottom Pagination PartFooter PartTable of content Blog Version:3 page===================================Navbar partPagination partBlog Top Pagination PartBlog PartBlog Bottom Pagination PartFooter PartTable of content Blog left sidebar page===================================Navbar partPagination partBlog Left Sidebar Top Pagination PartBlog PartBlog Left Sidebar Bottom Pagination PartFooter PartTable of content Blog Right sidebar page===================================Navbar partPagination partBlog Left Sidebar Top Pagination PartBlog PartBlog Left Sidebar Bottom Pagination PartFooter PartTable of content Blog Details page===================================Navbar partPagination partBlog Details PartFooter PartTable of content Blog Details Sidebar page===================================Navbar partPagination partBlog Details PartFooter PartTable of content 404 page===================================Navbar part404 PartFooter Part*//*================== Common CSS ====================*/*{    margin: 0;    padding: 0;    outline: 0;}ul,ol{    list-style-type: none;    margin-bottom: 0;}a{    text-decoration: none;}a:hover {    text-decoration: none;}img{    vertical-align: middle;}h1, h2, h3, h4, h5, h6, p, a, span, label{    font-family: 'Open Sans', sans-serif;    margin: 0;    padding: 0;}h2{    font-size: 28px;    font-weight: 600;    margin: 0;    padding: 0;}h3{    font-size: 20px;    font-weight: 600;    padding: 0;    margin: 0;}p{    font-size: 14px;    font-weight: 400;    margin: 0;    padding: 0;}.form-control:focus {    box-shadow: none;}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus{    box-shadow: none;}.page-link:focus {	box-shadow: none;}/*================== Navbar Part ====================*/.navbar {	padding: .6rem 1rem;    transition: all linear .5s;  }.sticky-menu {    transition: all linear .5s;  }.navbar-light .navbar-nav .nav-link {	color: #151515;    font-weight: 600;    font-size: 16px;    padding-right: 20px;	padding-left: 20px;    position: relative;    transition: all linear .3s;}.navbar-light .navbar-nav .nav-link:after{    position: absolute;    content: '';    width: 0;    height: 2px;    top: -28px;    left: 50%;    transform: translateX(-50%);    background: #494da1;    transition: all linear .3s;    opacity: 0;}.dropdown-toggle::after {	 border-top: 0; }.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link.active {    color: #494da1;}.navbar-light .navbar-nav .nav-link:hover:after,.navbar-light .navbar-nav .nav-link.active:after {    opacity: 1;    width: 50%;}#search {    position: fixed;    top: 0px;    left: 0px;    width: 100%;    height: 100%;    background-color: rgba(0, 0, 0, 0.9);    -webkit-transition: all 0.5s ease-in-out;	-moz-transition: all 0.5s ease-in-out;	-o-transition: all 0.5s ease-in-out;	-ms-transition: all 0.5s ease-in-out;	transition: all 0.5s ease-in-out;    -webkit-transform: translate(0px, -100%) scale(0, 0);	-moz-transform: translate(0px, -100%) scale(0, 0);	-o-transform: translate(0px, -100%) scale(0, 0);	-ms-transform: translate(0px, -100%) scale(0, 0);	transform: translate(0px, -100%) scale(0, 0);    opacity: 0;    z-index: 99999999;}#search.open {    -webkit-transform: translate(0px, 0px) scale(1, 1);    -moz-transform: translate(0px, 0px) scale(1, 1);	-o-transform: translate(0px, 0px) scale(1, 1);	-ms-transform: translate(0px, 0px) scale(1, 1);	transform: translate(0px, 0px) scale(1, 1);     opacity: 1;}#search input[type="search"] {    position: absolute;    top: 50%;    width: 100%;    color: rgb(255, 255, 255);    background: rgba(0, 0, 0, 0);    font-size: 60px;    font-weight: 300;    text-align: center;    border: 0px;    margin: 0px auto;    margin-top: -51px;    padding-left: 30px;    padding-right: 30px;    outline: none;}.form-inline a {    color: #b2b2b2!important;    padding-right: 20px;    font-size: 18px;    position: relative;}.form-inline a:after {    position: absolute;    content: '';    width: 1px;    height: 18px;    top: 4px;    right: 0;    background: #b2b2b2;}#search .btn {    position: absolute;    top: 50%;    left: 50%;    margin-top: 61px;    margin-left: -45px;    background:#484DA0;    border-color: #484DA0;}#search .btn {	padding: 4px 20px 10px 20px;	font-size: 18px;}#search .close {	position: fixed;	top: 15px;	right: 14px;	color: #fff;	background-color: #484DA0;	border-color: #484DA0;	opacity: 1;	padding: 5px 15px 10px 15px;	font-size: 30px;}.country .btn {    background: transparent;    padding-left: 20px;    line-height: 0;}.dropdown, .dropup {	z-index: 9999999;}.country .btn.focus, .btn:focus {	outline: 0;    box-shadow: none; }.country .dropdown-menu {	min-width: 1rem;}.nav-fixed{    position: fixed;    top: 0;    width: 100%;    z-index: 99999;    padding: .6rem 1rem;    background: #fff;    transition: all linear .5s;    -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.20);    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.20);    -ms-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.20);    -o-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.20);    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.20);    -webkit-animation: nav-fixed 1s;    animation: nav-fixed 1s;}@keyframes nav-fixed {    from {top: -50px;}    to {top: 0px;}}/*================== Banner Part ====================*/#banner {    background: url(../images/banner.jpg);    background-size: cover;    background-repeat: no-repeat;    background-position: center;    position: relative;    border-left: 20px solid #fff;    border-right: 20px solid #fff;}#banner:after {    position: absolute;    content: '';    width: 100%;    height: 100%;    top: 0;    left: 0;    background: rgba(0, 0, 0, 0.8);}/*#banner:before {    position: absolute;    content: '';    width: 100%;    height: 100%;    top: 0;    left: 0;        z-index: 999;}*/.banner-main{    position: relative;    z-index: 9999;}.banner-text{    padding-top: 195px;    padding-bottom: 220px;}.banner-text h4{    font-size: 32px;    font-weight: 400;    color: #fff;    letter-spacing: 5px;}.banner-text h1{    font-size: 90px;    line-height: 70px;    font-weight: 400;    color: #fff;    font-family: 'Abril Fatface', cursive;    text-transform: uppercase;    padding-bottom: 4px;}.banner-text h3{    font-size: 32px;    font-weight: 300;    color: #fff;    letter-spacing: 4px;    padding-bottom: 25px;}.banner-text p{    color: #fff;    padding-bottom: 50px;}.banner-text a{    font-size: 20px;    font-weight: 600;    color: #fff;    background: #494da1;    padding: 16px 20px;    border-radius: 50px;    text-transform: capitalize;    transition: all linear .3s;}.banner-text a:hover {    background: #272dc3}/*================== Brand Part ====================*/#brand {    margin-top: -180px;    /* background: #f1f1f1; */    border-left: 20px solid #fff;    border-right: 20px solid #fff;}.brand-vid {    position: relative;}.brand-vid-overlay {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(0,0,0,0.5);    text-align: center;    z-index: 9999;}.vbox-overlay {	z-index: 99999;}.brand-vid-overlay i {    color: #fff;    position: relative;    top: 50%;    transform: translateY(-50%);    font-size: 20px;    width: 70px;    height: 70px;    background: #ff5b5b;    line-height: 70px;    border-radius: 50%;}.brand-item{    position: relative;    height: 100%;}.brand-item img {    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */    filter: grayscale(100%);    transition: all linear .3s;    cursor: pointer;}.brand-item img:hover {        -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */    filter: grayscale(0);}/*================== About Part ====================*/#about {    padding-top: 110px;    padding-bottom: 50px;    /* background: #f1f1f1; */    border-left: 20px solid #fff;    border-right: 20px solid #fff;}.heading h4 {    font-weight: 400;    font-size: 16px;    color: #777777;    text-transform: capitalize;}.heading h2 {    font-weight: 600;    color: #151515;    text-transform: uppercase;    padding-bottom: 20px;}.about-item p {    color: #222222;    padding-bottom: 25px;    line-height: 24px;}.about-item h5 {    padding-top: 50px;}.about-item a {    font-size: 20px;    font-weight: 600;    color: #494da1;    border: 1px solid #494da1;    padding: 10px 20px;    border-radius: 35px;    transition: all linear .3s;}.about-item a:hover {    background:#2b31b4;    color: #fff;}.about-item img {    padding-top: 75px;}.about-item2 img {    padding-top: 0;}.about-item2 h4 {    padding-top: 60px;}/*================== Service Part ====================*/#service {    padding-top: 100px;}.service-details p{    color: #444;    line-height: 24px;    padding-bottom: 30px;}.service-details a {    font-size: 20px;    font-weight: 600;    color: #494da1;}.service-details i {    margin-left: 20px;    color: #494da1;    font-size: 20px;    vertical-align: middle;}.service-details a:hover {    color: #282fc4}.service-item {    background: #fff7d8;    text-align: center;    padding: 60px 0 60px 0;    transition: all linear.3s;}.service-icon {    width: 100px;    height: 100px;    border-radius: 50%;    background: #fff;    line-height: 100px;    text-align: center;    margin: 0 auto;    filter: drop-shadow(0px 2px 5px rgba(98, 98, 113, 0.43));}.service-item h3 {    color: #151515;    padding-top: 20px;    padding-bottom: 30px;}.service-item p {    color: #444444;    padding: 0 20px;    line-height: 24px;}.service-item2 {    background: #d8e9ff;    margin-top: 25px;}.service-item3 {    margin-top: 25px;    background: #d8f4ff;}.service-item4{    background: #d8ffff;    margin-top: 25px;}.service-item:hover {    filter: drop-shadow(0px 2px 5px rgba(98, 98, 113, 0.43));}/*================== Portfolio Part ====================*/#portfolio {    padding-top: 100px;    padding-bottom: 108px;}.portfolioFilter {    padding-bottom: 25px;}#portfolio  .drop{    position: relative;    display: inline-block;    float: right;}#portfolio  .drop i{    margin-left: 5px;}#portfolio  .drop .down{    position: absolute;    right: 0;    top: 31px;    background: #ffffff;    z-index: 0;    text-align: center;    width: 140px;    padding: 15px 0;  -webkit-box-shadow: 0px 0px 257px 23px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 257px 23px rgba(0,0,0,0.1);box-shadow: 0px 0px 257px 23px rgba(0,0,0,0.1);opacity: 0;transition: all linear .5s;}#portfolio  .drop:hover .down{    opacity: 1;    z-index: 222;}#portfolio  .drop .down a{    font-size: 19px;    margin-left: 15px;}.portfolioFilter a {    margin-right: 25px;    color: #444444;    font-weight: 600;    text-transform: capitalize;    text-decoration: none;    display: inline-block;    font-size: 20px;    font-family: 'Open Sans', sans-serif;    transition: all linear .3s;}.portfolioFilter a:hover {    color: #494da1;}.portfolioFilter a.current {    color: #494da1;}.isotope-item {    z-index: 2;}.isotope-hidden.isotope-item {    pointer-events: none;    z-index: 1;}.isotope,.isotope .isotope-item {    /* change duration value to whatever you like */    -webkit-transition-duration: 0.8s;    -moz-transition-duration: 0.8s;    transition-duration: 0.8s;}.isotope {    -webkit-transition-property: height, width;    -moz-transition-property: height, width;    transition-property: height, width;}.isotope .isotope-item {    -webkit-transition-property: -webkit-transform, opacity;    -moz-transition-property: -moz-transform, opacity;    transition-property: transform, opacity;}.port-item {    position: relative;}.port-over {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 0;    background: rgba(0,0,0,0.7);    opacity: 0;    transition: all linear .3s;}.likes span {    margin: 0 5px;    color: #fff;    font-size: 14px;    font-weight: 400;}.zoom i {    color: #494da1;    width: 40px;    height: 40px;    border-radius: 50%;    background: #fff;    line-height: 40px;}.zoom {    position: relative;    top: 50%;    transform: translateY(-50%);}.likes {    position: relative;    top:75%;    left: 0;    text-align: center;}.port-item:hover .port-over {    opacity: 1;    height: 100%;}.browse {    padding-top: 50px;}.browse a {	font-size: 20px;	font-weight: 600;	color: #fff;    text-transform: capitalize;	background: #494da1;	padding: 10px 20px;	border-radius: 35px;	transition: all linear .3s;}.browse a:hover {    background: #2b31b4;}.lightboxOverlay {	z-index: 99999;}.lightbox {	z-index: 99999;}/*================== Counter Part ====================*/#count {    background: #1e1e1e;    padding: 60px 0;}.count-item h3 {    font-size: 42px;    color: #fff;    font-weight: 400;    font-family: 'Abril Fatface', cursive;}.count-item p {    font-size: 32px;    font-weight: 400;    color: #fff;    text-transform: capitalize;}/*================== Team Part ====================*/#team {    padding-top: 100px;    padding-bottom: 107px;}.item-main {    background: #f1f1f1;    transition: all linear .3s;}.item-main .team-details{    padding: 0px 6px;    padding-right: 35px;}.team-details h3 {    padding-top: 25px;    font-weight: 600;    font-size: 20px;    color: #151515;    transition: all linear .3s;}.team-details h4 {    font-weight: 400;    font-size: 16px;    color: #444444;    padding-top: 7px;}.team-details p {    font-size: 14px;    font-weight: 400;    color: #444444;    padding-top: 25px;}.social {    padding-top: 25px;}.social i {    width: 40px;    height: 40px;    border-radius: 50%;    text-align: center;    line-height: 40px;    color: #444444;    font-size: 20px;    margin-right: 5px;    transition: all linear .3s;}.social i:hover {    background: #494da1;    color: #fff;}.item-main:hover{    filter: drop-shadow(0px 2px 5px rgba(98, 98, 113, 0.43));}.item-main:hover .team-details h3{    color: #494da1;}/*================== Testimonial Part ====================*/#testimonial {    padding-top: 100px;    padding-bottom: 100px;    background: #fafafa;    position: relative;    overflow: hidden;    position: relative;}.test-details p {	color: #444;	line-height: 24px;	padding-bottom: 30px;}.test-details a {	font-size: 20px;	font-weight: 600;	color: #494da1;}.test-details i {	margin-left: 20px;	color: #494da1;	font-size: 20px;	vertical-align: middle;}.test-details a:hover {	color: #282fc4;}.slider-main {    background: #f1f1f1;    padding-right: 30px;    margin-right: 30px;}.slider-main  .opa{    opacity: .5;}.slick-current  .opa{    opacity: 1;}.test-info {    background: #494da1;    padding: 10px 10px;}.test-info h3 {    font-weight: 600;    font-size: 20px;    color: #fff;    text-transform: capitalize;}.test-info p {    font-weight: 400;    font-size: 16px;    color: #fff;    padding-top: 5px;    text-transform: capitalize;}.test-item-details {    padding-top: 30px;    padding-bottom: 20px;}.test-item-details p {    font-size: 14px;    color: #444444;    font-weight: 400;    line-height: 24px;    padding-bottom: 22px;}.test-item-details span {    text-align: right;    display: block;    margin-right: 20px;    font-family: 'Sacramento', cursive;    font-size: 30px;}#testimonial .slick-list {    overflow: visible!important;}#testimonial:after{    position: absolute;    content: '';    width: 50%;    height: 100%;    background: #fafafa;    right: 63%;    top: 0;}#testimonial .content{    position: absolute;    left: 0;    top: 0;    z-index: 9999;    padding-top: 18px;    background: #fafafa;}/*================== Blog Part ====================*/#blog {    padding-top: 100px;    padding-bottom: 108px;}.blog-item {    background: #f1f1f1;}.blog-img {    position: relative;}.blog-over {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(0, 0, 0, 0.6);    text-align: center;    opacity: 0;    transition: all linear .3s;}.blog-over i {    width: 40px;    height: 40px;    background: #fff;    border-radius: 50%;    line-height: 40px;    color: #494da1;    position: relative;    top: 50%;    transform: translateY(-50%);}.blog-text {    padding: 29px 0;    margin-left: 8px;}.page-item:last-child .page-link {    border-top-right-radius: 0rem;    border-bottom-right-radius: 0rem;}.blog-item  h3 a{    font-size: 20px;    padding-top: 20px;    line-height: 30px;    color: #151515;    transition: all linear .3s;    padding-right: 25px;    display: inline-block;}.blog-item  p {    padding-top: 20px;    color: #444;    padding-bottom: 10px;}.poster  p {    color: #777777;    line-height: 30px;    padding-top: 0;    padding-bottom: 0;    text-transform: capitalize;}.blog-item  a {    font-size: 20px;    color: #777;    font-weight: 600;    transition: all linear .3s;}.blog-item  i {    vertical-align: middle;}.blog-item:hover .blog-over {    opacity: 1;}.blog-item:hover .blog-text h3 {    color: #494da1;}.blog-item:hover .blog-text a {    color: #494da1;}.blog-text2 {    padding: 10px 0;}.blog-item .extra1 {    float: right;}.blog-item .extra11 {    float: left;} .a{    padding-top: 0;}.extra2 {    background:#f1f1f1; }.blog-text2  span {    color: #777777;    font-size: 14px;    text-transform: capitalize;}.blog-text2 h3 {    padding-bottom: 2px;    padding-top: 10px;}.blog-text2 a{    font-size: 16px;}.blog-right-item {    padding-bottom: 35px;}/*================== Footer Part ====================*/#footer {    padding-top: 60px;    padding-bottom: 50px;    background: #f1f1f1;}.footer-logo p {    font-weight: 400;    color: #444444;    padding-top: 25px;    line-height: 24px;    font-size: 13px;}.footer-social {    padding-top: 30px;}.footer-social i {    width: 40px;    height: 40px;    border: 1px solid #494da1;    line-height: 36px;    text-align: center;    border-radius: 50%;    color: #494da1;    font-size: 20px;    margin: 0 2px;    transition: all linear .3s;}.footer-social i:hover {    background: #494da1;    color: #fff;}.links h3 {    font-size: 20px;    color: #151515;    font-weight: 600;    text-transform: capitalize;    padding-bottom: 5px;}.links ul li a {    color: #444444;    text-transform: capitalize;    line-height: 38px;    font-size: 14px;    transition: all linear .3s;}.links ul li a:hover {    color: #494da1;    padding-left: 10px;}.location p {    padding-bottom: 20px;}.location a {    color: #444444;    font-size: 14px;    line-height: 25px;}.extra3 {    padding-bottom: 30px;}.fop-btm p {    color: #444;    padding: 20px 0;}.fop-btm a {    color: #444;}.back-top-btn {     position: fixed;     bottom: 10px;     right: 20px;     z-index: 999;    display: none;     transition: all .5s; }.back-top-btn i {    width: 40px;    height: 40px;    background: #2B31B4;    line-height: 40px;    text-align: center;    color: #fff;    font-size: 20px;}/*===============================================                About Page CSS ================================================*//*================== About Part CSS ====================*/#about-page >#about {	background: #fff;    padding-top: 100px!important;    padding-bottom: 10px!important;}#about-page .extra-6 img {	padding-top: 50px;}/*================== Client Logo  Part CSS ====================*/#client-logo {    padding: 40px 0 30px;}#client-logo .client-item{    border: 1px solid transparent;    padding: 35px 0px;    transition: all linear .3s;}#client-logo .client-item img {    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */    filter: grayscale(100%);}#client-logo .client-item:hover img {    -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */    filter: grayscale(0);}#client-logo .client-item:hover {    border-color: #b2b4d0;}#client-logo .slick-slide img {	display: inline-block;}/*================== pagination part CSS ====================*/#pagination {    background: #ead0cf;    padding: 50px 0;}/*.pagination {    justify-content:end!important;}*/.pagin h3 {    color: #151515;    font-size: 24px;    font-weight: 600;    text-transform: capitalize;    padding-bottom: 5px;}.pagin p {    color: #151515;    font-size: 16px;    font-weight: 400;    text-transform: capitalize;}.pagin a{    color: #494da1;}/*=======================================================                    Portfolio Page CSS ===========================================================*/.port-item {    margin-bottom: 30px;}#port-page >#portfolio {    padding-top: 92px!important;    padding-bottom: 70px!important;}/*========================================================        Blog Page version 01 CSS =========================================================*/.view-icon i {    width: 40px;    height: 40px;    text-align: center;    line-height: 38px;    color: #444;    border: 1px solid #444;    transition: all linear .3s;    font-size: 20px;}.view-icon i:hover {    background: #494da1;    color: #fff;}.view-icon a.grid i {    background: #494da1;    color: #fff;    border-color: #494da1}.select label {    font-size: 14px;    color: #444444;    font-weight: 400;    padding: 0 10px}.select select {    font-size: 14px;    color: #444444;    font-family: 'Open Sans', sans-serif;    font-weight: 400;    padding: 10px 10px;}.pagination >li.of a {	background: transparent;    border: none; 	color: #222;	color: #444444;}#pag-nav .page-link {	margin-left: 5px;    font-family: 'Open Sans', sans-serif;    font-size: 14px;    border-color: #c1c1c1;    color: #444444;    transition: all linear .3s;}#pag-nav .page-link:hover{    background: #494da1;    color: #fff;    border-color: #494da1;}.next-colr {    background: #494da1;    border-color: #494da1!important;}.next-colr i{    color: #fff;}#blog-page .blog-item .extra1 {	margin-right: 10px;}.blog-likes {    position: absolute;    bottom: 0;    left: 50%;    width: 100%;    transform: translateX(-50%)}.blog-likes b {    margin: 0 5px;    font-weight: 400;    color: #fff;    font-family: 'Open Sans', sans-serif;    font-size: 14px;}/*===================================        blog page version 02 css========================================*/#blog-page2 .blog-item {	margin-bottom: 30px;}#blog-page .v3 {	padding-top: 0px!important;}#blog-page2 >#blog-grid-main {	padding-top: 0px!important;}#blog-page3 >#blog-grid-main {	padding-top: 0!important;}#blog-page3 .blog-item .extra1 {;	padding-right: 20px;}/*===================================        blog left sidebar version css========================================*/#blog-grid-main {    padding-top: 100px;}#blog-left-side .blog-item {	margin-bottom: 30px;}#blog-left-side .blog-likes b {	margin:0 3px;}#blog-left-side .view-icon a.grid i {	background: none;	color: #444;	border-color: #444;}#blog-left-side .view-icon a.grid i:hover {    background: #494da1;	color: #fff;	border-color: #494da1;}#blog-left-side .view-icon i {	color: #fff;    background: #494da1;	border: 1px solid #494da1;}.cate-head{    padding-top: 60px;    padding-bottom: 30px;} .cate-head h3 {    font-size: 20px;    font-weight: 600;    color: #151515;    text-transform: uppercase;}.categories {    padding-bottom: 30px;}.category-name ul li {    padding-bottom: 20px;}.category-name ul li a {    font-size: 16px;    color: #444444;    text-transform: capitalize;    transition: all linear .3s;}.category-name ul li a:hover {    color: #494da1;}.card2 ul li a {    font-size: 20px;    color: #222222;    text-transform: uppercase;}.popular-intro h3{    font-size: 16px;    margin: 0;    font-weight: 500;    text-transform: capitalize;    padding-bottom: 35px;}.popular-intro h3 a{    color: #151515;    font-weight: 500;}.popular-intro h3 a:hover{    color: #494da1;}.popular-intro span {    font-size: 14px;    font-family: 'Open Sans', sans-serif;    padding-right: 12px;}.popular-img {    position: relative;}.popular-overlay {    position: absolute;    width: 100%;    height: 100%;    top: 0;    left: 0;    background: rgba(73, 77, 161, 0.74);    opacity: 0;    transition: all linear .3s;}.popular-overlay i {    width: 30px;    height: 30px;    background: #fff;    border-radius: 50%;    text-align: center;    line-height: 30px;    top: 50%;    left: 50%;    color: #494da1;    position: relative;    transform: translate(-50%,-50%);}.blog-popular-main {    padding: 20px 0;}.card2 {    position: relative;}.blog-popular-main:hover .popular-overlay {    opacity: 1;}.blog-popular-main:hover .popular-intro h3 {    color: #494da1;}.card2 .nav-tabs >li >a {	margin-right: 30px;}.blog-side-categ .single h3.side-title {	padding: 15px 0px;}.nav-tabs {	border-bottom: none;}.tags {    padding-top: 20px;}.tags h3 {    font-size: 20px;    font-weight: 500;    color: #222222;    text-transform: uppercase;    padding-bottom: 20px;}.tags a {    border:1px solid #777;    font-size: 14px;    color: #222222;    padding: 8px 10px;    margin-right: 10px;    text-decoration: none;    text-transform: capitalize;    margin-bottom: 10px;    transition: all linear .3s;}.tags a:hover {    border-color:#494da1;    color: #494da1;}.tags p {    padding-bottom: 30px;}#blog-left-side .pagination {    justify-content: center!important;}.search-item button:hover {    background: #494da1;}.search-item button{	border: 1px solid #dddddd !important;	border-radius: 0;}.search-item button i{	color: #a0a0a0;}.search-item input{	border: 1px solid #dddddd !important;	border-radius: 0;}.search-item input::placeholder{	color: #999999;}/*================================    blog details page =================================*/#blog-details {    padding: 50px 0;}.blog-feature-img h3 {    font-size: 24px;    font-weight: 600;    color: #151515;    padding-top: 20px;}.posted-by ul li {    margin-right: 15px;}.posted-by p {    font-size: 14px;    font-weight: 400;    color: #777777;    line-height: 24px;}.posted-by {    padding-top: 25px;}.post-commnets {    padding-top: 25px;}.post-commnets span{    font-size: 14px;    color: #999999;    margin-left: 5px;    line-height: 70px;}.details-blog {    padding-top: 40px;}.details-blog p {    font-weight: 400;    font-size: 14px;    color: #222222;    padding-bottom: 20px;    line-height: 24px;}.details-italic {    background: #f1f1f1;    padding: 30px 25px;    border-left: 3px solid #494da1;}.details-italic p {    list-style: 25px;    font-weight: 400;    font-size: 14px;    color: #444444;    font-style: italic;}.blog-bg-video {    position: relative;}.blog-bg-over {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(0,0,0,0.6);    text-align: center;}.blog-bg-over i {    width: 70px;    height: 70px;    line-height: 70px;    color: #fff;    font-size: 20px;    background: #ff5b5b;    text-align: center;    border-radius: 50%;    top: 50%;    position: relative;    transform: translateY(-50%);}.bg-video-details p {    padding-bottom: 25px;    color: #222;    font-weight: 400;    line-height: 22px;}.blog-social {    padding-top: 30px;}.blog-social i {    width: 35px;    height: 35px;    border-radius: 50%;    border: 1px solid #777;    color: #777;    text-align: center;    line-height: 33px;    margin: 0 5px;    transition: all linear .3s;    font-size: 16px;}.blog-social i:hover {    background: #494da1;    color: #fff;    border-color: #494da1;}.dtails-right h3 a{    font-size: 19px!important;    color: #151515;}.dtails-right h4{    padding-top: 20px;}.dtails-right i {    font-size: 16px;    color: #777;}.tahsan-5 a.next-post{    font-size: 20px;    color: #777;    margin-left: 10px;    transition: all linear .3s;}.tahsan-5 a.prev-post{    font-size: 20px;    color: #777;    margin-left: 10px;    transition: all linear .3s;}.tahsan-5 {    position: relative;}.next-post {    position: absolute;    right: 27%;    bottom: 20%;    z-index:999;}.prev-post {    position: absolute;    left: 27%;    bottom: 20%;    z-index:999;}.tahsan-5 a.prev-post:hover,.tahsan-5 a.next-post:hover{    color: #494da1}#blog-details-btm {    padding-bottom: 25px;}.total-comment h3 {    padding: 10px 0 20px 0; }.comment-details h3 {    font-size: 16px;    color: #151515;}#comments {    padding-bottom: 50px;}#comments .title{	border-bottom: 1px solid #dddddd;	margin-bottom: 50px;	}.comment-details p {    font-size: 14px;    color: #444;    padding-top: 15px;    line-height: 24px;    padding-bottom: 10px;}.comment-details a {    color: #999999;}.comment-details a:hover {    color: #494da1;}.reply-form input{	border-radius: 0;}.reply-form .btn {    background: #494da1;    color: #fff;    font-size: 20px;}.reply-form textarea {    padding-bottom: 60px;    resize: none;	border-radius: 0;}.reply-form button{	border-radius: 0;}.reply-form input:focus {    border-color: #494da1;}.reply-form textarea:focus {    border-color: #494da1;}/*======================== blog details page with sidebar ========================*/#blog-details-sidebar .tags a {	margin-right: 0px;}/*======================== 404 page  ========================*/.error-page {    background: url(../images/404.jpg);    background-size: cover;    background-repeat: no-repeat;    background-position:center;    padding-bottom: 170px;}.error-text {    padding-top: 270px;}.error-text h3 {    color: #fff;    font-size: 32px;    padding-bottom: 20px;    padding-top: 100px;    padding-left: 70px;}.error-text p {    font-size: 16px;    color: #fff;    padding-left: 100px;     padding-right: 55px;    padding-bottom: 50px;}.error-text a {    margin-left: 45px;    padding: 10px 20px;    background: #494da1;    border-radius: 30px;    color: #fff;    text-transform: capitalize;    font-size: 20px;}/*：这只是演示代码。源码下载链接: http://www.bootstrapmb.com/item/3711(这个说明仅在演示里会看到,下载的源码里没有)*/