/* Base CSS */

@font-face {

    font-family: 'SolaimanLipiNormal';

    src: url('fonts/solaiman-lipi.eot');

    src: url('fonts/solaiman-lipi.eot') format('embedded-opentype'),

         url('fonts/solaiman-lipi.woff') format('woff'),

         url('fonts/solaiman-lipi.ttf') format('truetype'),

         url('fonts/solaiman-lipi.html#SolaimanLipiNormal') format('svg');

	

	font-weight:normal;font-style:normal;

}

.alignleft {

    float: left;

    margin-right: 15px;

}

.alignright {

    float: right;

    margin-left: 15px;

}

.aligncenter {

    display: block;

    margin: 0 auto 15px;

}

a:focus { outline: 0 solid }

img {

    max-width: 100%;

    height: auto;

}

h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0 0 0;

    font-weight: normal;

}

p{

	margin: 0;

}



ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

body {

    font-size: 20px;
	color: #000;
	width:100%;
	font-family: SolaimanLipiNormal;
    background: #fff;
	line-height: 24px;

}

a{ text-decoration: none }

a:hover { text-decoration: none }





/*======================================
		ThemesBazar col Start
======================================*/  
.themesBazar-1{
	max-width: 100%; 
	width: 100%;
	flex: 0 0 auto;
}

.themesBazar-2{
	max-width: 50%;
	width: 100%;
	flex: 0 0 auto;
}

.themesBazar-3{
	max-width: 33.33%;
	width: 100%;
	flex: 0 0 auto;
}

.themesBazar-4{
	max-width: 25%;
	width: 100%;
	flex: 0 0 auto;
}

.themesBazar-6{
	max-width: 16.66%;
	width: 100%;
	flex: 0 0 auto;
}


/*======================================
		ThemesBazar col End
======================================*/ 


.container, .container-lg, .container-md, .container-sm, .container-xl {

	max-width: 1280px;

}





                /*======================================

                    Themesbazar_header Section css-start

                ======================================*/  

.header {

	padding: 20px 0;

}



.date {

	color: #000;

	font-size: 17px;

	margin-top: 15px;

	text-align: center;

}



.date > i {

	font-size: 20px;

	margin-left: 10px;

	margin-right: 3px;

	color: #9d0000;

}



.header-social {

	text-align: right;

	margin-top: 8px;

}



.header-social a {

	background: #ddd;

	display: inline-block;

	color: #fff;

	font-size: 17px;

	border-radius: 50%;

	transition: .8s all;

	border: 1px solid transparent;

	width: 38px;

	height: 38px;

	line-height: 38px;

	text-align: center;

	margin-right: 5px;

}





.header-social a:nth-child(1) {

	background: #3b5998;

}



.header-social a:nth-child(1):hover {

	background: #eee;

	color: #3b5998;

	border: 1px solid #3b5998;

}



.header-social a:nth-child(2) {

	background: #c4302b;

}



.header-social a:nth-child(2):hover {

	background: #eee;

	color: #c4302b;

	border: 1px solid #c4302b;

}





.header-social a:nth-child(3) {

	background: #00acee;

}



.header-social a:nth-child(3):hover {

	background: #eee;

	color: #00acee;

	border: 1px solid #00acee;

}



.header-social a:nth-child(4):hover {

	background: #eee;

	color: #0e76a8;

	border: 1px solid #0e76a8;

}



.header-social a:nth-child(4) {

	background: #0e76a8;

}







.header-social a:nth-child(5):hover {

	background: #eee;

	color: #d6249f;

	border: 1px solid #d6249f;

}



.header-social a:nth-child(5) {

	background: #d6249f;

	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);

}









                /*======================================

                    Themesbazar_header Section css-End

                ======================================*/  


/*======================================
	Themesbazar_header2 Section css-Start
======================================*/  
.header2 {
	padding: 5px 0 20px;
}

.header-border2 {
	border-bottom: 1px solid #f4f4f4;
	padding-bottom: 11px;
	margin-bottom: 13px;
}


.header-date2 {
	color: #000;
	font-size: 17px;
	margin-top: 15px;
	text-align: left;
}

.header-date2 > i {
	font-size: 20px;
	margin-left: 10px;
	margin-right: 3px;
	color: #9d0000;
}

.header2-social {
	text-align: right;
	margin-top: 8px;
}

.header2-social a {
	background: #ddd;
	display: inline-block;
	color: #fff;
	font-size: 17px;
	border-radius: 50%;
	transition: .8s all;
	border: 1px solid transparent;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	margin-right: 5px;
}


.header2-social a:nth-child(1) {
	background: #3b5998;
}

.header2-social a:nth-child(1):hover {
	background: #eee;
	color: #3b5998;
	border: 1px solid #3b5998;
}

.header2-social a:nth-child(2) {
	background: #c4302b;
}

.header2-social a:nth-child(2):hover {
	background: #eee;
	color: #c4302b;
	border: 1px solid #c4302b;
}


.header2-social a:nth-child(3) {
	background: #00acee;
}

.header2-social a:nth-child(3):hover {
	background: #eee;
	color: #00acee;
	border: 1px solid #00acee;
}

.header2-social a:nth-child(4):hover {
	background: #eee;
	color: #0e76a8;
	border: 1px solid #0e76a8;
}

.header2-social a:nth-child(4) {
	background: #0e76a8;
}



.header2-social a:nth-child(5):hover {
	background: #eee;
	color: #d6249f;
	border: 1px solid #d6249f;
}

.header2-social a:nth-child(5) {
	background: #d6249f;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.logo2 img {
	width: 100%;
	height: auto;
	margin-top: 0px;
}

.banner2 img {
	width: 100%;
	height: auto;
}



/*======================================
	Themesbazar_header2 Section css-End
======================================*/  








                /*======================================

                        Logo & Menu Section css-End

                ======================================*/





.logo img {

	width: 100%;

	height: auto;

}



.sticky {

	position: fixed;

	width: 100%;

	top: 0;

	left: 0;

	z-index: 9;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	z-index: 9999;

}



.en {

	margin-top: -31px;

	margin-left: 89px;

}



.en a {

	background: #fff;

	color: #9d0000;

	text-transform: uppercase;

	padding: 5px 10px;

	display: inline-block;

	margin-top: 11px;

	font-size: 13px;

	font-weight: 600;

	letter-spacing: 1px;

	transition: .8s all;

	border-radius: 3px;

	line-height: 1;

}



.en a:hover{

    color: #000;

}





.clickMenu {

	max-width: 100%;

	position: absolute;

	left: 0;

	right: 0;

	width: 100%;

	z-index: -1;

	transition: .8s all;

	top: 45px;

	opacity: 0;

	visibility: hidden;

	height: 0;

	overflow: hidden;

}

.clickMenu.showMenu {

	position: absolute;

	top: 51px;

	z-index: 1;

	transition: .8s all;

	height: 100%;

	overflow: visible;

	opacity: 1;

	visibility: visible;

}



.menuIcon {

	font-size: 18px;

	color: #fff;

	cursor: pointer;

}





.menu-two {

	-webkit-column-count: 6;

	-moz-column-count: 6;

	column-count: 6;

	-webkit-column-gap: 20px;

	-moz-column-gap: 20px;

	column-gap: 20px;

	background: #fff;

	padding: 10px 45px 20px;

	position: relative;

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

}



.menu-two-wrpp {

	width: 100%;

	overflow: hidden;

	break-inside: avoid;

	break-inside: avoid-column;

}



.menu-item-two ul li {

	padding-bottom: 6px;

}



.menu-item-two ul li a {

	color: #000;

	font-size: 16px;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	text-decoration: none;

}



#wrapper {

	margin-top: 13px;

}



.circle {

	width: 26px;

	height: 20px;

	position: relative;

	margin-top: -24px;

}





.menuIcon > span {

	margin-left: 22px;

}



.line {

	position: absolute;

	height: 2px;

	width:100%;

	background:white;

	border-radius:8px;

	transition: all cubic-bezier(0.26, 0.1, 0.27, 1.55) 0.35s;

}

.top {

	top:18%;

}

.middle {

	top:48%;

}

.bottom {

	top:78%;

}

.icon.close .top {

	transform:rotate(45deg);

	top:48%;

}

.icon.close .middle, .icon.close .bottom {

	transform:rotate(-45deg);

	top:48%;

}











.searchBar {

	max-width: 30%;

	position: relative;

	opacity: 0;

	visibility: hidden;

	width: 100%;

	float: right;

	margin-top: -36px;

	z-index: -1;

	transition: .8s all;

}



.searchBar.showSearch {

	opacity: 1;

	visibility: visible;

	position: absolute;

	right: 26px;

	z-index: 999;



}



.searchIcon {

	float: right;

	margin-top: -36px;

	font-size: 20px;

	color: #fff;

	cursor: pointer;

}



.searchIcon i {

	line-height: 51px;

	transform: rotate(270deg);

}



.searchBar input[type="text"] {

	width: 100%;

	border: 2px solid #6f0707;

	height: 50px;

	font-size: 16px;

	outline: inherit;

	padding: 0 5px;

}



.searchBar input[type="submit"] {

	border: none;

	font-size: 16px;

	padding: 0 14px;

	background: transparent;

	color: #fff;

}



