@charset "utf-8";
/* CSS Document */

* {outline:none;text-shadow:none;box-sizing:border-box!important;-moz-box-sizing:border-box!important;}
body {font-family: 'Poppins', sans-serif;font-weight:400;font-size:16px;overflow-x:hidden!important;color:#222222;width:100%!important;}

ul {margin:0; padding:0;}
ul li {list-style-type:none;}
a, a:hover {text-decoration:none; outline:none;}
.float-right {float:right;}
.m-b40 {margin-bottom:40px;}

/*--Blog Slider Starts--*/
.owl-carousel .owl-item {padding:0;float:left;}
.owl-carousel {overflow:hidden;}
.blogSlider .thumbnail {background:#000;padding:0px;border-radius:0;box-shadow:none;border:0px;display:inline-block;margin-bottom:0px;width:100%;}
.blogSlider .thumbnail .image {position:relative;width:100%;float:left;}
.blogSlider .thumbnail .image img {position:relative;width:100%;height:500px;object-fit:cover;opacity:.8;}
.blogSlider .thumbnail:hover .image img {opacity:.6;}

.blogSlider .thumbnail a.details {padding:30px;width:100%;max-width:100%;position:absolute;bottom:0px;left:0px;z-index:9999;}
.blogSlider .thumbnail .badge {font-size:.9em;margin:0 0 0 0;font-weight:400;text-transform:uppercase;}
.blogSlider .thumbnail h2 {font-size:1.6em;margin:10px 0 0 0;color:#fff;}
.blogSlider .thumbnail p {font-size:1em;margin-bottom:1em;color:#fff;}
.blogSlider .owl-controls {display:none!important;}
/*--Blog Slider Ends--*/

/*--Single Post Starts--*/
.singlePostContainer {width:100%;float:left;padding:40px 0px;}
.singlePostContainer .thumbnail {padding:0px;border-radius:0;box-shadow:none;border:0px;margin-bottom:0px;}
.singlePostContainer .thumbnail .imgBlock {width:100%;float:left;position:relative;background:#000;}
.singlePostContainer .thumbnail .imgBlock img {width:100%;height:250px;object-fit:cover;position:relative;opacity:0.7;}
.singlePostContainer .thumbnail .imgBlock .badge {position:absolute;bottom:10px;right:10px;z-index:9999;font-size:.9em;font-weight:400;text-transform:uppercase;}

.singlePostContainer .thumbnail .detailBlock {width:100%;float:left;border:1px solid #dedede;border-top:0px;padding:15px;}
.singlePostContainer .thumbnail .detailBlock h2 {font-size:1.1em;margin:0 0 10px 0;color:#222222;line-height:25px;}
.singlePostContainer .thumbnail .detailBlock p {font-size:1em;color:#555555;margin:0;}

.singlePostContainer .singlePostSlogan .blueBg {background:#01087c;}
.singlePostContainer .singlePostSlogan .redBg {background:#d9534f;}
.singlePostContainer .singlePostSlogan .yellowBg {background:#ECC700;}
.singlePostContainer .singlePostSlogan .greenBg {background:#00B915;}
.singlePostContainer .singlePostSlogan .orangeBg {background:#DC4C00;}

.singlePostContainer .singlePostSlogan .thumbnail {color:#fff;text-align:left;padding:30px;}
.singlePostContainer .singlePostSlogan .thumbnail h3 {font-size:1.4em;margin:0 0 30px 0;font-weight:200;line-height:30px;}
.singlePostContainer .singlePostSlogan .thumbnail h6 {font-size:1.2em;color:#ffffff;margin:0 0 0 0;font-weight:300;font-style:italic;text-transform:uppercase;opacity:.5;width:100%;text-align:right;}
.singlePostContainer .singlePostSlogan .thumbnail a {border:1px solid #ffffff;padding:5px 10px;text-transform:uppercase;color:#fff;}
.singlePostContainer .singlePostSlogan .thumbnail a:hover {border-color:#00a0e3;color:#00a0e3;}

.singlePost, .singlePostSlogan {margin-bottom:30px;}
/*--Single Post Ends--*/

/*--Post Tagline Starts--*/
.postTagline {text-align:center;margin:50px 0 20px 0;float:left;width:100%;}
.postTagline .badge {font-size:.9em;margin:0 0 0 0;font-weight:400;text-transform:uppercase;}
.postTagline h2 {font-size:2.5em;margin:10px 0 10px 0;color:#222222;font-weight:300;}
.postTagline h2 span {display:block;text-transform:uppercase;font-weight:800;}

.postDetail {margin:0 0 50px 0;float:left;width:100%;}
.postDetail .leftSideBar {border-right:1px solid #efefef;padding-right:25px;}
.postDetail .postImage {margin:0 0 30px 0;}
.postDetail .blogPostDetail p {font-size:16px;margin-bottom:20px;color:#555;}
.postDetail .blogPostDetail h3 {font-size:1.2em;margin-bottom:15px;color:#222222;font-weight:600;}
.postDetail .blogPostDetail h5 {font-size:18px;margin-bottom:10px;color:#222;}

.postDetail .blogPostDetail .postInnerImage img {width:100%;height:350px;object-fit:cover;object-position:top;}

.postDetail .blogPostDetail ol {margin-bottom:20px;}
.postDetail .blogPostDetail ol li {font-size:16px;color:#555;}

.postDetail .rightSideBar {width:100%;float:left;padding-left:10px;}
.postDetail .rightSideBar h3 {font-size:1.5em;margin:0 0 15px 0;color:#222222;font-weight:600;text-transform:uppercase;}
.postDetail .rightSideBar ul {margin:0 0 50px 0;padding:0;}
.postDetail .rightSideBar ul li {list-style-type:none;position:relative;padding:0 0 0 20px;margin-bottom:10px;font-size:16px;color:#555;}
.postDetail .rightSideBar ul li:before {position:absolute;content:'\f101';left:0;font-family: 'FontAwesome';}
.postDetail .rightSideBar ul li a {color:inherit;}
.postDetail .rightSideBar ul li a:hover {color:#2581dc;}

#blogPost1 .rightSideBar ul li a.blogPost1, #blogPost1 .rightSideBar ul li a.blogPost1, #blogPost3 .rightSideBar ul li a.blogPost3, #blogPost4 .rightSideBar ul li a.blogPost4, #blogPost5 .rightSideBar ul li a.blogPost5, #blogPost6 .rightSideBar ul li a.blogPost6, #blogPost7 .rightSideBar ul li a.blogPost7, #blogPost8 .rightSideBar ul li a.blogPost8 {color:#2581dc;}
/*--Post Tagline Ends--*/

.blogSlider {width:100%;float:left;}
.blogSlider .owl-item {width:100%;}

@media screen and (min-width:814px)
{
	.filterBtn {display:none;}
	.closeBtn {display:none;}
}

@media screen and (max-width:813px)
{
	.blogSlider {width:100%;float:left;}
	.blogSlider .owl-item, #owl-demo {width:100%;}
	.singlePost, .singlePostSlogan {width:100%;}
	
	.filterBtn {display:block;width:100%;display:flex;border:0px;margin-bottom:20px;justify-content:center;padding:10px;align-items:center;background:#0d6efd;color:white;}
	.filterBtn svg {width:50px;}
	.filterBtn svg path {fill:#fff;}
	.filterBtn svg .st0{fill:#0d6efd;}
	.filterBtn span {font-size:25px;text-transform:uppercase;font-weight:500;}
	.rightSidebarOuter {visibility:hidden;opacity:0;right:-100%;top: 0;position:fixed;width: 100%;background:#00122F;z-index: 999;padding:40px;overflow:auto;transition:all .5s ease;}
	.rightSidebarOuter.rightSidebarOuterActive {visibility: visible;opacity: 1;right: 0;}
	.postDetail .rightSideBar h3 {color:white!important;}
	.postDetail .rightSideBar ul li {color:#fff;}
	.leftSideBar {width:100%;}
	.closeBtn {background:#ffc107;border:0;padding:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:5px;position:absolute;right:20px;top:20px;}
	.closeBtn .fa {font-size:30px;color:black;}
}

@media(max-width:736px)
{
	.row {margin-left:auto;margin-right:auto;}	
	.singlePostContainer .singlePost, .singlePostContainer .singlePostSlogan {margin-bottom:20px;}
	
	.postDetail .leftSideBar {border-right:0px;padding-right:0;padding-left:0;}
	.postDetail .rightSidebarOuter {padding-right:0;padding-left:0;border-top:1px solid #efefef;padding-top:20px;}
	.postDetail .rightSideBar {padding-left:0;}
	.postTagline h2 {font-size:2em;}
}