*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0}
body{margin: 0; padding: 0; font-family: 'Montserrat', sans-serif !important; overflow-x:hidden !important;}
img{max-width: 100%; max-height: 100%;}
button{outline: 0 !important;}
:focus{outline: 0 !important;}
.cf:after,.cf:before{content:"";display:table}
.cf:after{clear:both}
.cl{clear: both;}
.paddingLR0{padding-left: 0 !important; padding-right: 0 !important;}
.content-main{max-width: 1070px; margin: auto;}
.posR{position: relative;}

.nav-view-all{color: #e13c09 !important; text-decoration: none !important; background: none; border: 1px solid #e13c09; font-size: 14px; font-weight: 500; border-radius: 7px; width: 160px; height: 50px; transition: 0.25s; margin: 74px auto; display: table; line-height: 50px !important; text-align: center;}
.nav-view-all:hover{background: #e13c09; color: #fff !important;}

/* Header Start */
header{background: #fff; z-index: 102; padding: 0 25px 0 15px; box-shadow: 0 0 6px rgba(0,0,0,0.15); height: 68px; position: fixed; left: 0; right: 0; top:0;}
.blog-logo{}
nav{float: left; margin-right: 15px;}
nav>ul{margin: 0; padding: 0; list-style: none;}
nav>ul>li{display: inline-block; cursor: pointer; vertical-align: middle; padding: 24px 12px;}
nav>ul>li.has-child > a:after {color: #000; margin-left: 8px; content: '\f107'; font-family: "FontAwesome"; font-size: 14px;}
nav>ul>li>a{display: block; text-decoration: none !important; font-size: 12px; text-transform: uppercase; color: #000 !important; font-weight: 500;}
.nav-ul-ul{position: absolute; background: #fafafa; margin: 0; list-style: none; top: 68px; left: 0; right: 0; transition: 0.25s; width: 100%; padding: 20px 15px 15px 15px; border-bottom: 1px solid #ddd; visibility: hidden; opacity: 0; z-index: 9999;}
.nav-ul-ul li{float: none;}
nav>ul>li:hover .nav-ul-ul{visibility: visible; opacity: 1;}
nav>ul>li.has-child:hover>a:after{content: '\f106';}
.nav-city-slide{font-size: 0;}
.nav-city-slide-float{width: 18%; display: inline-block; vertical-align: top; margin: 0 1%;}
.nav-city-slide-box img{box-shadow: none !important; width: 100%; height: 100%;}
.nav-city-slide-box-img{height: 150px; width: 100%;}
.nav-city-slide-box h3{font-size: 12px; margin: 8px 0 0 0; line-height: 20px; font-weight: 500;}
.nav-city-slide-box h3 a{color: #333 !important; text-decoration: none !important;}
.nav-city-slide .slick-slide{margin: 0 10px !important;}
.nav-city-slide-box:hover h3 a{color: #e73500 !important;}
.nav-city-slide .slick-prev{left: 0px; z-index: 9; width: 46px; height: 46px; background: #ddd !important; border-radius: 50%;}
.nav-city-slide .slick-next{right: 0px; z-index: 9; width: 46px; height: 46px; background: #ddd !important; border-radius: 50%;}
.nav-city-slide .slick-prev:before, .nav-city-slide .slick-next:before{font-size: 30px;}
.search-btn-blog{float: left; padding: 24px 0; color: #000;}
.search-blog-box{background: #fafafa; transition: 0.25s; visibility: hidden; opacity: 0; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 100%; height: 68px;}
.search-blog-box input{width: 100%; height: 68px; background: none; font-size: 13px; padding-right: 130px; padding-left: 20px; border-bottom: 1px solid #ddd !important; border: none;}
.search-blog-box button{width: 85px; height: 34px; background: #000; position: absolute; top: 50%; right: 34px; transform: translateY(-50%); border: none; color: #fff; font-size: 12px; font-weight: 600;}
.search-blog-box span{position: absolute; line-height: 34px; color: #999; cursor: pointer; font-weight: 400 !important; top: 50%; right: 0; transform: translateY(-50%); background: #ddd; width: 34px; height: 34px; text-align: center; font-size: 30px;}
.search-blog-box.open{visibility: visible; opacity: 1;}
/* Header Finish */

/* Blog bg Start */
.blog-bg{background: url(../images/blog/blog-bg.jpg) no-repeat center center; position: relative; background-size: cover; height: 400px; margin-top: 68px;}
.blog-bg p{text-align: center; font-size: 24px; color: #000; text-transform: uppercase; font-weight: 600; background: #fbfbfb; display: table; padding: 9px 30px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
/* Blog bg Finish */

.latest-sidebar-section{margin: 40px 0;}


/* Blog Listing Start */
.blog-head{margin-bottom: 35px; position: relative; font-size: 16px; font-weight: 500; color: #000;}
.blog-head:before{content: ""; position: absolute; width: 75px; height: 2px; background: #ddd; bottom: -12px; left: 0;}
.blog-listing-div{margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px dashed #f3f3f3;}
.blog-listing-img{position: relative; height: 378px; background: rgba(0,0,0,.05) url(../images/blog-logo-bg.png)no-repeat center center;}
.blog-listing-img img{width: 100%; height: 100%;}
.blog-listing-img font {position: absolute; background: rgba(0,0,0,0.6); padding: 5px 7px; font-size: 10px; font-weight: 500; top: 10px; left: 10px; color: #fff; text-rendering: auto;}
.blog-listing-img span {position: absolute; background: rgba(0,0,0,0.6); padding: 5px 7px; font-size: 10px; font-weight: 500; top: 10px; right: 10px; color: #fff; text-rendering: auto;}
.blog-listing-img span i{font-size: 12px; vertical-align: middle; margin-right: 2px; margin-top: -2px;}
.blog-listing-detail h3>a{font-size: 18px; text-align: left; line-height: 24px; font-weight: 500; color: #1a1a1a !important; text-decoration: none !important; margin: 20px 0 10px 0; display: block;}
.blog-listing-detail p{font-size: 13px; line-height: 22px; font-weight: 400; color: #858585; text-align: justify;}
.blog-listing-detail a{font-size: 13px; text-align: right; display: block; margin-top: 10px; color: #ec583d; font-weight: 500; text-decoration: none;}
.blog-listing-detail a>i{vertical-align: middle; font-size: 18px; margin-top: -2px;  margin-left: 2px;}
.load-more-blog{display: table; margin: auto; background: no-repeat; border: 1px solid #e64209; color: #e64209; padding: 10px 23px; font-weight: 500; border-radius: 5px; transition: 0.25s;}
.load-more-blog:hover{background: #e64209; color: #fff;}

.popular-article-div{padding: 0 0px 0 10px; margin-bottom: 30px;}
.popular-article-box{margin-bottom: 15px; padding-bottom: 20px; border-bottom: 1px dashed #ddd;}
.popular-article-box h3{font-size: 14px; font-weight: 500; margin-bottom: 10px;}
.popular-article-box h3 a{color: #1a1a1a; display: block; line-height: 22px; text-decoration: none;}
.popular-article-catgry{background: #e64209; color: #fff; padding: 2px 4px; margin-right: 5px; font-size: 11px; font-weight: 500; display: inline-block; vertical-align: middle;}
.popular-article-catgry a{color: #fff; text-decoration: none;}
.popular-article-author{color: #000; border-right: 1px solid #ddd; padding-right: 9px; margin-right: 5px; font-size: 11px; font-weight: 600; display: inline-block; vertical-align: middle;}
.popular-article-author a{color: #000; text-decoration: none;}
.popular-article-date{color: #858585; margin-right: 5px; font-size: 11px; font-weight: 500; display: inline-block; vertical-align: middle;}
.popular-article-comment{color: #000; font-size: 11px; font-weight: 500; display: inline-block; vertical-align: middle;}
.popular-article-comment i{vertical-align: middle; margin-top: -1px; margin-right: 1px;}
.popular-article-box:hover h3 a{color: #e64209;}

.popular-category-div{padding: 0 0px 0 10px; margin-bottom: 30px;}
.popular-category-div ul{margin: 0; padding: 0; list-style: none;}
.popular-category-div ul li{float: none;}
.popular-category-div ul li a{display: block; text-decoration: none; color: #1a1a1a; font-size: 14px; font-weight: 500; margin-bottom: 12px;}
.popular-category-div ul li a span{float: right;}
.popular-category-div ul li a:hover{color: #e64209;}

.advertisement-div{padding: 0 0px 0 10px;}
.advertisement-div img{border: 1px dashed #f7f7f7; padding: 10px; border-radius: 5px;}
/* BLog Listing Finish 

/* Blog Detail Start */
.blog-detail-margin{margin:88px 0 30px 0;}
.blog-dteial-img-div{position: relative; margin: 15px 0; height: 378px; background: rgba(0,0,0,.05) url(../images/blog-logo-bg.png)no-repeat center center;}
.blog-detail-img{width: 100%; height: 100%;}
.blog-detail-div h1{font-size: 24px; line-height: 32px; color: #1a1a1a; font-weight: 500; margin-bottom: 8px;}
.popular-article-catgry-dtl{background: #858585; color: #fff; padding: 2px 7px; margin-right: 6px; font-size: 11px; font-weight: 500; display: inline-block; vertical-align: middle;}
.popular-article-catgry-dtl a{color: #fff; text-decoration: none;}
.popular-article-author-dtl{color: #000; border-right: 1px solid #ddd; padding-right: 9px; margin-right: 6px; font-size: 11px; font-weight: 600; display: inline-block; vertical-align: middle;}
.popular-article-author-dtl a{color: #000; text-decoration: none;}
.popular-article-date-dtl{color: #858585; margin-right: 6px; font-size: 11px; font-weight: 500; display: inline-block; vertical-align: middle;}
.popular-article-comment-dtl{color: #000; font-size: 11px; font-weight: 600; display: inline-block; vertical-align: middle;}
.popular-article-comment-dtl i{vertical-align: middle; margin-top: -1px; margin-right: 1px;}
.blog-detail-detail-box p{font-size: 13px; line-height: 24px; color: #1a1a1a; font-weight: 500; text-align: justify; margin-bottom: 18px;}
.blog-detail-detail-box table{font-size: 13px; line-height: 24px; color: #1a1a1a; font-weight: 500; text-align: justify; margin-bottom: 18px;}
.blog-detail-detail-box p a{color: #e64209 !important;}
.blog-detail-detail-box h1{font-size: 21px; color: #444; margin-bottom: 10px;}
.blog-detail-detail-box h1 strong{font-weight: 500;}
.blog-detail-detail-box h2{font-size: 21px; color: #444; margin-bottom: 15px;}
.blog-detail-detail-box h2 strong{font-weight: 500;}
.blog-detail-detail-box h3{font-size: 18px; color: #444; margin-bottom: 15px;}
.blog-detail-detail-box h3 strong{font-weight: 500;}
.blog-detail-detail-box h4{font-size: 17px; color: #444; margin-bottom: 10px;}
.blog-detail-detail-box h4 strong{font-weight: 500;}
.blog-detail-detail-box blockquote{margin-bottom: 15px; font-size: 13px; padding-left: 10px;}
.blog-detail-detail-box blockquote a{color: #e64209 !important;}
.blog-detail-detail-box blockquote strong{font-weight: 600;}
.blog-detail-detail-box pre{margin-bottom: 15px; font-size: 13px; padding: 10px; white-space: initial;}
.blog-detail-detail-box pre a{color: #e64209 !important;}
.blog-detail-detail-box pre strong{font-weight: 600;}
.blog-detail-detail-box ul{margin: 0 0 0 15px; padding: 0;}
.blog-detail-detail-box ul li{float: none; font-size: 12px; line-height: 24px; color: #444; font-weight: 500; text-align: justify; margin-bottom: 12px;}

.blog-detail-author{border-top:1px solid #eaeaea; padding-left: 90px; padding-top: 35px; padding-bottom: 35px; margin-top: 30px; position: relative; min-height: 100px;}
.blog-detail-author img{position: absolute; top: 35px; left: 0px; width: 70px;}
.blog-detail-author h5{font-size: 15px; font-weight: 600; color: #1a1a1a; margin-bottom: 8px;}
.blog-detail-author a{font-size: 12px; color: #555; font-weight: 500; display: table; margin-bottom: 5px;}
.blog-detail-author p{font-size: 12px; line-height: 24px; color: #858585; font-weight: 500; text-align: justify;}

.blog-comment-form{background: #f7f7f7; padding: 30px 15px;}
.blog-comment-form h5{font-size: 17px; font-weight: 600; position: relative; color: #1a1a1a; margin-bottom: 35px; margin-left: 15px; text-transform: capitalize;}
.blog-comment-form h5:before{content: ""; position: absolute; width: 75px; height: 2px; background: #ddd; bottom: -12px; left: 0;}
.blog-comment-form-box{margin-bottom: 25px; position: relative;}
.blog-comment-form-box i{position: absolute; top: 15px; left: 10px;}
.blog-comment-form-box input{border-bottom: 1px solid #eaeaea !important; padding-left: 30px; border:none; width: 100%; height: 45px; font-size:13px;}
.blog-comment-form-box textarea{border-bottom: 1px solid #eaeaea !important; padding: 13px 13px 13px 30px; border:none; width: 100%; height: 110px; font-size:13px;}
.blg-dtl-commnt-btn{background: none; border: 1px solid #bbb; width: 120px; height: 45px; font-size: 15px; font-weight: 600; color: #aaa; margin-left: 15px; margin-top: -8px; border-radius: 5px;}
.blg-dtl-commnt-btn:hover{background: #e53f06; color: #fff; border-color: #e53f06;}

.blog-comment-div{margin-top: 30px;}
.blog-comment-div h5{font-size: 17px; font-weight: 600; position: relative; color: #1a1a1a; margin-bottom: 15px; text-transform: capitalize;}
.blog-comment-div h5:before{content: ""; position: absolute; width: 75px; height: 2px; background: #ddd; bottom: -12px; left: 0;}
.blog-comment-box{position: relative; padding: 20px 0 20px 80px; min-height: 80px; border-bottom: 1px dashed #eaeaea;}
.blog-comment-box img{position: absolute; width: 60px; left: 0; right: 0;}
.blog-comment-box h6{font-size: 14px; font-weight: 500; color: #1a1a1a; margin-bottom: 5px; margin-top: 5px;}
.blog-comment-box p{font-size: 12px; line-height: 24px; color: #858585; font-weight: 500; text-align: justify;}
.blog-comment-box:last-child{border-bottom: none;}
.respon-menu, .nav-close-btn{display:none;}

.blog-detail-share{ margin-top: 30px; }
.blog-detail-share ul{margin:0; padding: 0; list-style: none;}
.blog-detail-share ul li{float: left;}
.blog-detail-share ul li a{display: block; margin-right: 12px;}
.blog-detail-share ul li a img{width: 40px;}

/* Blog Detail Finish */


@media (max-width: 1199px){
.blog-listing-img{height: 330px;}
.blog-dteial-img-div{height: 330px;}
#filter-nav{display: none !important;}
}


@media (max-width: 991px){
nav{width: 250px; height: 100%; position: fixed; left: -250px; top: 0; bottom: 0; padding: 30px 0 !important; background: #444444; overflow-y: auto; z-index: 1032; transition: ease-in-out 0.2s; -webkit-transition: ease-in-out 0.2s;}
nav.open{left: 0;}
nav ul li{float: none; display: block !important; padding: 15px 12px; border-bottom: 1px solid #666;}
nav ul li:last-child{border-bottom: none;}
nav ul li a{color: #fff !important; display: block;}
nav ul li ul, nav>ul>li.has-child > a:after{display: none;}
.respon-menu{position: absolute; display: inline-block; left: 17px; top: 27px; bottom: 0; margin: auto;}
.respon-menu span{background: #b7b7b7; width: 24px; height: 3px; display: block;}
.respon-menu span:nth-child(2) {margin-top: 5px; margin-bottom: 5px;}
.blog-logo{margin-left: 50px;}
.nav-close-btn{position: absolute; top: 8px; right: 15px; z-index: 99; cursor: pointer; font-size: 18px; font-weight: 400; color: #fff; padding: 10px 15px; display: block;}
.blog-listing-img{height: 382px;}
.advertisement-div{text-align: center; padding: 0;}
.load-more-blog{margin-bottom: 30px;}
.popular-article-div, .popular-category-div{padding: 0;}
.blog-dteial-img-div{height: 382px;}
.blog-detail-author{padding-top: 25px; margin-bottom: 30px; padding-bottom: 20px; padding-left: 65px; border-bottom: 1px solid #eaeaea;}
.blog-detail-author img{width: 50px; top: 20px;}
.blog-detail-author h5{font-size: 14px; margin-bottom: 5px;}
header{padding: 0 15px;}
.search-btn-blog{padding: 22px 0 21px 0; font-size: 18px;}
}


@media (max-width: 767px){
.blog-listing-div{margin-left: -15px; margin-right: -15px; margin-bottom: 25px; padding-bottom: 20px;}
.blog-listing-img{height: 200px;}
.blog-listing-detail h3>a{line-height: 22px; font-size: 15px; margin: 10px 0 5px 0;}
.blog-listing-detail p{line-height: 20px;}
.blog-listing-detail a{font-size: 12px;}
.blog-bg{height: 250px;}
.side-sticky{margin-left: -15px; margin-right: -15px;}
.blog-detail-div{margin-left: -15px; margin-right: -15px;}
.blog-detail-div h1{font-size: 18px; line-height: 26px;}
.popular-article-catgry-dtl, .popular-article-author-dtl, .popular-article-date-dtls{font-size: 10px;}
.blog-detail-detail-box p{line-height: 22px; margin-bottom: 15px;}
.blog-detail-detail-box h1{font-size: 18px; line-height: 23px;}
.blog-detail-detail-box h2{font-size: 18px; line-height: 23px;}
.blog-detail-detail-box h3{font-size: 15px; line-height: 23px;}
.blog-detail-detail-box h4{font-size: 14px; line-height: 23px;}
.blog-dteial-img-div{height: auto;}
.popular-category-div ul li a{font-size: 13px;}
.blog-bg p{font-size: 18px;}
}