.searchBar button {

	position: absolute;

	right: 0;

	top: 0;

	height: 100%;

	background: #6f0707;

	border: none;

	font-size: 17px;

	padding: 0 10px;

}





.remove {

	position: absolute;

	right: -6px;

	top: -14px;

	width: 18px;

	height: 18px;

	background: #6f0707;

	text-align: center;

	font-size: 9px;

	border-radius: 50%;

	line-height: 14px;

	color: #fff;

	cursor: pointer;

	border: 2px solid #860303;

}







                /*======================================

                        Logo & Menu Section css-End

                ======================================*/



/*========= Banner  start =============*/



.mobile_logo {

	display: none;

}



.logo img {

	width: 100%;

	height: auto;

}



.add-image {

	text-align: center;

}



/*****=========================

		Section one Start

=========================*****/

.section-one {

	padding: 20px 0;

	background: #f5f5f5;

	margin: 20px 0;

}



.secOne-wrpp {

	box-shadow: 0 0 2px #ddd;

	border-radius: 0 0 5px 5px;

	background: #fff;

}







.secOne-image {

	position: relative;

	max-width: 100%;

	overflow: hidden;

}



.secOne-image img {

	width: 100%;

	height: 305px;

	object-fit: cover;

	transition: .8s all;

}



.secOne-image img:hover {

	transform: scale(1.1);

	overflow: hidden;

}



.secOne-title {

	padding: 8px 0 7px;

	line-height: 27px;

}



.secOne-title > a {

	color: #000;

	font-size: 27px;

	transition: .5s all;

}



.secOne-title > a:hover{

	color: #4D0000;

}



.secOne-detalis {

	text-align: justify;

}



.info-paddig {

	padding: 0 8px;

}



.secOne-wrpp2 {

	box-shadow: 0 0 2px #ddd;

	border-radius: 0 0 5px 5px;

	background: #fff;

	margin-bottom: 10px;

}



.secOne-image2 {

	position: relative;

	max-width: 100%;

	overflow: hidden;

}



.secOne-image2 img {

	width: 100%;

	height: 150px;

	object-fit: cover;

	transition: .8s all;

}



.secOne-image2 img:hover {

	transform: scale(1.1);

	overflow: hidden;

}



.secOne-title2 {

	padding: 5px 0 7px;

	line-height: 21px;

}



.secOne-title2 > a {

	color: #000;

	font-size: 19px;

	transition: .5s all;

}



.secOne-title2 > a:hover{

	color: #4D0000;

}





.secOne-content2 {

	column-count: 3;

	column-gap: 20px;

	margin-top: 10px;

}



.secOne-wrpp3 {

	box-shadow: 0 0 2px #ddd;

	border-radius: 0 0 5px 5px;

	background: #fff;

	margin-bottom: 10px;

	break-inside: avoid;

	break-inside: avoid-column;

	overflow: hidden;

	width: 100%;

}



.secOne-image3 {

	position: relative;

	max-width: 100%;

	overflow: hidden;

}



.secOne-image3 img {

	width: 100%;

	height: 150px;

	object-fit: cover;

	transition: .8s all;

}



.secOne-image3 img:hover {

	transform: scale(1.1);

	overflow: hidden;

}



.secOne-title3 {

	padding: 5px 0 7px;

	line-height: 21px;

}



.secOne-title3 > a {

	color: #000;

	font-size: 19px;

	transition: .5s all;

}



.secOne-title3 > a:hover{

	color: #4D0000;

}







.icon2 i {

	height: 45px;

	width: 45px;

	line-height: 38px;

	text-align: center;

	color: #fff;

	border-radius: 50%;

	font-size: 32px;

	padding-left: 3px;

	border: 3px solid #fff;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	cursor: pointer;

	transition: .5s all;

	font-weight: bold;

}



.secOne-wrpp3:hover .icon2 i {

	background: #fff;

	color: #9d0000;

}







.cat-meta {

	border-top: 1px solid #eee;

	padding-bottom: 9px;

	overflow: hidden;

	margin-top: 10px;

	padding-top: 2px;

}



.meta-right {

	float: right;

	margin-right: 8px;

}





.meta-right a:hover{

	color: #6f0707;

}



.videoIcon {

	position: absolute;

	top: 50%;

	left: 50%;

	right: 0;

	transform: translate(-50%,-50%);

	text-align: center;

}



.videoIcon2 {

	position: absolute;

	top: 50%;

	left: 50%;

	right: 0;

	transform: translate(-50%,-50%);

	text-align: center;

}



.icon1 i {

	height: 45px;

	width: 45px;

	line-height: 38px;

	text-align: center;

	color: #fff;

	border-radius: 50%;

	font-size: 32px;

	padding-left: 3px;

	border: 3px solid #fff;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	cursor: pointer;

	transition: .5s all;

	font-weight: bold;

}



.secOne-wrpp:hover .icon1 i {

	background: #fff;

	color: #9d0000;

}



/* sitebar section */

.sitebar-wrpp {

	margin-bottom: 10px;

	background: linear-gradient(to bottom,#127255,#1cab80b3);

}





.sitebar-item {

	padding: 10px;

}



.sitebar-image {

	position: relative;

	overflow: hidden;

	border-bottom: 1px dashed #ddd;

	padding-bottom: 4px;

	margin-bottom: 4px;

}



.sitebar-image img {

	width: 32%;

	float: left;

	margin-right: 5px;

	height: 70px;

	object-fit: cover;

}



.sitebar-title {

	line-height: 19px;

	margin-top: 4px;

}



.sitebar-title a {

	font-size: 18px;

	color: #fff;

	transition: .5s all;

}



.sitebar-title a:hover {

	color: #ff0;

}





.icon3 i {

	position: absolute;

	top: 46%;

	left: 13%;

	height: 30px;

	width: 30px;

	background: rgba(0,0,0,.14);

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translateY(-50%);

	text-align: center;

	line-height: 26px;

	color: #fff;

	border-radius: 50%;

	font-size: 22px;

	padding-left: 3px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

}



.sitebar-image:hover .icon3 i {

	background: #fff;

	color: #9a1515;

}



.more_siteber {

	float: right;

}



.more_siteber a {

	display: inline-block;

	color: #fff;

	font-size: 16px;

	transition: .5s all;

	margin-top: 2px;

	text-decoration: none;

}



.more_siteber a:hover {

	color: #ff0;

}







#home-tab {

	margin-bottom: 2px;

}



.tavs {

	overflow: scroll;

	max-height: 300px;

	overflow-x: hidden;

	background-color: #fff;

	padding: 2px;

	margin-bottom: 5px;

}









.nav-tabs .nav-link {

	border: none;

	border-top-left-radius: 0;

	border-top-right-radius: 0;

	background: #d2d2d2;

	border-top: 3px solid #d2d2d2;

	font-size: 20px;

	color: #000;

	text-decoration: none;

	width: 50%;

}



#nav-home-tab {

	padding: 10px 10px;

	cursor: pointer;

	border-top: 3px solid #d2d2d2;

}



#nav-profile-tab {

	padding: 10px 10px;

	border-top: 3px solid #d2d2d2;

}



.tab-item {

	border-bottom: 1px dotted #8a8888;

	margin-bottom: 6px;

	padding-bottom: 6px;

	position: relative;

	overflow: hidden;

}



.tab-image img {

	width: 33%;

	float: left;

	height: 70px;

	margin-right: 6px;

	object-fit: cover;

	margin-left: 16px;

}

.tab_hadding {

	line-height: 18px;

}



.tab_hadding a {

	font-size: 18px;

	font-weight: 400;

	color: #000;

	text-decoration: none;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

}



.tab_hadding a:hover {

	color: #033440;

}



.conut {

	position: absolute;

	left: -2px;

	top: 17px;

	background: #000;

	width: 35px;

	height: 35px;

	line-height: 24px;

	color: #fff;

	font-size: 15px;

	font-weight: 600;

	text-align: center;

	border-radius: 50%;

	border: 4px solid #fff;

	padding-left: 1px;

}

.videoIcon-03 i {

	position: absolute;

	top: 45%;

	left: 17%;

	height: 35px;

	width: 35px;

	background: rgba(0,0,0,.14);

	/* transform: translate(-50%,-50%); */

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translateY(-50%);

	text-align: center;

	line-height: 31px;

	color: #fff;

	border-radius: 50%;

	font-size: 25px;

	padding-left: 3px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

}



.tab-item:hover .videoIcon-03 i {

	background: #fff;

	color: #9d0000;

}





.wordpress-date {

	position: relative;

	margin-bottom: 10px;

}



.wordpress-date input[type="text"] {

	width: 100%;

	border: 1px solid #dddd;

	height: 40px;

	line-height: 40px;

	padding: 0 5px;

	color: #000;

	outline: inherit;

}



.wordpress-date input[type="submit"] {

	position: absolute;

	right: 0;

	height: 100%;

	top: 0;

	background: #00262f;

	border: none;

	color: #fff;

	padding: 0 10px;

}









.date_content {

	overflow: hidden;

	margin-bottom: 8px;

}



.last-date {

	margin: 0 3px;

	float: left;

}



.last-date select {

	width: 127px;

	border: 1px solid #d9d9d9;

	padding: 8px 10px;

	font-size: 16px;

	color: #333;

	margin-bottom: 12px;

	background: #eee;

}



.last-date select > option {

	border-radius: 15px;

}





.last-date input[type="submit"] {

	background: #00262f;

	padding: 8px 12px;

	font-size: 17px;

	color: #fff;

	border: none;

	text-align: center;

	transition: .8s;

	letter-spacing: 0.5px;

	margin-bottom: 15px;

	cursor: pointer;

}







/*****=========================

		Section one End

=========================*****/

.more_news {

	float: right;

	margin-bottom: 8px;

}



.more_news a {

	display: inline-block;

	color: #054502;

	font-size: 15px;

	transition: .5s all;

	margin-top: 2px;

	text-decoration: none;

}

.more_news a:hover {

	color: #6f0000;

}







/*****================================

		Section-two css-Start

================================*****/





.sce-twoCat {

	position: relative;

	overflow: hidden;

}



.sce-twoCat .themeBazar2::before {

	position: absolute;

	content: '';

	width: 100%;

	border-top: 6px solid #bdbcbc;

	top: 12px;

	display: inline-block;

	vertical-align: bottom;

}



.sce-twoCat .themeBazar2::after {

	position: absolute;

	content: '';

	width: 100%;

	border-top: 6px solid #bdbcbc;

	top: 20px;

	display: inline-block;

	vertical-align: bottom;

}



#pills-tab {



	overflow: hidden;

	margin: 25px 0 10px;

}



  

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {

	color: #fff;

	background-color: #9a1515;

}



.nav-pills .nav-link {

	border-radius: 0;

	margin-right: 6px;

	background: #242424;

	color: #fff;

	font-size: 20px;

}

.sec-two-title {

	line-height: 22px;

	margin-top: 7px;

	margin-bottom: 0;

}



.sec-two-title a {

	font-size: 17px;

	color: #fff;

	text-decoration: none;

    transition: .5s all;

}



.sec-two-title a:hover{

    color: #ff0;

}

.section-two-image {

	position: relative;

	max-width: 100%;

}



.section-two-image img {

	max-width: 100%;

	height: 150px;

	object-fit: cover;

	object-position: top;

}



.mediam-icon i {

	position: absolute;

	top: 50%;

	left: 50%;

	height: 45px;

	width: 45px;

	background: rgba(0,0,0,.14);

	transform: translate(-50%,-50%);

	text-align: center;

	line-height: 37px;

	color: #fff;

	border-radius: 50%;

	font-size: 30px;

	padding-left: 4px;

	border: 3px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	-moz-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	transition: .8s all;

	z-index: 99;

}



.section-two-image:hover .mediam-icon i {

	background: #fff;

	color: #8B1010;

}



.secTwo-image:hover .mediam-icon i {

	background: #fff;

	color: #8B1010;

}



.secTwo-btn {

	position: absolute;

	right: 30px;

	bottom: 0;

}





.secTwo-btn a {

	background: #9a1515;

	color: #fff;

	position: relative;

	font-size: 18px;

	display: inline-block;

	padding: 9px 16px;

	text-decoration: none;

	transition: .5s all;

}



.secTwo-btn a:hover{

    color: #ff0;

}



.secTwo-btn a ::after {

	display: inline-block;

	content: '';

	border-bottom: 42px solid #9a1515;

	border-left: 38px solid transparent;

	height: 0;

	width: 68px;

	position: absolute;

	top: 0;

	right: 100%;

}







.sec-tow-list button.owl-prev {

	background: transparent !important;

	position: absolute;

	left: 0;

	top: 25%;

	z-index: 999;

	color: #e10e0e !important;

	font-size: 34px !important;

	outline: inherit;

	text-shadow: 0 3px 4px #333;

}



.sec-tow-list button.owl-next {

	background: transparent !important;

	position: absolute;

	right: 0;

	top: 25%;

	z-index: 999;

	color: #e10e0e !important;

	font-size: 34px !important;

	outline: inherit;

	text-shadow: 0 3px 4px #333;

}



.section-twoBg {

	background: #7d0808;

	padding: 29px 17px 27px;

	height: 100%;

	position: relative;

}





.sce-twoCat {

	position: relative;

	padding-left: 26px;

	margin-bottom: 12px;

}



.sce-twoCat a {

	font-size: 22px;

	text-decoration: none;

	color: #fff;

	margin-right: 10px;

}



.secTwo-image {

	position: relative;

}



.secTwo-image img {

	width: 100%;

	height: auto;

	border: 3px solid #fff;

}



.secTwo-title {

	line-height: 25px;

	margin-top: 13px;

	margin-bottom: 0;

}



.secTwo-title a {

	font-size: 19px;

	text-decoration: none;

	color: #fff;

    transition: .5s all;

}



.secTwo-title a:hover {

	color: #fbd35d;

}





.live_image {

	position: relative;

	border: 1px solid #ddd;

	padding: 3px;

	border-radius: 5px;

}

.live_image img{

	width: 100%;

	height: auto;

}



.live-icon i {

	position: absolute;

	top: 50%;

	left: 50%;

	height: 50px;

	width: 50px;

	background: rgba(0,0,0,.14);

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

	text-align: center;

	line-height: 44px;

	color: #fff;

	border-radius: 50%;

	font-size: 29px;

	padding-left: 2px;

	border: 3px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	cursor: pointer;

}



.live_image:hover .live-icon i {

	background: #fff;

	color: #8B1010;

}





.live {

	width: 11px;

	height: 11px;

	background: #fff;

	border-radius: 50%;

	text-align: center;

	-webkit-animation: animate 3s linear infinite;

	animation: animate 3s linear infinite;

    

}

.live {

	position: absolute;

	left: 5%;

	top: 11.5%;

	content: "";

}



@-webkit-keyframes animate{

    0%

    {

/*

        -webkit-box-shadow: 0 0 0 0 #f00,  0 0 0 0 #f00;

                box-shadow: 0 0 0 0 #f00,  0 0 0 0 #f00;

*/

    }

    

    40%

    {

      -webkit-box-shadow: 0 0 0 50px rgba(255, 109,74,0), 0 0 0 0 #f00;

              box-shadow: 0 0 0 50px rgba(255, 109,74,0), 0 0 0 0 #f00;

    }

    

    80%

    {

        -webkit-box-shadow: 0 0 0 50px rgba(255, 109,74,0), 0 0 0 30px rgba(255, 109,74,0);

                box-shadow: 0 0 0 50px rgba(255, 109,74,0), 0 0 0 30px rgba(255, 109,74,0);

    } 

    100%

    {

        -webkit-box-shadow: 0 0 0 0 rgba(255, 109,74,0), 0 0 0 30px rgba(255, 109,74,0);

                box-shadow: 0 0 0 0 rgba(255, 109,74,0), 0 0 0 30px rgba(255, 109,74,0);

    }

    

}





@keyframes animate{

    0%

    {

/*

        -webkit-box-shadow: 0 0 0 0 #fff,  0 0 0 0 #fff;

                box-shadow: 0 0 0 0 #fff,  0 0 0 0 #fff;

*/

    }

    

    40%

    {

      -webkit-box-shadow: 0 0 0 50px rgba(255, 109,74,0), 0 0 0 0 #fff;

              box-shadow: 0 0 0 50px rgba(255, 109,74,0), 0 0 0 0 #fff;

    }

    

    80%

    {

        -webkit-box-shadow: 0 0 0 50px rgba(255, 109,74,0), 0 0 0 30px rgba(255, 109,74,0);

                box-shadow: 0 0 0 50px rgba(255, 109,74,0), 0 0 0 30px rgba(255, 109,74,0);

    } 

    100%

    {

        -webkit-box-shadow: 0 0 0 0 rgba(255, 109,74,0), 0 0 0 30px rgba(255, 109,74,0);

                box-shadow: 0 0 0 0 rgba(255, 109,74,0), 0 0 0 30px rgba(255, 109,74,0);

    }

    

} 





/*****================================

	Section-two css-End

================================*****/









/*****================================

	Section Three start

================================*****/

.section-three {

	padding: 20px 0;

}



.secThee-content {

	column-count: 4;

	column-gap: 20px;

}



.secThee-wrpp {

	background: #f1f1f1;

	margin-bottom: 17px;

	overflow: hidden;

	break-inside: avoid;

	break-inside: avoid-column;

}



.secThee-image {

	position: relative;

	max-width: 100%;

	overflow: hidden;

}



.secThee-image img {

	width: 100%;

	height: 170px;

	object-fit: cover;

	transition: .8s all;

}



.secThee-image img:hover {

	transform: scale(1.1);

	overflow: hidden;

}



.secThee-title {

	padding: 5px 0 7px;

	line-height: 21px;

}



.secThee-title > a {

	color: #000;

	font-size: 19px;

	transition: .5s all;

}



.secThee-title > a:hover {

	color: #9d0000;

}



.cat-meta2 {

	border-top: 1px solid #fff;

	padding-bottom: 9px;

	overflow: hidden;

	margin-top: 10px;

	padding-top: 2px;

}





.meta-left a {

	padding-left: 7px;

	color: #333;

	font-size: 14px;

	transition: .5s all;

	line-height: 1;

}



.meta-left i {

	font-size: 15px;

}



.meta-left a:hover{

	color: #4D0000;

}



.icon4 i {

	height: 45px;

	width: 45px;

	line-height: 38px;

	text-align: center;

	color: #fff;

	border-radius: 50%;

	font-size: 32px;

	padding-left: 3px;

	border: 3px solid #fff;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	cursor: pointer;

	transition: .5s all;

	font-weight: bold;

}



.secThee-image:hover .icon4 i {

	background: #fff;

	color: #9d0000;

}



/*****================================

	Section Three End

================================*****/







.themesbazar_cat3 a {

	color: #040404;

	font-size: 19px;

}

.themesbazar_cat3 span2 {

	padding: 8px 8px 0 0;

	margin-right: -10px;

	margin-top: -7px;

	float: right;

	font-size: 18px;

}







/*****================================

	Section Four Start

================================*****/

.section-four {

	padding: 20px 0;

}



.themesBazar_cat {

	position: relative;

	overflow: hidden;

}

.themesBazar_cat a {

	display: inline-block;

	color: #000;

	font-size: 21px;

	text-decoration: none;

	padding: 0 10px 0 0;

	margin-top: 12px;

	margin-bottom: 12px;

}

.themesBazar_cat .themeBazar::before {

	position: absolute;

	content: '';

	width: 100%;

	border-top: 6px solid #d9d9d9;

	top: 17px;

	display: inline-block;

	vertical-align: bottom;

}

.themesBazar_cat .themeBazar::after {

	position: absolute;

	content: '';

	width: 100%;

	border-top: 6px solid #d9d9d9;

	top: 25px;

	display: inline-block;

	vertical-align: bottom;

}





.secFour-wrpp {

	background: #f1f1f1;

	margin-bottom: 17px;

	overflow: hidden;

}



.secFour-image {

	position: relative;

	max-width: 100%;

	overflow: hidden;

}



.secFour-image img {

	width: 100%;

	height: 225px;

	object-fit: cover;

	transition: .8s all;

}



.secFour-image img:hover {

	transform: scale(1.1);

	overflow: hidden;

}



.secFour-title {

	padding: 5px 0 7px;

	line-height: 21px;

}



.secFour-title > a {

	color: #000;

	font-size: 19px;

	transition: .5s all;

}



.secFour-title > a:hover {

	color: #9d0000;

}



.secFour-image2 {

	position: relative;

	overflow: hidden;

	border-bottom: 1px solid #f2f0f0;

	padding-bottom: 4px;

	margin-bottom: 4px;

}



.secFour-image2 img {

	width: 31%;

	float: left;

	margin-right: 5px;

	height: 72px;

	object-fit: cover;

	border: 1px solid #ddd;

	padding: 1px;

}

.secFour-title2 {

	line-height: 19px;

	overflow: hidden;

}



.secFour-title2 a {

	font-size: 18px;

	color: #000;

	transition: .5s all;

}



.secFour-title2 a:hover {

	color: #01284F;

}



.meta {

	margin-top: 2px;

}



.meta a {

	color: #333;

	font-size: 13px;

	transition: .5s all;

	line-height: 1;

}



.meta i {

	font-size: 12px;

}



.meta a:hover{

	color: #4D0000;

}



.secFour-content {

	column-count: 4;

	column-gap: 20px;

}



.secFour-wrpp3 {

	background: #f1f1f1;

	margin-bottom: 17px;

	overflow: hidden;

	break-inside: avoid;

	break-inside: avoid-column;

}



.secFour-image3 {

	position: relative;
	max-width: 100%;

	overflow: hidden;

}

.secFour-image3 img {

	width: 100%;

	height: 120px;

	object-fit: cover;

	transition: .8s all;

}



.secFour-image3 img:hover {

	transform: scale(1.1);

	overflow: hidden;

}



.secFour-title3 {

	padding: 5px 0 7px;

	line-height: 21px;

}

.secFour-title3 > a {

	color: #000;

	font-size: 19px;

	transition: .5s all;

}







.division {

	background: #eff3f4;

	padding: 22px 20px;

	margin-top: 10px;

}



.input-division {

	text-align: center;

}



.input-division select {

	width: 42%;

	float: left;

	margin: 0 12px;

	padding: 10px;

	font-size: 17px;

	border: 1px solid #ddd;

	color: #333;

}



.input-division input[type="submit"] {

	width: auto;

	padding: 5px 20px 5px;

	border: 1px solid #e74c4f;

	background: #e74c4f;

	color: #fff;

	font-size: 16px;

	border-radius: 5px;

	margin-top: 14px;

	cursor: pointer;

	transition: .5s all;

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

}







.icon5 i {

	position: absolute;

	top: 46%;

	left: 12%;

	height: 30px;

	width: 30px;

	background: rgba(0,0,0,.14);

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translateY(-50%);

	text-align: center;

	line-height: 26px;

	color: #fff;

	border-radius: 50%;

	font-size: 22px;

	padding-left: 3px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	/* z-index: 99; */

}



.secFour-image2:hover .icon5 i {

	background: #fff;

	color: #9d0000;

}



/*****================================

	Section Four End

================================*****/





/***=================================

           Section Six Start   

==================================***/

.section-five {

	padding: 20px 0;

	background: #f5f5f5;

	margin: 20px 0;

}



.secFive-wrpp {

	background: #fff;

}



.secFive-image {

	position: relative;

	max-width: 100%;

	margin-bottom: 5px;

}



.secFive-image img {

	width: 100%;

	height: 170px;

	object-fit: cover;

}



.secFive-title {

	padding: 3px 4px 7px;

	line-height: 17px;

	border-bottom: 1px dashed #ddd;

}



.secFive-title a {

	font-size: 21px;

	color: #000;

	font-weight: 400;

	transition: .5s all;

}



.secFive-title a:hover {

	color: rgb(85, 7, 7);

}



.secFive-title2 {

	overflow: hidden;

	border-bottom: 1px dashed#ddd;

	padding: 5px 4px 7px;

	line-height: 21px;

	margin-bottom: -1px;

}



.secFive-title2 a {

	display: inline-block;

	font-size: 17px;

	color: #000;

	transition: .5s all;

}



.secFive-title2 a:hover {

	color: #6f0000;

}



.icon6 i {

	height: 45px;

	width: 45px;

	line-height: 39px;

	text-align: center;

	color: #fff;

	border-radius: 50%;

	font-size: 31px;

	padding-left: 5px;

	border: 3px solid #fff;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	cursor: pointer;

	transition: .5s all;

	font-weight: bold;

}



.secFive-wrpp:hover .icon6 i {

	background: #fff;

	color: #9d0000;

}



.more_news2 a {

	display: block;

	text-align: center;

	font-size: 16px;

	border: none;

	padding: 5px;

	color: #000;

	background: #f6f6f6;

	-webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);

	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);

	-o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);



}



/*****=================================

           Section Five End   

==================================*****/





/*****=================================

           Section Six Start   

==================================*****/

.section-six {

	padding: 20px 0;

}

.secSix-wrpp {

	background: #f1f1f1;

	margin-bottom: 17px;

	overflow: hidden;

}



.secSix-image {

	position: relative;

	max-width: 100%;

	overflow: hidden;

}



.secSix-image img {

	width: 100%;

	height: 225px;

	object-fit: cover;

	transition: .8s all;

}



.secSix-image img:hover {

	transform: scale(1.1);

	overflow: hidden;

}



.secSix-title {

	padding: 5px 0 7px;

	line-height: 21px;

}



.secSix-title > a {

	color: #000;

	font-size: 19px;

	transition: .5s all;

}



.secSix-title > a:hover {

	color: #6f0000;

}



.secSix-content {

	column-count: 4;

	column-gap: 20px;

}



.secSix-wrpp2 {

	background: #f1f1f1;

	margin-bottom: 17px;

	overflow: hidden;

	break-inside: avoid;

	break-inside: avoid-column;

}



.secSix-image2 {

	position: relative;

	max-width: 100%;

	overflow: hidden;

}

.secSix-image2 img {

	width: 100%;

	height: 120px;

	object-fit: cover;

	transition: .8s all;

}



.secSix-image2 img:hover {

	transform: scale(1.1);

	overflow: hidden;

}



.secSix-title2 {

	padding: 5px 0 7px;

	line-height: 21px;

}

.secSix-title2 > a {

	color: #000;

	font-size: 19px;

	transition: .5s all;

}



.secSix-title2 > a:hover{

	color: #771108;

}



.icon7 i {

	height: 45px;

	width: 45px;

	line-height: 38px;

	text-align: center;

	color: #fff;

	border-radius: 50%;

	font-size: 32px;

	padding-left: 3px;

	border: 3px solid #fff;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	cursor: pointer;

	transition: .5s all;

	font-weight: bold;

}



.secSix-wrpp:hover .icon7 i {

	background: #fff;

	color: #9d0000;

}

.secSix-wrpp2:hover .icon7 i {

	background: #fff;

	color: #9d0000;

}









.default-wrpp {

	background: #333;

}

.default-image {

	position: relative;

	max-width: 100%;

}



.default-image img {

	width: 100%;

	height: 225px;

	object-fit: cover;

	transition: .8s all;

}






.default-title > a {

	color: #fff;

	font-size: 22px;

	transition: .5s all;

}

.default-title > a:hover {

	color: #f7bb07;

}



.default-image2 {

	position: relative;

	overflow: hidden;

	border-bottom: 1px dashed #828080;

	padding-bottom: 8px;

	margin-bottom: 8px;

}



.default-image2 img {

	width: 30%;

	float: left;

	margin-right: 7px;

	height: 70px;

	object-fit: cover;

	margin-left: 8px;

}



.default-title2 a {

	font-size: 18px;

	color: #fff;

	transition: .5s all;

}



.default-title2 > a:hover {

	color: #f7bb07;

}







.default_news a:hover {

	background: #333;

	box-shadow: 0 -2px 5px #3e3c3c;

}



.icon9 i {

	position: absolute;

	top: 44%;

	left: 13%;

	height: 30px;

	width: 30px;

	background: rgba(0,0,0,.14);

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translateY(-50%);

	text-align: center;

	line-height: 26px;

	color: #fff;

	border-radius: 50%;

	font-size: 22px;

	padding-left: 3px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	z-index: 99;

}



.default-image2:hover .icon9 i {

	background: #fff;

	color: #9d0000;

}



/*****=================================

           Section Six End   

==================================*****/



/*****=================================

           Section Seven Start   

==================================*****/

.section-seven {

	padding: 20px 0;

}

.secSeven-wrpp {

	background: #f5f5f5;

}



.secSeven-wrpp .more_news2 a {

	box-shadow: inherit;

}



.secSeven-wrpp:hover .icon6 i {

	background: #fff;

	color: #9d0000;

}

/*****=================================

           Section Seven End   

==================================*****/











/*****=================================

        themesBazar_photo_video Start   

==================================*****/

.themesBazar_photo_video {

	padding: 20px 0 30px;

	background: #f6f6f6;

	margin: 20px 0;

}



.latest-wrpp {

	border: 1px solid #ddd;

}





.latest-image {

	position: relative;

	overflow: hidden;

	border-bottom: 1px solid #e3e2e2;

	padding-bottom: 10px;

	margin-bottom: 4px;

}



.latest-image img {

	width: 30%;

	float: left;

	margin-right: 5px;

	height: 68px;

	object-fit: cover;

	margin-left: 10px;

	margin-top: 5px;

}



.latest-title {

	line-height: 19px;

	margin-top: 7px;

}



.latest-title a {

	font-size: 18px;

	color: #000;

	transition: .5s all;

}



.latest-title a:hover {

	color: #01284F;

}



.latest-image:hover .icon3 i {

	background: #fff;

	color: #9d0000;

}





/*****=================================

           themesBazar_photo_video End   

==================================*****/





                                        /*======================================

                                                Footer area css-Start

                                        ======================================*/



.footer-border {

	border-bottom: 1px solid #333;

	margin-bottom: 20px;

}



.footerMenu-content {

	column-count: 4;

	column-gap: 20px;

}



.footerMenu-wrpp {

	overflow: hidden;

	break-inside: avoid;

	margin-bottom: 20px;

	text-align: center;

}



.footerMenu-wrpp ul > li > a {

	display: inline-block;

	color: #fff;

	font-size: 18px;

	margin-bottom: 0px;

	transition: .5s all;

	font-weight: 400;

}



.footerMenu-wrpp ul > li > a:hover {

	color: #ffa500;

}



.footer-title {

	color: #fff;

	font-size: 20px;

	padding-bottom: 11px;

	position: relative;

	border-bottom: 1px solid #171717;

	margin-bottom: 22px;

}



.footer-title::before {

	position: absolute;

	left: 0;

	bottom: -2px;

	content: '';

	height: 3px;

	width: 10%;

	background: #9d0000;

}



.footer-contentLeft {

	color: #fff;

	text-align: right;

	font-size: 16px;

}



.footer-contentRight {

	color: #fff;

	text-align: left;

	font-size: 16px;

}



.footer-menu2 ul {

	padding: 0;

	margin: 0;

	list-style: none;

}



.footer-menu2 ul li {

	display: inline-block;

	margin-right: 4px;

	margin-bottom: 7px;

}



.footer-menu2 ul > li > a {

	display: inline-block;

	color: #ddd;

	border: 1px solid #171717;

	padding: 6px 15px;

	font-size: 16px;

	transition: .8s all;

}



.footer-menu2 ul > li > a:hover {

	border-color: #333;

}





.copy_right_section {

	border-top: 1px solid #171717;

	margin-top: 25px;

	padding-top: 25px;

	margin-bottom: 40px;

}



.copy-right {

	color: #fff;

	font-weight: 400;

	font-size: 16px;

}



.design-developed {

	text-align: right;

	color: #fff;

	font-size: 16px;

}

.design-developed a {

	text-decoration: none;

	color: #fff;

	font-size: 17px;

	font-weight: 700;

}



.scrollToTop {

	width: 60px;

	height: 60px;

	background: #860707;

	position: fixed;

	right: 25px;

	bottom: 70px;

	z-index: 9999;

	border-radius: 50px;

}







 /*--------- bottom footer css-End---------------*/





  

 .footer-scrool {

	position: fixed;

	background: #6f0000;

	color: #fff;

	z-index: 99;

	overflow: hidden;

	bottom: 0;

	left: 0;

	right: 0;

}



.footer-scrool-1 {

	float: left;

	width: auto;

	background: #000;

	padding: 6px 10px;

	font-size: 18px;

	position: absolute;

	z-index: 99;

	height: 100%;

}



.footer-scrool-2 {

	height: 36px;

	font-size: 16px;

	line-height: 36px;

}



.footer-scrool-2 a {

	color: #fff;

    text-decoration: none;

	font-size: 16px;

	margin-right: 12px;

	display: inline-block;

}







                                        /*======================================

                                                 Footer area css-End

                                        ======================================*/





/*============popup cart css start =============*/

.popup-wrpp{

	position: relative;

}



.quick-image img {

	width: 100%;

}



#mymodal {

	position: relative;

	background-color: #FFF;

	max-width: 900px;

	margin: 0 auto;

	padding: 20px;

	box-shadow: 0 0 8px #333;

	border-radius: 5px;

	transition: .8s all;

}





.mfp-close-btn-in .mfp-close {

	background: #01284F;

	width: 30px;

	height: 30px;

	line-height: 25px;

	opacity: inherit;

	color: #fff;

	text-align: center;

	position: absolute;

	right: -5px;

	top: -8px;

	border: 3px solid #fff;

	border-radius: 50%;

	box-shadow: 0 0 10px #333;

	padding-right: 0;

}   



/* Magnific popup modal End */





/*****=================================

	Single page css start

=============================*****/

.single-page {

	background: #f1f1f1;

	padding: 20px 0;

	margin: 20px 0;

}



.white {

	background: #fff;

	padding: 20px;

}



.cat-info {

	background: #e9ecef;

	padding: 12px 15px;

	border-radius: 5px;

}



.cat-info ul li {

	display: inline-block;

}



.cat-info i {

	font-size: 19px;

	color: #124b65;

}



.cat-info ul li a {

	color: #777171;

	font-size: 17px;

}



.single-title {

	font-size: 30px;

	color: #950606;

	padding: 10px 0;

}



.reporter-name a {

	font-size: 14px;

	color: #124b65;

	transition: .5s all;

}



.report-date {

	font-size: 13px;

	color: #999;

	line-height: 1;

}



.report-date i {

	color: #c4302b;

}





.single-social {

	text-align: right;

}



.single-social a {

	background: #ddd;

	display: inline-block;

	color: #fff;

	font-size: 17px;

	border-radius: 50%;

	transition: .8s all;

	border: 1px solid transparent;

	width: 38px;

	height: 38px;

	line-height: 38px;

	text-align: center;

	margin-right: 5px;

}





.single-social a:nth-child(1) {

	background: #3b5998;

}



.single-social a:nth-child(1):hover {

	background: #eee;

	color: #3b5998;

	border: 1px solid #3b5998;

}





.single-social a:nth-child(2) {

	background: #00acee;

}



.single-social a:nth-child(2):hover {

	background: #eee;

	color: #00acee;

	border: 1px solid #00acee;

}



.single-social a:nth-child(3):hover {

	background: #eee;

	color: #0e76a8;

	border: 1px solid #0e76a8;

}



.single-social a:nth-child(3) {

	background: #0e76a8;

}





.single-social a:nth-child(4):hover {

	background: #eee;

	color: #d6249f;

	border: 1px solid #d6249f;

}



.single-social a:nth-child(4) {

	background: #d6249f;

	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);

}

.single-social a:nth-child(5):hover {

	background: #eee;

	color: #000;

	border: 1px solid #000;

}



.single-social a:nth-child(5) {

	background: #000;

}









.singlePage-image {

	max-width: 100%;

	position: relative;

}



.singlePage-image img {

	width: 100%;

	height: auto;

}





.single-details {

	text-align: justify;

	line-height: 32px;

	margin-top: 5px;

	color: #000;

}



.singleIcon i {

	position: absolute;

	top: 50%;

	left: 50%;

	height: 60px;

	width: 60px;

	background: rgba(0,0,0,.14);

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

	text-align: center;

	line-height: 50px;

	color: #fff;

	border-radius: 50%;

	font-size: 40px;

	padding-left: 3px;

	border: 3px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	z-index: 99;

}



.singlePage-image:hover .singleIcon i {

	background: #fff;

	color: #9d0000;

}



.author-title {

	margin-top: 20px;

	margin-bottom: 10px;

}



.author-border {

	border: 1px solid #999;

	overflow: hidden;

	padding: 30px 40px;

	margin-bottom: 10px;

}

.author-image img {

	width: 100px;

	height: 100px;

	object-fit: cover;

	border-radius: 50%;

	float: left;

	margin-right: 40px;

}



.author-content {

	overflow: hidden;

	margin-top: 16px;

}



.author-report a {

	margin-bottom: 10px;

	display: inline-block;

	color: #0056b3;

}



.author-cat a {

	background: #860707;

	padding: 10px 20px;

	display: inline-block;

	color: #fff;

	border-radius: 50px;

	line-height: 1;

	font-size: 16px;

}





.related {

	position: relative;

	overflow: hidden;

	padding: 5px 0 5px 15px;

	/* margin: 0; */

	font-size: 20px;

}

.related::before {

	position: absolute;

	content: '';

	width: 100%;

	height: 12px;

	background: #000;

	z-index: 99;

	left: 0;

	top: 7px;

}



.related::after {

	position: absolute;

	content: '';

	width: 100%;

	height: 5px;

	background: #000;

	z-index: 99;

	top: 21px;

	left: 0;

}



.related span.eee {

	background: #eee;

	z-index: 999;

	position: relative;

	padding: 0 10px;

}



.related-content {

	column-count: 4;

	column-gap: 17px;

	margin-top: 10px;

	margin-bottom: 20px;

}



.related-wrpp {

	box-shadow: 0 0 2px #ddd;

	border-radius: 0 0 5px 5px;

	background: #fff;

	margin-bottom: 10px;

	overflow: hidden;

	width: 100%;

	break-inside: avoid;

	break-inside: avoid-column;

}



.related-image {

	position: relative;

	max-width: 100%;

}



.related-image img {

	width: 100%;

	height: 120px;

	object-fit: cover;

}



.related-title {

	padding: 3px 8px 7px;

	line-height: 19px;

}



.related-title > a {

	color: #000;

	font-size: 17px;

	transition: .5s all;

}



.related-meta {

	border-top: 1px solid #ddd;

	padding-bottom: 9px;

	overflow: hidden;

	margin-top: 10px;

	padding-top: 2px;

}



.related-meta a {

	padding-left: 7px;

	color: #333;

	font-size: 14px;

	transition: .5s all;

	line-height: 1;

}



.related-meta a:hover {

	color: #4D0000;

}



.relatedIcon i {

	position: absolute;

	top: 50%;

	left: 50%;

	height: 40px;

	width: 40px;

	background: rgba(0,0,0,.14);

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

	text-align: center;

	line-height: 34px;

	color: #fff;

	border-radius: 50%;

	font-size: 28px;

	padding-left: 3px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	z-index: 99;

}



.related-wrpp:hover .relatedIcon i {

	background: #fff;

	color: #9d0000;

}





/* popular item start */



.popular-item {

	background: #fff;

	padding: 3px 10px 5px;

	margin-bottom: 15px;

}



.popular-item ul li {

	padding: 10px 0;

	border-bottom: 1px dotted #646464;

}

.popular-item ul li:last-child{

	border: none;

}



.popular-item ul li a {

	color: #000;

	transition: .5s all;

	font-size: 17px;

}



.popular-item ul li a:hover {

	color: #860707;

}



/* popular item End */



/* most popular item Start */

.most-popular {

	background: #fff;

}



.mostPopular-title {

	padding: 6px 9px 10px;

}



.mostPopular-title a {

	font-size: 18px;

	color: #333;

	transition: .5s all;

}



.mostPopular-title a:hover {

	color: #6f0000;

}



.most-popularImage {

	position: relative;

	max-width: 100%;

}



.popularIcon i {

	position: absolute;

	top: 50%;

	left: 50%;

	height: 40px;

	width: 40px;

	background: rgba(0,0,0,.14);

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

	text-align: center;

	line-height: 34px;

	color: #fff;

	border-radius: 50%;

	font-size: 28px;

	padding-left: 3px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	z-index: 99;

}



.most-popularImage:hover .popularIcon i {

	background: #fff;

	color: #9d0000;

}



.mostPopular-content {

	column-count: 2;

	column-gap: 15px;

	padding: 0 20px 20px;

}



.mostPopular-wrpp {

	width: 100%;

	overflow: hidden;

	break-inside: avoid;

	break-inside: avoid-column;

	margin-bottom: 15px;

}



.mostPopular-title2 {

	line-height: 18px;

	margin-top: 2px;

	padding: 2px;

}



.most-popularImage2 {

	position: relative;

	max-width: 100%;

}



.most-popularImage2 img {

	width: 100%;

	height: 100px;

	object-fit: cover;

}



.mostPopular-title2 a {

	font-size: 16px;

	color: #000;

	transition: .5s all;

}



/* most popular item End */









.recommened_content {

	column-count: 2;

	column-gap: 15px;

}



.recommened_wrpp {

	width: 100%;

	overflow: hidden;

	break-inside: avoid;

	break-inside: avoid-column;

	margin-bottom: 15px;

}



.recommened-title {

	line-height: 16px;

	padding: 5px 4px 5px;

	position: absolute;

	left: 0;

	bottom: 0;

	background: rgba(0,0,0,0.5);

}





.recommened-image {

	position: relative;

	max-width: 100%;

}



.recommened-image img {

	width: 100%;

	height: 110px;

	object-fit: cover;

}



.recommened-title a {

	font-size: 14px;

	color: #fff;

	transition: .5s all;

}



.recommened-title a:hover{

	color: #ff0;

}



.recommenedIcon i {

	position: absolute;

	top: 32%;

	left: 50%;

	height: 30px;

	width: 30px;

	background: rgba(0,0,0,.14);

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

	text-align: center;

	line-height: 24px;

	color: #fff;

	border-radius: 50%;

	font-size: 23px;

	padding-left: 3px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	z-index: 99;

}



.recommened-image:hover .recommenedIcon i {

	background: #fff;

	color: #9d0000;

}



/*****=================================

	Single page css End

=============================*****/





/*****=================================

	Archive page css start

==================================*****/



.archive-page {

	background: #f1f1f1;

	padding: 20px 0;

	margin: 20px 0;

}



.archive-bg {

	background: #fff;

	overflow: hidden;

	margin-top: 13px;

}



.archive-image {

	position: relative;

	max-width: 100%;

}



.archive-image img {

	width: 50%;

	height: 240px;

	float: left;

	margin-right: 10px;

}



.archive-title {

	line-height: 26px;

	padding: 7px 0 5px;

}



.archive-title a {

	font-size: 20px;

	color: #000;

	transition: .5s all;

}



.archive-wrpp {

	margin-top: 15px;

}



.archive-items {

	background: #fff;

	overflow: hidden;

	margin-bottom: 18px;

}

.archive-image2 {

	position: relative;

	max-width: 100%;

}



.archive-image2 img {

	width: 40%;

	height: 92px;

	float: left;

	margin-right: 8px;

}



.archive-title2 {

	line-height: 22px;

	padding: 6px 0 5px;

}

.archive-title2 a {

	font-size: 17px;

	color: #000;

	transition: .5s all;

}





.archiveIcon-02 i {

	position: absolute;

	top: 57%;

	left: 16%;

	height: 35px;

	width: 35px;

	background: rgba(0,0,0,.14);

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translateY(-50%);

	text-align: center;

	line-height: 31px;

	color: #fff;

	border-radius: 50%;

	font-size: 25px;

	padding-left: 3px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	z-index: 99;

}



.archive-items:hover .archiveIcon-02 i {

	background: #fff;

	color: #9d0000;

}



.archive-btn {

	margin-top: 20px;

}



.archive-btn > a {

	display: inline-block;

	width: 100%;

	background: #ac0e0e;

	text-align: center;

	padding: 10px;

	color: #fff;

	font-size: 19px;

	transition: .5s all;

}



.archiveIcon i {

	position: absolute;

	top: 69%;

	left: 21%;

	height: 50px;

	width: 50px;

	background: rgba(0,0,0,.14);

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translateY(-50%);

	text-align: center;

	line-height: 41px;

	color: #fff;

	border-radius: 50%;

	font-size: 31px;

	padding-left: 3px;

	border: 3px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	z-index: 99;

}



.archive-image:hover .archiveIcon i {

	background: #fff;

	color: #9d0000;

}





/*****=================================

	Archive page css End

==================================*****/





/*****=================================

	Author page css Start

==================================*****/

.author-page {

	background: #f1f1f1;

	padding: 20px 0;

	margin: 20px 0;

}



.authorPage-content {

	background: #fff;

	padding: 20px;

	overflow: hidden;

}

.author-wrpp {

	border-bottom: 1px solid #ddd;

	overflow: hidden;

	padding-bottom: 10px;

	margin-bottom: 10px;

}



.authorPage-title {

	padding: 4px 0;

	margin-top: -4px;

	line-height: 22px;

}



.authorPage-title > a {

	color: #ac0e0e;

	font-size: 20px;

	transition: .5s all;

}  



.author-date {

	font-size: 13px;

	color: #959595;

	margin-bottom: 5px;

	line-height: 1;

	margin-top: 2px;

}



.author-details {

	color: #333;

	font-size: 15px;

	text-align: justify;

}



.authorPage-image {

	position: relative;

	max-width: 100%;

	overflow: hidden;

	margin-bottom: 10px;

	border-bottom: 1px solid #ddd;

	padding-bottom: 10px;

}



.authorPage-image img {

	width: 20%;

	float: left;

	margin-right: 10px;

	height: 140px;

	object-fit: cover;

}

.authorIcon1 i {

	position: absolute;

	top: 48%;

	left: 9%;

	height: 35px;

	width: 35px;

	background: rgba(0,0,0,.14);

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translateY(-50%);

	text-align: center;

	line-height: 31px;

	color: #fff;

	border-radius: 50%;

	font-size: 25px;

	padding-left: 3px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	z-index: 99;

}

.authorPage-image:hover .authorIcon1 i {

	background: #fff;

	color: #9d0000;

}









/*****=================================

	Author page css End

==================================*****/





/*****=================================

	Team page css Start

==================================*****/

.team-section {

	padding: 40px 0;

}



.team-wrpp {

	box-shadow: 0 0 10px #ddd;

	background: #fff;

	padding: 15px;

	margin: 10px 0;

	border-radius: 15px;

	text-align: center;

}



.team-image img {

	width: 100%;

	height: auto;

	object-fit: cover;

	object-position: top;

}


.team-name {

	line-height: 1;

	margin-bottom: 10px;

}



.team-name > a {

	font-size: 25px;

	color: #000;

	transition: .5s all;

}

.team-name > a:hover{

	color: #890707;

}



.team-deg {

	font-size: 19px;

	color: #890707;

	margin-bottom: 10px;

}



/*****=================================

	Team page css End

==================================*****/







/*==============Single Team-page css Start ====================*/

.single-team {

	margin: 50px 0;

}



.single-teamContent {

	box-shadow: 0 0 20px #ddd;

	padding: 50px 0;

	position: relative;

	margin: 0 85px;

}

.single-teamContent::before {

	position: absolute;

	left: 0;

	top: 0;

	content: "";

	height: 100%;

	width: 15%;

	background: #040e2a;

	z-index: -1;

}

.singel-teamImage {

	text-align: center;

}



.singel-teamImage img {

	width: 70%;

	height: 350px;

	object-fit: cover;

}





.team-singleItem {

	padding: 0 50px 0 0;

}



.single-deg {

	font-size: 17px;

	color: #0c63a5;

	margin-bottom: 13px;

	font-weight: 500;

	text-transform: capitalize;

}



.tSingle-name {

	font-size: 25px;

	font-weight: 700;

	margin-bottom: 15px;

}





.team-details {

	color: #999;

	font-weight: 300;

	line-height: 25px;

	font-size: 17px;

	margin-bottom: 20px;

}

.single-Tsocial > a {

	display: inline-block;

	width: 50px;

	height: 50px;

	line-height: 52px;

	background: #fff;

	text-align: center;

	font-size: 20px;

	border-radius: 50%;

	margin-right: 8px;

	color: #f00;

	box-shadow: 0 0 10px #ddd;

}



.single-Tsocial > a:nth-child(1){

	color: #3b5998;

}

.single-Tsocial > a:nth-child(2){

	color: #00acee;

}

.single-Tsocial > a:nth-child(3){

	color: #0e76a8;

}

.single-Tsocial > a:nth-child(4){

	color: #d6249f;

}



/*==============Single-page css End ====================*/









/*===============Date Page css Start============*/

.date-page {

	padding: 40px 0;

}



.date-page-content {

	column-count: 4;

	column-gap: 17px;

}



.date-page-wrpp {

	overflow: hidden;

	width: 100%;

	break-inside: avoid;

	box-shadow: 0 0 10px #ddd;

	margin-bottom: 17px;

}





.date-image {

	position: relative;

}



.date-image img {

	width: 100%;

	height: auto;

}



.datePage-title {

	padding: 6px 9px 10px;

	line-height: 22px;

	margin: 0;

}



.datePage-title a {

	font-size: 20px;

	color: #000;

	text-decoration: none;

    transition: .5s all

}



.datePage-title a:hover {

	color: #510303;

}







.date-meta {

	border-top: 1px solid #ddd;

	padding-top: 2px;

	padding-bottom: 5px;

	padding-left: 8px;

}



.date-meta a {

	color: #868686;

	font-size: 12px;

	text-decoration: none;

}





.date-icon i {

	position: absolute;

	top: 48%;

	left: 49%;

	height: 50px;

	width: 50px;

	background: rgba(0,0,0,.14);

	transform: translate(-50%,-50%);

	text-align: center;

	line-height: 46px;

	color: #fff;

	border-radius: 50%;

	font-size: 30px;

	padding-left: 3px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	-moz-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	transition: .8s all;

	z-index: 99;

}

.date-image:hover .date-icon i {

	background: #fff;

	color: #8B1010;

}

/*===============Date Page css End============*/





/*===============Search Page css Start============*/

.search-page {

	padding: 40px 0;

}



.search-page-content {

	column-count: 4;

	column-gap: 17px;

}



.search-page-wrpp {

	overflow: hidden;

	width: 100%;

	break-inside: avoid;

	box-shadow: 0 0 10px #ddd;

	margin-bottom: 17px;

}





.search-image {

	position: relative;

}



.search-image img {

	width: 100%;

	height: auto;

}



.searchPage-title {

	padding: 6px 9px 10px;

	line-height: 22px;

	margin: 0;

}



.searchPage-title a {

	font-size: 20px;

	color: #000;

	text-decoration: none;

    transition: .5s all

}



.searchPage-title a:hover {

	color: #510303;

}







.search-meta {

	border-top: 1px solid #ddd;

	padding-top: 2px;

	padding-bottom: 5px;

	padding-left: 8px;

}



.search-meta a {

	color: #868686;

	font-size: 12px;

	text-decoration: none;

}



.search-icon i {

	position: absolute;

	top: 48%;

	left: 49%;

	height: 50px;

	width: 50px;

	background: rgba(0,0,0,.14);

	transform: translate(-50%,-50%);

	text-align: center;

	line-height: 46px;

	color: #fff;

	border-radius: 50%;

	font-size: 30px;

	padding-left: 4px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	-moz-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	transition: .8s all;

	z-index: 99;

}



.search-image:hover .search-icon i {

	background: #fff;

	color: #8B1010;

}

/*===============Search Page css End============*/





/*===============Create Page css Start============*/

.create-page {

	padding: 40px 0;

}


.create-pageTitle {
	font-size: 35px;
	color: #000;
	margin-bottom: 16px;
	border-bottom: solid 2px #6f6d6d;
	padding: 15px 0px;
}



.create-page-image img {

	width: 50%;

	height: auto;

	float: left;

	margin: 0 10px 0 0;

}



.create-page-details {

	text-align: justify;

	color: #000;

	line-height: 27px;

	margin-top: -5px;

}



/*===============Create Page css End============*/







/*===============photo Page css Start============*/

.photoGallery-page {

	padding: 40px 0;

}



.archive-info-cats {

	background: #fff;

	padding: 10px 5px;

	border-bottom: 2px solid #821818;

	margin-bottom: 20px;

	font-size: 18px;

	box-shadow: 0 2px 7px #ddd;

}



.archive-info-cats a {

	text-decoration: none;

	font-size: 22px;

	color: #9a1515;

}



.photo-page-content {

	column-count: 4;

	column-gap: 15px;

}



.photo-page-wrpp {

	overflow: hidden;

	break-inside: avoid;

	width: 100%;

	background: #fff;

	box-shadow: 0 0 10px #ddd;

	margin-bottom: 10px;

}



.photo-page-image {

	position: relative;

}



.photo-page-image img {

	width: 100%;

	height: auto;

}



.photo-page-title {

	padding: 7px 10px 10px;

	line-height: 23px;

}



.photo-page-title a {

	font-size: 20px;

	color: #000;

	transition: .5s all;

}



.photo-page-title a:hover {

	color: #570606;

}



.photo-pageIcon i {

	position: absolute;

	top: 50%;

	left: 50%;

	height: 50px;

	width: 50px;

	background: #fff;

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

	text-align: center;

	line-height: 45px;

	color: #01192F;

	border-radius: 50%;

	font-size: 23px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px grey;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	z-index: 99;

}



.photo-page-wrpp:hover .photo-pageIcon i {

	background: transparent;

	color: #ffff;

}





/*===============Photo Page css End============*/







/*===============Gallery Page css Start============*/

.videoGallery-page {

	padding: 40px 0;

}



.archive-info-cats {

	background: #fff;

	padding: 10px 5px;

	border-bottom: 2px solid #821818;

	margin-bottom: 20px;

	font-size: 18px;

	box-shadow: 0 2px 7px #ddd;

}



.archive-info-cats a {

	text-decoration: none;

	font-size: 22px;

	color: #9a1515;

}



.video-page-content {

	column-count: 4;

	column-gap: 15px;

}



.video-page-wrpp {

	overflow: hidden;

	break-inside: avoid;

	width: 100%;

	background: #fff;

	box-shadow: 0 0 10px #ddd;

	margin-bottom: 10px;

}



.video-page-image {

	position: relative;

}



.video-page-image img {

	width: 100%;

	height: auto;

}



.video-page-title {

	padding: 7px 10px 10px;

	line-height: 23px;

}



.video-page-title a {

	font-size: 20px;

	color: #000;

	transition: .5s all;

}



.video-page-title a:hover {

	color: #570606;

}





.video-pageIcon i {

	position: absolute;

	top: 50%;

	left: 50%;

	height: 50px;

	width: 50px;

	background: rgba(0,0,0,.14);

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

	text-align: center;

	line-height: 47px;

	color: #fff;

	border-radius: 50%;

	font-size: 25px;

	padding-left: 3px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px grey;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	z-index: 99;

}



.video-page-wrpp:hover .video-pageIcon i {

	background: #fff;

	color: #01192F;

}





/*===============Gallery Page css End============*/





/*===============Gallery Page css End============*/



.single-video {

	padding: 40px 0;

	margin-left: 20%;

	margin-right: 20%;

}



.thumbnail-wrpp {

	box-shadow: 0 0 10px #ddd;

	padding: 5px;

	border-radius: 5px;

	margin-bottom: 20px;

	

}

.single-thumbnail{

	position: relative;

}

.single-thumbnail img {

	width: 100%;

	height: auto;

}



.thumbanil-title {

	padding: 10px 10px 10px;

	color: #000;

	font-size: 22px;

	line-height: 35px;

	box-shadow: 0 0 10px #ddd;

	margin-bottom: 10px;

	border-left: 5px solid #4d0000;

}



.thumbanil-sub {

	position: absolute;

	bottom: 0;

	left: 0;

	background: rgba(0,0,0,0.4);

	padding: 10px;

	color: #fff;

	font-size: 23px;

	width: 100%;

}







/*===============Gallery Page css End============*/





/*===============Single photo Page css Start============*/



.single-photo {

	padding: 40px 0;

	margin-left: 20%;

	margin-right: 20%;

}



.photo-wrpp {

	box-shadow: 0 0 10px #ddd;

	padding: 5px;

	border-radius: 5px;

	margin-bottom: 13px;

}



.photo-thumbnail{

	position: relative;

}

.photo-thumbnail img {

	width: 100%;

	height: auto;

}



.photo-title {

	padding: 10px 10px 10px;

	color: #000;

	font-size: 22px;

	line-height: 35px;

	box-shadow: 0 0 10px #ddd;

	margin-bottom: 10px;

	border-left: 5px solid #4d0000;

}



.photo-sub {

	position: absolute;

	bottom: 0;

	left: 0;

	background: rgba(0,0,0,0.4);

	padding: 10px;

	color: #fff;

	font-size: 23px;

	width: 100%;

}









/*===============Single photo Page css End============*/



















/*===============404/Error Page css End============*/

.error-page {

	padding: 50px 0;

}





.error-wrpp {

	text-align: center;

	margin-bottom: 40px;

}



.error-title {

	font-size: 130px;

	font-weight: bold;

	letter-spacing: 7px;

	margin-bottom: 0;

	-webkit-text-stroke: 3px #9a1515;

	-webkit-text-fill-color: #fff;

	-webkit-animation: fill 0.6s infinite alternate;

	text-shadow: 0 2px 4px #000;

	display: inline-block;

}





 @-webkit-keyframes fill {

  from { -webkit-text-fill-color: #9a1515; }

  to { -webkit-text-fill-color: #ddd; }

} 



.error-page-sub {

	font-size: 40px;

	margin-top: 20px;

	font-weight: 600;

	color: #535151;

}



.error-page-item {

	font-size: 25px;

	letter-spacing: 0.5px;

	color: #000;

	line-height: 46px;

}





.error-btn {

	margin-top: 40px;

}



.error-btn a {

	background: #9a1515;

	padding: 10px 30px;

	display: inline-block;

	text-transform: uppercase;

	color: #fff;

	text-decoration: none;

	font-weight: 600;

	font-size: 18px;

	letter-spacing: 2px;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

}



.error-btn a:hover{

    padding: 10px 40px;

  }

/*===============404/Error Page css End============*/





/*****======================================
	* Author-Page css-Start
======================================******/
.author-page {
	padding: 40px 0;
}

.custom-col-6 {
	max-width: 50%;
	width: 100%;
	float: left;
}

.author-wrpp {
	margin: 0 0 15px 0;
	box-shadow: 0 0 10px #ddd;
	overflow: hidden;
}

.authorNews-image  {
	position: relative;
}

.authorNews-image img {
	width: 100%;
	height: 220px;
}

.author-icon i {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 45px;
	width: 45px;
	background: rgba(0,0,0,.14);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center;
	line-height: 41px;
	color: #fff;
	border-radius: 50%;
	font-size: 29px;
	padding-left: 5px;
	border: 2px solid #fff;
	-webkit-box-shadow: 0 0 30px 2px grey;
	box-shadow: 0 0 30px 2px gray;
	opacity: .8;
	-webkit-transition: .8s all;
	-o-transition: .8s all;
	transition: .8s all;
	z-index: 99;
}

.authorNews-image:hover .author-icon i {
	background: #fff;
	color: #8B1010;
}

.authorPage-content {
	padding: 10px 10px 20px;
}

.author-date {
	font-size: 14px;
	margin: 12px 0 3px 0;
	color: #666;
}

.author-date a {
	color: #0b0b27;
	margin-right: 5px;
}

.authorPage-title {
	line-height: 22px;
}

.authorPage-title > a {
	font-size: 20px;
	color: #000d39;
	font-weight: 500;
	transition: .5s all;
}

.authorPage-title > a:hover {
	color: #490253;
}

.authorPagee-image {
	margin: 0 auto;
	text-align: center;
	position: relative;
}

.authorPagee-image img {
	width: 250px;
	height: 250px;
	object-fit: cover;
	border-radius: 40%;
}

.authorPage-name {
	text-align: center;
	line-height: 1;
	margin-bottom: 20px;
}



.authorPage-name > a {
	font-size: 23px;
	color: #00061e;
	font-weight: 600;
}

.author-social {
	text-align: center;
	margin-bottom: 20px;
}

.author-social > a {
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: #3c466f;
	text-align: center;
	border-radius: 50%;
	font-size: 15px;
	color: #fff;
	transition: .5s all;
}

.author-social > a:nth-child(1){
	background: #0077b5;
}

.author-social > a:nth-child(2){
	background: #00acee ;
}

.author-social > a:nth-child(3){
	background: #c4302b  ;
}

.author-social > a:nth-child(4){
	background: #0e76a8  ;
}

.author-social > a:nth-child(5){
	background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.authorPopular_item {
	overflow: scroll;
	overflow-x: hidden;
	height: 400px;
}

.authorPopular-wrpp {
	border: 1px solid #eee;
	padding: 5px;
	margin-bottom: 10px;
	overflow: hidden;
}

.authorCat-title {
	border-bottom: 2px solid #00061e;
	margin: 10px 0;
}

.authorCat-title > span {
	background: #00061e;
	padding: 8px 12px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	line-height: 1;
}

.authorPopular-image {
	position: relative;
}

.authorPopular-image img {
	float: left;
	width: 33%;
	margin-right: 5px;
	height: 100px;
	object-fit: cover;
	border-radius: 4px;
}

.authorPopular-title {
	line-height: 19px;
	margin-bottom: 7px;
}

.authorPopular-title > a {
	font-size: 18px;
	color: #000d39;
	font-weight: 500;
}

.authorPopular-title > a:hover {
	border-bottom: 1px solid #000d39;
}

.authorPopular-date {
	font-size: 14px;
	margin: 4px 0 3px 0;
	color: #999;
}

.authorPopular-icon i {
	position: absolute;
	top: 70%;
	left: 17%;
	height: 35px;
	width: 35px;
	background: rgba(0,0,0,.14);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center;
	line-height: 30px;
	color: #fff;
	border-radius: 50%;
	font-size: 22px;
	padding-left: 4px;
	border: 2px solid #fff;
	-webkit-box-shadow: 0 0 30px 2px gray;
	box-shadow: 0 0 30px 2px gray;
	opacity: .8;
	-webkit-transition: .8s all;
	-o-transition: .8s all;
	transition: .8s all;
	z-index: 99;
}
.authorPopular-image:hover .authorPopular-icon i {
	background: #fff;
	color: #01192F;
}

/*****======================================
	* Author-Page css-End
======================================******/


/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.authorNews-image img {
		height: 130px !important;
	}

	.authorPage-content {
		padding: 4px 10px 20px !important;
	}

	.authorPopular-title {
		line-height: 15px !important;
	}

	.authorPopular-title > a {
		font-size: 15px !important;
	}

	.authorPopular-image img {
		width: 41% !important;
		height: 80px !important;
	}

	.authorPopular-icon i {
		top: 54% !important;
		left: 20% !important;

	}


}


/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
	.custom-col-6 {
		padding: 5px !important;
	}

	.author-wrpp {
		margin: 0 !important;

	}

	.authorNews-image img {
		height: 100px !important;
	}

	.authorPage-title {
		line-height: 17px !important;
	}

	.authorPage-title > a {
		font-size: 16px !important;
		}

	.author-date a {
		color: #0b0b27;
		margin-right: 2px !important;
	}

	.authorPage-content {
		padding: 6px 7px 13px !important;
	}

}



/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	.authorNews-image img {
		height: 130px !important;
	}
}