.archive-page1 {
padding: 1px 0;
}
.rachive-info-cats {
background: #f8fffe;
padding: 10px 5px;
border-bottom: 2px solid #8c0606;
margin-bottom: 10px;
font-size: 18px;
box-shadow: 0 1px 5px #ddd;
}
.rachive-info-cats a {
color: #8c0606;
font-size: 18px;
}
.archive-shadow {
box-shadow: 0 2px 3px #dddd;
border-radius: 0 0 3px 3px;
}
.archive1_image {
position: relative;
overflow: hidden;
}
.archive1_image img {
width: 100%;
height: 270px;
object-fit: cover;
transition: .8s all;
}
.archive1-meta {
position: absolute;
left: 0;
bottom: 0;
z-index: 99;
}
.archive1-meta a {
font-size: 12px;
background: rgba(0,0,0,.6);
color: #fff;
padding: 5px 11px 5px 6px;
display: inline-block;
line-height: 1;
}
.archive1-meta i {
font-size: 10px;
}
.archive1-padding {
padding: 5px 6px;
}
.archive1-title {
line-height: auto;
margin-bottom: 7px;
}
.archive1-custom-col-3 {
max-width: 33.33% !important;
width: 100%;
flex: auto 0 0;
}
.archive1_image2 {
position: relative;
}
.archive1_image2 img {
width: 100%;
height: 130px;
object-fit: cover;
}
.archive1-title2 {
line-height: auto;
padding : 5px;
}
.arch_margin {
margin-bottom: 14px;
}
.archive-content {
background: #e2f3f770;
display: inline-block;
padding: 6px 8px 8px 6px;
box-shadow: 0 0 2px #ddd;
margin-bottom: 10px;
position: relative;
}
.archiv-btn {
margin-top: 10px;
}
.archiv-btn a {
background: #01284F;
padding: 3px 8px;
display: inline-block;
font-size: 14px;
color: #fff;
text-decoration: none;
transition: .8s all;
border-radius: 5px;
}
.archiv-btn a:hover{
padding: 3px 14px;
background: #690101;
}
.archive-p-title {
margin-bottom: 7px;
}
.archive-p-title a:hover {
color: #000;
}
.content_detalis {
line-height: 22px;
}
.archive-image {
position: relative;
}
.archive-image img {
width: 31% !important;
height: 135px;
float: left;
margin-right: 14px;
}
.archive1-vIcon1 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;
}
.arch_margin:hover .archive1-vIcon1 i {
background: #fff;
color: #8B1010;
}
.archive1-vIcon2 i {
position: absolute;
top: 46%;
left: 15%;
height: 45px;
width: 45px;
background: rgba(0,0,0,.14);
transform: translate(-50%,-50%);
text-align: center;
line-height: 41px;
color: #fff;
border-radius: 50%;
font-size: 29px;
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;
}
.archive-image:hover .archive1-vIcon2 i{
background: #fff;
color: #8B1010;
} .archive-topAdd {
margin-bottom: 24px;
}
.archive-topAdd img {
width: 100%;
height: auto;
}
.single-sitber {
margin-top: 15px;
}  @media only screen and (min-width: 768px) and (max-width: 991px) {
.archive1-custom-col-3 {
padding: 5px !important;
}
.archive1-title2 {
line-height: 20px !important;
}
.archive1-title2 a {
font-size: 17px !important;
}
.archive1_image img {
height: 170px !important;
}
.archive1_image2 img {
height: 85px !important;
}
.archive-image img {
width: 100% !important;
height: 115px !important;
float: inherit !important;
margin-right: 0 !important;
}
.archive-content {
max-width: 47% !important;
float: left !important;
margin: 7px 6px 1px 6px !important;
}
.archive1-vIcon2 i {
top: 13% !important;
left: 50% !important;
}
.content_detalis {
text-align: justify !important;
}
.archive-p-title {
margin: 5px 0 !important;
line-height: 22px !important;
}
.archive-p-title a {
font-size: 18px !important;
}
} @media only screen and (max-width: 767px) { 
.archive1-custom-col-12 {
max-width: 50% !important;
padding: 6px !important;
}
.archive1-custom-col-3 {
max-width: 50% !important;
padding: 5px !important;
}
.arch_margin {
margin-bottom: 5px !important;
}
.archive1_image img {
height: 190px !important;
}
.archive1_image2 img {
height: 95px !important;
}
.archive1-title2 {
line-height: 20px !important;
}
.archive1-title2 a {
font-size: 17px !important;
}
.archive-content {
margin-bottom: 15px;
}
.archive1-vIcon2 i {
top: 23% !important;
left: 50% !important;
}
.archive-p-title {
margin: 6px 0 5px !important;
}
.archive-image img {
width: 100% !important;
height: 180px !important;
float: inherit !important;
margin-right: 0 !important;
object-fit: cover !important;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) { 
.archive1_image2 img {
height: 130px !important;
}
.archive1_image img {
height: 257px !important;
}
.archive-image img {
height: 260px !important;
}
.content_detalis {
text-align: justify;
}
.archive-image img {
width: 32% !important;
height: 140px !important;
float: left !important;
margin-right: 8px !important;
}
.archive1-vIcon2 i {
top: 31% !important;
left: 17% !important;
}
}  .archive-page2 {
padding: 1px 0;
}
.rachive-info-cats {
background: #f8fffe;
padding: 10px 5px;
border-bottom: 2px solid #8c0606;
margin-bottom: 10px;
font-size: 18px;
box-shadow: 0 1px 5px #ddd;
}
.rachive-info-cats a {
color: #8c0606;
font-size: 18px;
}
.archive2-custom-col-3 {
max-width: 33.33% !important;
width: 100%;
padding: 8px;
}
.archivePage-wrpp2 {
overflow: hidden;
box-shadow: 0 0 10px #ddd;
}
.archive2-image {
position: relative;
}
.archive2-image img {
width: 100%;
height: 135px;
object-fit: cover;
}
.archivePage2-title {
padding: 6px 9px 10px;
line-height: 22px;
margin: 0;
}
.archivePage2-title a {
font-size: 20px;
color: #000;
text-decoration: none;
transition: .5s all;
}
.archivePage2-title a:hover {
color: #510303;
}
.archive-meta2 {
border-top: 1px solid #ddd;
padding-top: 2px;
padding-bottom: 5px;
padding-left: 8px;
}
.archive-meta2 a {
color: #868686;
font-size: 12px;
text-decoration: none;
}
.archive2-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;
}
.archive2-image:hover .archive2-icon i {
background: #fff;
color: #8B1010;
} .single-sibearNews {
overflow: scroll;
max-height: 380px;
overflow-x: hidden;
background-color: #fff;
padding: 2px;
margin-bottom: 5px;
}
.nav-tabs .nav-link.active {
color: #000;
background-color: #fff;
background: #fff;
text-decoration: none;
border-top: 3px solid #8b1010;
}
.nav-tabs .nav-link i {
color: transparent;
-webkit-text-stroke: 1px #000;
font-size: 16px;
}
.nav-tabs .nav-link.active i{
-webkit-text-stroke: 1px #9a919e;
}
.nav-tabs .nav-link {
border: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background: #ddd;
border-top: 3px solid #ddd;
font-size: 18px;
color: #000;
text-decoration: none;
width: 50%;
}
#nav-home-tab {
padding: 10px 10px;
cursor: pointer;
border-top: 3px solid #01192f;
}
#nav-profile-tab {
padding: 10px 10px;
border-top: 3px solid #8b1010;
}
.tab-image {
position:relative;
}
.tab-image img {
width: 38%;
float: left;
margin-right: 7px;
}
.tab-border {
overflow: hidden;
border-bottom: 1px solid #f4f4f4;
margin-bottom: 8px;
padding-bottom: 10px;
}
.tab_hadding {
padding-right: 3px;
padding-left: 6px;
padding-bottom: 4px;
margin: 0;
}
.tab_hadding a{
font-size:18px;
font-weight:400;
line-height:auto;
color:#000;
text-decoration:none;
-webkit-transition:.8s all;
-o-transition:.8s all;
transition:.8s all;
}
.tab_hadding a:hover {
color: #8B1010;
}
.video-icon2 i {
position: absolute;
top: 50%;
left: 50%;
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;
}
.tab-image:hover .video-icon2 i {
background: #fff;
color: #01192F;
}
.archive-topAdd {
margin-bottom: 24px;
}
.archive-topAdd img {
width: 100%;
height: auto;
}
.single-sitber {
margin-top: 15px;
}  @media only screen and (min-width: 768px) and (max-width: 991px) {
.archive-page2 .col-lg-3 {
padding: 0!important;
}
.archivePage2-title {
padding: 4px 5px 8px !important;
line-height: 17px !important;
}
.archivePage2-title a {
font-size: 17px !important;
}
.archive2-image img {
height: 90px !important;
}
} @media only screen and (max-width: 767px) { 
.archive2-custom-col-3 {
max-width: 50% !important;
}
.archive2-image img {
height: 100px !important;
}
.archivePage2-title {
padding: 4px 5px 8px !important;
line-height: 17px !important;
}
.archivePage2-title a {
font-size: 17px !important;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) { 
.archive2-image img {
height: 125px !important;
}
}  .archive-page3 {
padding: 1px 0;
}
.achive3-info-cats {
background: #f8fffe;
padding: 10px 5px;
border-bottom: 2px solid #8c0606;
margin-bottom: 10px;
font-size: 18px;
box-shadow: 0 1px 5px #ddd;
}
.achive3-info-cats a {
color: #8c0606;
font-size: 18px;
}
.archive3Image {
position: relative;
}
.archive3Image img {
width: 100%;
height: 280px;
object-fit: cover;
}
.archive3Title {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 10px;
background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 30%,rgba(0,0,0,.8) 100%);
margin: 0;
line-height: 22px;
}
.archive3Title a {
font-size: 25px;
color: #fff;
}
.archive3Title2 {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 10px;
background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 30%,rgba(0,0,0,.8) 100%);
margin: 0;
line-height: 19px;
}
.archive3Title2 a {
font-size: 18px;
color: #fff;
}
.archive3Image2 {
position: relative;
margin-bottom: 16px;
}
.archive3Image2 img {
width: 100%;
height: 132px;
object-fit: cover;
}
.archive3-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;
}
.archive3-icon2 i {
position: absolute;
top: 40%;
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;
}
.archive3Image2:hover .archive3-icon2 i {
background: #fff;
color: #8B1010;
}
.archive3Image:hover .archive3-icon i {
background: #fff;
color: #8B1010;
}
.archive3Image2:hover .archive3-icon i {
background: #fff;
color: #8B1010;
}
.archive3-wrpp:hover .archive3-icon i {
background: #fff;
color: #8B1010;
}
.archive3-custom-col-6 {
max-width: 50% !important;
width: 100%;
flex: auto 0 0;
padding: 8px;
}
.archive3-wrpp {
overflow: hidden;
background: #fff;
padding: 7px;
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.archive3Image3 {
position: relative;
}
.archive3Image3 img {
width: 100%;
height: 200px;
object-fit: cover;
}
.archive3Title3 {
margin: 0;
padding: 10px;
line-height: 22px;
}
.archive3Title3 a {
font-size: 18px;
color: #000;
}
.archive-content2 {
margin-top: 20px;
}
.archive3-smallItem {
background: #fff;
overflow: hidden;
padding: 8px 8px;
box-shadow: 0 0 2px rgba(0,0,0,.2);
margin-bottom: 15px;
}
.archive3-smallImg2 {
position: relative;
overflow: hidden;
}
.archive3-smallImg2 img {
width: 40%;
float: left;
margin-right: 10px;
height: auto;
}
.archive3_smallTitle {
margin: 0;
line-height: 25px;
overflow: hidden;
}
.archive3_smallTitle a {
font-size: 20px;
color: #333;
}
.archive3-small i {
position: absolute;
top: 49%;
left: 20%;
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: 35px;
color: #fff;
border-radius: 50%;
font-size: 25px;
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;
}
.archive3-smallItem:hover .archive3-small i{
background: #fff;
color: #8B1010;
} .archive-topAdd {
margin-bottom: 24px;
}
.archive-topAdd img {
width: 100%;
height: auto;
}
.single-sitber {
margin-top: 15px;
}  @media only screen and (min-width: 768px) and (max-width: 991px) {
.archive-page3 .col-lg-3 {
padding: 0 !important;
}
.archive-page3 .col-lg-4 {
padding: 0 8px !important;
}
.archive3-custom-col-3 {
max-width: 50% !important;
}
.archive3Image img {
height: 210px !important;
}
.archive3Image2 img {
height: 105px !important;
}
.archive3Image3 img {
height: 125px !important;
}
.archive3_smallTitle {
line-height: 21px !important;
padding-top: 5px !important;
}
.archive3_smallTitle a {
font-size: 18px !important;
}
.archive3Title2 {
padding: 3px !important;
line-height: 16px !important;
}
.archive3Title2 a {
font-size: 15px !important;
}
.archive3Title3 {
padding: 5px !important;
line-height: 19px !important;
}
.archive3Title3 a {
font-size: 16px !important;
}
.archive3-smallImg2 img {
width: 100% !important;
float: inherit !important;
}
.archive3-small i {
top: 35% !important;
left: 49% !important;
}
} @media only screen and (max-width: 767px) { 
.archive3-custom-col-12 {
max-width: 50% !important;
padding: 7px !important;
}
.archive3Title2 {
padding: 5px !important;
line-height: 18px !important;
}
.archive3Image img {
height: 190px !important;
}
.archive3Image2 img {
height: 110px !important;
}
.archive3Image2 {
margin-bottom: 0 !important;
}
.archive3Title2 a {
font-size: 15px !important;
}
.archive3-icon2 i {
top: 30% !important;
}
.archive3-custom-col-3 {
max-width: 50% !important;
padding: 5px !important;
}
.archive3Image3 img {
height: 95px !important;
}
.archive3Title3 {
padding: 5px !important;
line-height: 19px !important;
}
.archive3Title3 a {
font-size: 16px !important;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) { 
.archive3Image img {
height: 260px !important;
}
.archive3Image2 img {
height: 130px !important;
}
.archive3Image3 img {
height: 125px !important;
}
}  .archive-page4 {
padding: 1px 0;
}
.rachive-info-cats {
background: #f8fffe;
padding: 10px 5px;
border-bottom: 2px solid #8c0606;
margin-bottom: 10px;
font-size: 18px;
box-shadow: 0 1px 5px #ddd;
}
.rachive-info-cats a {
color: #8c0606;
font-size: 18px;
}
.arch_margin {
margin-bottom: 14px;
}
.archive4-content {
background: #e2f3f770;
display: inline-block;
padding: 6px 8px 8px 6px;
box-shadow: 0 0 2px #ddd;
margin-bottom: 10px;
position: relative;
}
.archive4-btn {
margin-top: 10px;
}
.archive4-btn a {
background: #01284F;
padding: 3px 8px;
display: inline-block;
font-size: 14px;
color: #fff;
text-decoration: none;
transition: .8s all;
border-radius: 5px;
}
.archive4-btn a:hover{
padding: 3px 14px;
background: #690101;
}
.archive4-p-title {
margin-bottom: 7px;
}
.archive4-p-title a {
font-size: 22px;
text-decoration: none;
color: #444546;
font-weight: 500;
transition: .5s all;
}
.archive4-p-title a:hover {
color: #000;
}
.content_detalis {
line-height: 22px;
}
.archive4-image {
position: relative;
}
.archive4-image img {
width: 31%;
height: 135px;
float: left;
margin-right: 14px;
}
.archive4-vIcon i {
position: absolute;
top: 46%;
left: 15%;
height: 45px;
width: 45px;
background: rgba(0,0,0,.14);
transform: translate(-50%,-50%);
text-align: center;
line-height: 41px;
color: #fff;
border-radius: 50%;
font-size: 29px;
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;
}
.archive4-image:hover .archive4-vIcon i{
background: #fff;
color: #8B1010;
} .archive-topAdd {
margin-bottom: 24px;
}
.archive-topAdd img {
width: 100%;
height: auto;
}
.single-sitber {
margin-top: 15px;
}  @media only screen and (min-width: 768px) and (max-width: 991px) {
.archive4-image img {
width: 100% !important;
height: 115px !important;
float: inherit !important;
margin-right: 0 !important;
}
.archive4-content {
max-width: 47% !important;
float: left !important;
margin: 7px 6px 1px 6px !important;
}
.archive4-vIcon i {
top: 13% !important;
left: 50% !important;
}
.content_detalis {
text-align: justify !important;
}
.archive4-p-title {
margin: 5px 0 !important;
line-height: 22px !important;
}
.archive4-p-title a {
font-size: 18px !important;
}
} @media only screen and (max-width: 767px) { 
.arch_margin {
margin-bottom: 5px !important;
}
.archive4-content {
margin-bottom: 15px;
}
.archive4-vIcon i {
top: 23% !important;
left: 50% !important;
}
.archive4-p-title {
margin: 6px 0 5px !important;
}
.archive4-image img {
width: 100% !important;
height: 180px !important;
float: inherit !important;
margin-right: 0 !important;
object-fit: cover !important;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) { 
.content_detalis {
text-align: justify;
}
.archive4-image img {
width: 32% !important;
height: 140px !important;
float: left !important;
margin-right: 8px !important;
}
.archive4-vIcon i {
top: 31% !important;
left: 17% !important;
}
}  #archivePopular-tab > li {
color: #000D39;
font-size: 17px;
cursor: pointer;
display: inline-block;
width: 50%;
}
#archivePopular-tab .nav-link {
background: 0 0;
border: 0;
border-radius: 0;
}
.archiveTab-sibearNews {
overflow: scroll;
max-height: 380px;
overflow-x: hidden;
background-color: #fff;
padding: 2px;
margin-bottom: 5px;
}
.archive-tabWrpp{
position: relative;
}
.archiveTab-image {
position:relative;
}
.archiveTab-image img {
width: 40%;
float: left;
margin-right: 5px;
margin-left: 13px;
height: 80px;
object-fit: cover;
}
.archiveTab-border {
overflow: hidden;
border-bottom: 1px solid #f4f4f4;
margin-bottom: 8px;
padding-bottom: 10px;
}
.archiveTab_hadding {
padding-right: 3px;
padding-left: 6px;
padding-bottom: 4px;
margin: 0;
line-height: auto;
}
.archiveTab_hadding a:hover {
color: #8B1010;
}
.archiveTab-icon2 i {
position: absolute;
top: 42%;
left: 24%;
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;
}
.archive-tabWrpp:hover .archiveTab-icon2 i {
background: #fff;
color: #01192F;
}
.archive-conut {
position: absolute;
left: -2px;
top: 21px;
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;
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.archiveTab_hadding {
padding: 0 !important;
line-height: 14px !important;
}
#archivePopular-tab .nav-link {
padding: 8px 4px !important;
font-size: 15px !important;
}
.archiveTab_hadding a {
font-size: 15px !important;
}
.archiveTab-image img {
width: 42% !important;
margin-right: 5px !important;
height: 54px!important;
}
.archiveTab-icon2 i {
top: 41% !important;
left: 28% !important;
height: 30px !important;
width: 30px !important;
line-height: 27px !important;
font-size: 20px !important;
padding-left: 3px !important;
}
.archive-conut {
top: 9px !important;
}
} @media only screen and (max-width: 767px) { 
.archiveTab-image img {
width: 38% !important;
height: 70px !important;
}
.archive-conut {
top: 16px !important;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) { 
.archiveTab-image img {
width: 36% !important;
height: 95px !important;
}
.archive-conut {
top: 29px !important;
}
.archiveTab-icon2 i {
left: 21% !important;
}
}  .error-page {
padding: 10px 0;
}
.error-wrpp {
text-align: center;
margin-bottom: 10px;
}
.error-title {
font-size: 100px;
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: 2px;
font-weight: 600;
color: #535151;
}
.error-page-item {
font-size: 25px;
letter-spacing: 0.5px;
color: #000;
line-height: auto;
}
.error-btn {
margin-top: 10px;
}
.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;
}  .date-page {
padding: 40px 0;
}
.custom-col4 {
max-width: 25% !important;
width: 100%;
float: left;
}
.date-page-wrpp {
overflow: hidden;
width: 100%;
break-inside: avoid;
box-shadow: 0 0 10px #ddd;
margin-bottom: 17px;
text-align: left;
}
.date-image {
position: relative;
}
.date-image img {
width: 100%;
height: 150px;
object-fit: cover;
}
.datePage-title {
padding: 6px 9px 10px;
line-height: 22px;
margin: 0;
text-align : left;
}
.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;
text-align: left;
}
.date-meta a {
color: #868686;
font-size: 12px;
text-decoration: none;
}
.date-icon i {
position: absolute;
top: 48%;
left: 49%;
height: 45px;
width: 45px;
background: rgba(0,0,0,.14);
transform: translate(-50%,-50%);
text-align: center;
line-height: 41px;
color: #fff;
border-radius: 50%;
font-size: 29px;
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;
}
.date-image:hover .date-icon i {
background: #fff;
color: #8B1010;
}  @media only screen and (min-width: 768px) and (max-width: 991px) {
.datePage-title {
line-height: 18px !important;
}
.datePage-title a {
font-size: 17px !important;
}
.date-image img {
height: 95px !important;
}
} @media only screen and (max-width: 767px) { 
.custom-col4 {
max-width: 50% !important;
}
.date-image img {
height: 100px !important;
}
.datePage-title {
line-height: 20px !important;
}
.datePage-title a {
font-size: 17px !important;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) { 
.date-image img {
height: 125px !important;
}
}  .create-page {
padding: 5px 0;
}
.create-pageTitle {
font-size: 25px;
color: #000;
margin-bottom: 15px;
border-left: 5px solid brown;
background: #ECECEB;
padding: 5px 10px;
color: #515150;
}
.create-page-details {
font-size : 18px;
text-align: justify;
color: #;
line-height: auto;
margin-top: -5px;
}
.create-page-details p {
font-size : 18px;
text-align: justify;
color: #000;
line-height: auto;
}  @media only screen and (min-width: 768px) and (max-width: 991px) {
} @media only screen and (max-width: 767px) { 
.create-page-image img {
width: 100%;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) { 
}  .pager .previous > a, .pager .previous > span {
float: left;
}
.pager .next > a, .pager .next > span {
float: right;
} 
.pager li:last-child{
float: right;
}
.pager {
text-align: center;
margin: 22px 0;
}
.pager li {
display: inline;
}
.pager li > a:hover {
background: #00061e;
color: #fff;
}
.pager li > a {
display: inline-block;
padding: 6px 20px 5px;
background: #fff;
text-align: center;
border-radius: 50px;
margin-right: 2px;
transition: .5s all;
color: #00061e;
font-weight: 500;
font-size: 17px;
box-shadow: 0 0 5px #b3b3b3;
transition: .5s all;
}
.pager .active > span{
background: #00061e;
color: #fff;
padding: 7px 20px 7px;
border-radius: 50px;
}  .single-page {
padding: 1px 0;
}
.single-cat-info {
background: #f0f8f9;
margin-bottom: 8px;
overflow: hidden;
width: 100%;
}
.single-home {
background: #B30F0F;
padding: 8px 14px 8px 8px;
float: left;
color: #fff;
}
.single-home a {
color: #fff;
font-size: 16px;
text-decoration: none;
}
.single-cats {
background: #666666;
padding: 8px 14px 8px 8px;
float: left;
color: #fff !important;
font-size: 15px !important;
}
.single-cats a {
color: #fff;
font-size: 16px;
text-decoration: none;
}
.single-add {
margin: 0 0 15px;
}
.single-add img {
width: 100%;
height: auto;
}
.reportar-image img {
width: 100%;
height: 50px;
}
.reportar-title {
font-size: 15px;
border-bottom: 1px solid #ddd;
padding-bottom: 2px;
margin-bottom: 1px;
margin-top: 6px;
}
.viwe-count {
margin-bottom: 10px;
}
.viwe-count ul {
padding: 0;
margin: 0;
list-style: none;
}
.viwe-count ul li {
display: inline-block;
margin-right: 20px;
color: #000;
font-weight: 400;
font-size: 14px;
}
.single-image {
position: relative;
overflow: hidden;
}
.single-image img{
width: 100%;
height: auto;
}
.single-caption2 {
position: absolute;
left: 0;
bottom: -38px;
right: 0;
text-align: center;
background: rgba(0,0,0,0.3);
color: #fff;
padding: 8px 10px;
font-size: 18px;
font-style: italic;
transition: .5s all;
opacity: 0;
visibility: hidden;
}
.single-image:hover .single-caption2 {
opacity: 1;
visibility: visible;
bottom: 0;
}
.single-icon i {
position: absolute;
top: 50%;
left: 50%;
height: 55px;
width: 55px;
background: rgba(0,0,0,.14);
transform: translate(-50%,-50%);
text-align: center;
line-height: 51px;
color: #fff;
border-radius: 50%;
font-size: 31px;
padding-left: 5px;
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;
}
.single-image:hover .single-icon i {
background: #fff;
color: #8B1010;
}
.single-details {
text-align: justify;
margin-top: 6px;
margin-bottom: 15px;
color: #000;
}
.multiImage2 {
margin: 10px 0 8px 0;
}
.multiImage2 img {
width: 100%;
height: auto;
}
.multi-caption2 {
font-size: 16px;
margin: 4px 0 6px;
text-align: center;
font-style: italic;
}
.multiVideo2 > iframe {
width: 100%;
height: 450px;
margin: 9px 0 6px 0;
}
.singlePage2-tag {
margin: 20px 0 20px;
}
.singlePage2-tag a {
border: 1px solid #cb2027;
margin-right: 2px;
padding: 2px 13px 1px;
display: inline-block;
font-size: 14px;
color: #cb2027;
border-radius: 50px;
transition: .5s all;
margin-bottom: 5px;
}
.singlePage2-tag a:hover{
background: #cb2027;
color: #fff;
}
.share-title {
font-size: 20px;
font-weight: 600;
border-bottom: 1px solid #ddd;
padding-bottom: 4px;
margin-top: 22px;
}
.single-page-social {
margin-top: 10px;
margin-bottom: 13px;
text-align: left;
}
.single-social-title {
font-size: 30px;
color: #000;
margin: 0 0 10px;
border-bottom: 1px solid #eee;
padding: 0 0 7px;
}
.single-page-social a {
background: #f00;
display: inline-block;
color: #fff;
font-weight: normal;
font-size: 16px;
margin-right: 3px;
border-radius: 5px;
transition: .8s all;
padding: 7px 19px 7px;
border: 1px solid transparent;
}
.single-page-social a:nth-child(1){
background: #3b5998;
}
.single-page-social a:nth-child(1):hover {
background: #eee;
color: #3b5998;
border: 1px solid #3b5998;
}
.single-page-social a:nth-child(2){
background: #00acee;
}
.single-page-social a:nth-child(2):hover{
background: #eee;
color: #00acee;
border: 1px solid #00acee;
}
.single-page-social a:nth-child(3){
background: #0e76a8;
}
.single-page-social a:nth-child(3):hover{
background: #eee;
color: #0e76a8;
border: 1px solid #0e76a8;
}
.single-page-social a:nth-child(4){
background: #1E629C;
}
.single-page-social a:nth-child(4):hover{
background: #eee;
color: #1E629C;
border: 1px solid #1E629C;
}
.single-page-social a:nth-child(5){
background: #c8232c;
}
.single-page-social a:nth-child(5):hover{
background: #eee;
color: #c8232c;
border: 1px solid #c8232c;
}
.single-page-social a:nth-child(6){
background: #000;
color: white !important;
}
.single-page-social a:nth-child(6):hover{
background: #eee;
color: #000;
border: 1px solid #000;
} .author2 {
display: inline-block;
width: 100%;
margin-top: 25px;
border: 1px solid #b9bcc6;
background: #fff;
padding: 20px 16px 20px;
border-radius: 3px;
position: relative;
}
.author-caption2 > span {
background: #00061e;
padding: 6px 10px;
color: #fff;
position: relative;
top: -30px;
left: -17px;
}
.author-caption2 span::before {
position: absolute;
left: 60px;
content: '';
width: 10px;
height: 10px;
background: #00061e;
text-align: center;
right: 0;
transform: rotate(46deg);
bottom: -5px;
}
.author-image2 img {
width: 100px;
height: 100px;
object-fit: cover;
border-radius: 50%;
float: left;
margin-right: 20px;
}
.authorContent {
position: relative;
top: 1px;
width: 80%;
}
.author-name2 > a {
font-size: 23px;
color: #00061e;
font-weight: 600;
}
.author-title2 {
margin-top: 2px;
}
.author-title2 > strong a {
float: right;
}
.author-title2 > strong a {
border: 1px solid #ddd;
padding: 6px 20px;
font-size: 15px;
color: #030e3c;
font-weight: 300;
display: inline-block;
margin-top: -1px;
line-height: 1;
transition: .5s all;
}
.author-title2 > strong a:hover{
border-color: #030e3c;
} .single_relatedCat {
display: block;
margin-bottom: 7px;
background-color: #E7F0F7;
margin-top: 20px;
}
.single_relatedCat a {
color: #fff;
font-weight: 400;
font-size: 18px;
text-decoration: none;
position: relative;
display: inline-block;
margin: 0px 0 0 0 !important;
background: #01284F;
padding: 8px 10px;
}
.single_relatedCat a::after {
left: 100%;
height: 0;
width: 7px;
position: absolute;
top: 0;
content: "";
pointer-events: none;
margin-left: 0;
margin-top: 0;
border-top: 41px solid #01284F;
border-right: 8px solid transparent;
}
.custom-col-3 {
max-width: 33.33%;
width: 100%;
float: left;
}
.related-wrpp {
overflow: hidden;
box-shadow: 0 0 10px #ddd;
margin-bottom: 17px;
}
.related-image {
position: relative;
}
.related-image img {
width: 100%;
height: 130px;
object-fit: cover;
}
.related-title {
padding: 6px 9px 10px;
line-height: auto;
margin: 0;
}
.related-title a:hover {
color: #510303;
}
.related-meta {
border-top: 1px solid #ddd;
padding-top: 2px;
padding-bottom: 5px;
padding-left: 8px;
}
.related-meta a {
color: #868686;
font-size: 12px;
text-decoration: none;
}
.related-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: 47px;
color: #fff;
border-radius: 50%;
font-size: 29px;
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;
}
.related-image:hover .related-icon i {
background: #fff;
color: #8B1010;
}
.single-page-add2 img {
width: 100%;
height: auto;
margin: 10px 0 7px;
}
.siteber-add {
margin-bottom: 20px;
}
.siteber-add img {
width: 100%;
height: auto;
}
.siteber-add2 img {
margin-top: 10px;
width: 100%;
height: auto;
}  @media only screen and (min-width: 768px) and (max-width: 991px) {
.single-page-subTitle {
font-size: 20px !important;
}
.single-page-title {
font-size: 22px !important;
}
.reportar-image img {
width: 70px !important;
height: 60px !important;
object-fit: cover;
}
.single-page-social a {
margin-bottom: 5px !important;
}
.multiVideo2 > iframe {
height: 250px !important;
}
.authorContent {
width: 100% !important;
}
.custom-col-3 {
max-width: 50% !important;
padding: 5px !important;
}
.related-wrpp {
margin-bottom: 0 !important;
}
.related-image img {
height: 130px !important;
}
.related-title {
line-height: 17px !important;
}
.related-title a {
font-size: 16px !important;
}
} @media only screen and (max-width: 767px) { .single-page-subTitle {
font-size: 19px !important;
}
.single-page-title {
font-size: 20px !important;
line-height: 23px !important;
}
.multiVideo2 > iframe {
height: 190px !important;
}
.reportar-image img {
max-width: 60px !important;
}
.reportar-title {
margin-top: -55px !important;
margin-left: 65px !important;
}
.viwe-count {
margin-left: 62px !important;
line-height: 16px !important;
}
.viwe-count ul li {
margin-right: 0 !important;
font-size: 13px !important;
}    
.single-page-social a {
padding: 5px 17px !important;
margin-bottom: 5px !important;
margin-right: 0px !important;
}
.author-image2 img {
float: inherit !important;
}
.author-image2 {
margin: 0 auto !important;
text-align: center !important;
}
.author-caption2 > span {
left: 75px !important;
}
.author-name2 {
margin-top: 5px;
}
.authorContent {
width: auto !important;
text-align: center !important;
}
.author-details {
text-align: justify !important;
margin: 6px 0 !important;
}
.related-content {
margin-bottom: 10px !important;
}
.custom-col-3 {
max-width: 50% !important;
padding: 5px !important;
}
.related-wrpp {
margin: 0 !important;
}
.related-image img {
height: 100px !important;
}
.related-title {
line-height: 18px !important;
}
.related-title a {
font-size: 16px !important;
} } @media only screen and (min-width: 480px) and (max-width: 767px) { 
.author-caption2 > span {
left: 132px !important;
}
.multiVideo2 > iframe {
height: 260px !important;
}
.author-details {
margin: 6px 0 10px !important;
}
.related-image img {
height: 130px !important;
}
}  #singlePopular-tab > li {
color: #000D39;
font-size: 17px;
cursor: pointer;
display: inline-block;
width: 50%;
}
#singlePopular-tab .nav-link {
background: 0 0;
border: 0;
border-radius: 0;
}
.singleTab-sibearNews {
overflow: scroll;
max-height: 380px;
overflow-x: hidden;
background-color: #fff;
padding: 2px;
margin-bottom: 5px;
}
.single-tabWrpp{
position: relative;
}
.singleTab-image {
position:relative;
}
.singleTab-image img {
width: 40%;
float: left;
margin-right: 5px;
margin-left: 13px;
height: 80px;
object-fit: cover;
}
.singleTab-border {
overflow: hidden;
border-bottom: 1px solid #f4f4f4;
margin-bottom: 8px;
padding-bottom: 10px;
}
.singleTab-icon2 i {
position: absolute;
top: 42%;
left: 24%;
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;
}
.single-tabWrpp:hover .singleTab-icon2 i {
background: #fff;
color: #01192F;
}
.single-conut {
position: absolute;
left: -2px;
top: 21px;
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;
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.singleTab_hadding {
padding: 0 !important;
line-height: 14px !important;
}
#singlePopular-tab .nav-link {
padding: 8px 4px !important;
font-size: 15px !important;
}
.singleTab_hadding a {
font-size: 15px !important;
}
.singleTab-image img {
width: 42% !important;
margin-right: 5px !important;
height: 54px!important;
}
.singleTab-icon2 i {
top: 41% !important;
left: 28% !important;
height: 30px !important;
width: 30px !important;
line-height: 27px !important;
font-size: 20px !important;
padding-left: 3px !important;
}
.single-conut {
top: 9px !important;
}
} @media only screen and (max-width: 767px) { 
.singleTab-image img {
width: 38% !important;
height: 70px !important;
}
.single-conut {
top: 16px !important;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) { 
.singleTab-image img {
width: 36% !important;
height: 95px !important;
}
.single-conut {
top: 29px !important;
}
.singleTab-icon2 i {
left: 21% !important;
}
}  .single-page2 {
background: #F1F1F2;
padding: 20px 0;
}
.single-page2 .col-lg-2 {
padding: 0;
}
.single-page2 .col-lg-3 {
padding: 0;
}
.single-white {
background: #fff;
padding: 7px;
}
.single-home2 {
margin-bottom: 11px;
}
.single-home-cat2 ul {
padding: 0;
margin: 0;
list-style: none;
}
.single-home-cat2 ul li {
display: inline-block;
}
.single-home-cat2 ul li a {
color: #333;
text-decoration: none;	
}
.single-home-cat2 ul li a:hover{
color: #FF8C00;
}
.single-white2 {
background: #fff;
padding: 15px;
}
.single-page iframe {
width: 100% !important;
height: 400px !important;
}
.latest-title {
text-align: left;
font-size: 17px;
color: #000;
margin-bottom: 14px;
font-weight: 600;
margin-top: 4px;
}
.latest-title i {
color: #f00;
margin-right: 2px;
}
.leftSitbe-title {
padding-right: 3px;
padding-left: 6px;
padding-bottom: 4px;
margin: 0;
line-height: 18px;
margin-top: 4px;
}
.leftSitbe-title a {
font-size: 17px;
font-weight: 400;
line-height: auto;
color: #000;
text-decoration: none;
-webkit-transition: .8s all;
-o-transition: .8s all;
transition: .8s all;
}
.leftSitbe-title a:hover {
color: #FF8C00;
}
.custom-col-12{
max-width: 100%;
width: 100%;
float: left;
}
.single-drack-bg {
background: #F0F0ED;
margin-bottom: 10px;
padding-bottom: 10px;
}
.single-left {
position: relative;
}
.single-left img {
width: 100%;
height: 100px;
object-fit: cover;
}
.single2-siteIcon 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: 37px;
color: #fff;
border-radius: 50%;
font-size: 27px;
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;
}
.single-left:hover .single2-siteIcon i {
background: #fff;
color: #1B75BA;
}
.update-time {
margin-bottom: 12px;
overflow: hidden;
}
.update-time > ul {
padding: 0;
margin: 0;
list-style: none;
}
.update-time > ul > li {
display: inline-block;
margin-right: 10px;
}
.update-time > ul > li > i {
color: #6c0505;
}
.update-time a {
color: #2A388F;
}
.update-time img {
width: 30px;
height: 30px;
object-fit: cover;
border-radius: 50%;
box-shadow: 0 0 10px #ddd;
padding: 1px;
margin-right: 2px;
}
.single-image2 {
position: relative;
overflow: hidden;
}
.single-image2 img {
width: 100%;
height: auto;
}
.single-content2 {
margin-top: 10px;
text-align: justify;
margin-bottom: 10px;
}
.multiImage {
margin: 10px 0 8px 0;
}
.multiImage img {
width: 100%;
height: auto;
}
.multi-caption {
font-size: 16px;
margin: 4px 0 6px;
text-align: center;
font-style: italic;
}
.single-content2 iframe {
width: 100% !important;
height: 400px !important;
margin: 9px 0 6px 0;
}
.single-page2-topAdd {
margin: 10px 0 15px;
}
.single-page2-topAdd img {
width: 100%;
height: auto;
}
.single-page-add2 {
margin: 10px 0 10px 0;
}
.single-page-add2 img {
width: 100%;
height: auto;
}
.singel2-caption {
position: absolute;
left: 0;
bottom: -38px;
right: 0;
text-align: center;
background: rgba(0,0,0,0.3);
color: #fff;
padding: 8px 10px;
font-size: 18px;
font-style: italic;
transition: .5s all;
opacity: 0;
visibility: hidden;
}
.single-image2:hover .singel2-caption{
opacity: 1;
visibility: visible;
bottom: 0;
}
.single-social2 {
border-top: 1px solid#ddd;
margin-top: 30px;
padding-top: 13px;
color: #fff;
}
.single-social2 a {
width: 40px;
height: 40px;
background: #f00;
display: inline-block;
text-align: center;
line-height: 40px;
border-radius: 50%;
color: #fff;
margin-right: 7px;
-webkit-transition: .8s all;
-o-transition: .8s all;
transition: .8s all;
font-size: 19px;
}
.single-social2 a:nth-child(1){
background: #3b5998;
}
.single-social2 a:nth-child(2){
background: #00aeef;
}
.single-social2 a:nth-child(3){
background: #0e76a8 ;
}
.single-social2 a:nth-child(4) {
background: #1E629C;
}
.single-social2 a:nth-child(5){
background: #c8232c;
}
.single-social2 a:nth-child(6){
background: #404041;
}
.video-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: 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;
}
.single-image2:hover .video-icon i {
background: #fff;
color: #1B75BA;
}
.single-left:hover .video-icon i {
background: #fff;
color: #1B75BA;
}
.relatedImage2:hover .video-icon i {
background: #fff;
color: #1B75BA;
}
.rightSitbear-image:hover .video-icon i {
background: #fff;
color: #1B75BA;
}
.rightSitbear-image2:hover .video-icon i {
background: #fff;
color: #1B75BA;
} .single-page2 .author {
display: inline-block;
width: 100%;
margin-top: 25px;
border: 1px solid #b9bcc6;
background: #fff;
padding: 20px 16px 20px;
border-radius: 3px;
position: relative;
}
.author-caption > span {
background: #00061e;
padding: 6px 10px;
color: #fff;
position: relative;
top: -30px;
left: -17px;
}
.author-caption span::before {
position: absolute;
left: 60px;
content: '';
width: 10px;
height: 10px;
background: #00061e;
text-align: center;
right: 0;
transform: rotate(46deg);
bottom: -5px;
}
.author-image img {
width: 100px;
height: 100px;
object-fit: cover;
border-radius: 50%;
float: left;
margin-right: 20px;
}
.author-name {
position: relative;
top: 1px;
width: 80%;
}
.author-name > a {
font-size: 23px;
color: #00061e;
font-weight: 600;
}
.author-title {
margin-top: 2px;
}
.author-title > strong a {
float: right;
}
.author-title > strong a {
border: 1px solid #ddd;
padding: 6px 20px;
font-size: 15px;
color: #030e3c;
font-weight: 300;
display: inline-block;
margin-top: -1px;
line-height: 1;
transition: .5s all;
}
.author-title > strong a:hover{
border-color: #030e3c;
} .related-section {
margin-top: 20px;
}
.related-new-cat {
background: #d1d2d4;
padding: 10px 7px;
}
.related-new-cat span {
background: #f1f1f2;
padding: 10px 44px 12px 13px;
margin-left: -7px;
border-top: 2px solid #be1e2d;
}
.related-new-cat a {
font-size: 17px;
color: #000;
font-weight: 600;
letter-spacing: 1px;
text-decoration: none;
}
.custom-col3 {
max-width: 33.33% !important;
width: 100%;
float: left;
}
.related-news-wrpp2 {
overflow: hidden;
width: 100%;
break-inside: avoid-column;
break-inside: avoid;
margin-bottom: 10px;
}
.relatedImage2 {
position: relative;
overflow: hidden;
}
.relatedImage2 img {
transition: all 0.6s ease;
width: 100%;
height: 115px;
}
.relatedImage2 img:hover {
position: relative;
z-index: 20;
-webkit-transform: scale(1.1111);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.relatedTitle2 {
padding-right: 3px;
padding-left: 4px;
padding-bottom: 10px;
margin: 0;
line-height: auto;
margin-top: 4px;
}
.relatedTitle2 a:hover {
color: #DF7504;
}
.single2-rIcon 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: 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;
}
.relatedImage2:hover .single2-rIcon i {
background: #fff;
color: #1B75BA;
}
.popular-cat {
font-size: 22px;
margin-bottom: 5px;
color: #000;
font-weight: 600;
padding: 3px 10px 4px;
}
.custom-col2 {
max-width: 50% !important;
width: 100%;
float: left;
}
.popular-wrpp {
width: 100%;
overflow: hidden;
margin-bottom: 20px;
}
.rightSitbear-image{
position: relative;
}
.rightSitbear-image img {
width: 100%;
height: 155px;
object-fit: cover;
}
.rightSitbear-image2{
position: relative;
}
.rightSitbear-image2 img {
width: 100%;
height: 80px;
object-fit: cover;
}
.rSitebar-title {
margin: 0;
line-height: 20px;
padding: 7px 6px 12px;
}
.rSitebar-title a {
font-size: 19px;
font-weight: 400;
line-height: auto;
color: #000;
text-decoration: none;
}
.rSitebar-title a:hover {
color: #020257;
}
.rSitebar-title2 {
margin: 0;
padding-top: 5px;
line-height: 16px;
padding-bottom: 5px;
padding-left: 6px;
}
.rSitebar-title2 a {
font-size: 16px;
font-weight: 400;
line-height: auto;
color: #000;
text-decoration: none;
-webkit-transition: .8s all;
-o-transition: .8s all;
transition: .8s all;
}
.rSitebar-title2 a:hover {
color: #020257;
}
.singlePage2-tag {
margin: 20px 0 20px;
}
.singlePage2-tag a {
border: 1px solid #cb2027;
margin-right: 2px;
padding: 2px 13px 1px;
display: inline-block;
font-size: 14px;
color: #cb2027;
border-radius: 50px;
transition: .5s all;
margin-bottom: 5px;
}
.singlePage2-tag a:hover{
background: #cb2027;
color: #fff;
}
.seingle2-sitebarAdd img {
width: 100%;
height: auto;
margin-bottom: 15px;
}
.seingle2-sitebarAdd2 img {
margin-top: 15px;
width: 100%;
height: auto;
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.related-section {
margin-bottom: 20px !important;
}
.single-page2-title {
font-size: 20px !important;
line-height: 23px!important;
}
.relatedImage2 img {
height: 90px !important;
}
.single-content2 iframe {
height: 270px !important;
}
.rightSitbear-image img {
height: 255px !important;
}
.rightSitbear-image2 img {
height: 125px !important;
}
.rSitebar-title2 a {
font-size: 18px !important;
}
.rSitebar-title2 {
line-height: 20px !important;
}
} @media only screen and (max-width: 767px) { 
.update-time > ul > li {
margin-right: 3px !important;
font-size: 14px !important;
}
.update-time img {
margin-bottom: 4px !important;
}
.single-page2 .order-first {
order: 0 !important;
}
.single-page2-title {
font-size: 20px !important;
line-height: 24px !important;
}
.single-page2-subTitle {
font-size: 19px !important;
}
.custom-col-12 {
max-width: 50% !important;
width: 50%!important;
}
.custom-col3 {
max-width: 50% !important;
}
.rightSitbear-image2 img {
height: 90px !important;
}
.single-content2 iframe {
height: 200px !important;
}
.single-drack-bg {
overflow: hidden;
break-after: avoid;
}
.related-section {
margin-bottom: 20px !important;
}
.single-social2 a {
margin-right: 5px !important;
}
.author-name {
position: relative;
top: 27px !important;
width: auto !important;
}
.author-title {
margin-top: 50px !important;
}
.relatedImage2 img {
height: 90px !important;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) { 
.related-section {
margin-bottom: 20px !important;
}
.single-left img {
height: auto !important;
}
.rightSitbear-image2 img {
height: auto !important;
}
.rightSitbear-image img {
height: auto !important;
}
.relatedImage2 img {
height: 120px !important;
}
}  .single-page3 {
margin-bottom: 5px;
background: #eff3f4;
padding: 20px 0;
}
.single-home3 {
background: #fff;
padding: 10px 8px;
margin-bottom: 21px;
}
.single-home3 a {
font-size: 20px;
color: #000;
display: inline-block;
margin-right: 7px;
transition: .5s all;
}
.single-home3 a:hover{
color: #9f0101;
}
.single-home3 i {
font-size: 20px;
color: #e74c4f;
}
.singlePage3-bg {
background: #fff;
padding: 10px;
margin-bottom: 5px;
}
.single-date3 {
font-size: 14px;
color: #000;
line-height: 17px;
margin-bottom: 10px;
}
.single-date3 i {
color: #cb2027;
font-size: 16px;
}
.singlePage3-rightSitebar img {
margin: 10px 0;
width: 100%;
height: auto;
}
.singlePage3-bg2 {
background: #fff;
padding: 7px;
}
.single3-subTitle {
font-size: 23px;
color: #92020c;
margin: 7px 0 4px 0;
}
.single3-pageTitle {
padding: 7px 7px 12px;
line-height: 32px;
font-size: 28px;
color: #000;
border-bottom: 1px solid #d0cdcd;
margin-bottom: 20px;
}
.repoter-wrpp {
margin-bottom: 20px;
}
.repoter-image3 img {
width: 12%;
float: left;
margin-right: 15px;
}
.repoter-name3 {
overflow: hidden;
margin-top: 10px;
font-size: 19px;
color: #333;
}
.single-share3 a {
display: inline-block;
width: 44px;
height: 44px;
line-height: 45px;
color: #fff;
font-size: 21px;
background: #333;
text-align: center;
border-radius: 26px;
margin-right: 5px;
transition: .8s all;
}
.single-share3 a:nth-child(1){
background: #3b5998;
}
.single-share3 a:nth-child(2){
background: #1da1f2;
}
.single-share3 a:nth-child(3){
background: #cb2027;
}
.single-share3 a:nth-child(4){
background: #0077b5;
}
.single-share3 a:nth-child(5){
background: #1E629C;
}
.single-share3 a:nth-child(6){
background: #738a8d;
}
.singlePage3-image {
position: relative;
overflow: hidden;
}
.singlePage3-image img {
width: 100%;
height: auto;
}
.single-caption3 {
position: absolute;
left: 0;
bottom: -38px;
right: 0;
text-align: center;
background: rgba(0,0,0,0.3);
color: #fff;
padding: 8px 10px;
font-size: 18px;
font-style: italic;
transition: .5s all;
opacity: 0;
visibility: hidden;
}
.singlePage3-image:hover .single-caption3 {
opacity: 1;
visibility: visible;
bottom: 0;
}
.singlePage3-dateils iframe {
width : 100% !important;
height : 400px !important;
}
.single3-page-add img {
width: 100%;
height: auto;
margin: 10px 0 7px;
}
.multiImage3 {
margin: 10px 0 8px 0;
}
.multiImage3 img {
width: 100%;
height: auto;
}
.multi-caption3 {
font-size: 16px;
margin: 4px 0 6px;
text-align: center;
font-style: italic;
}
.multiVideo3 > iframe {
width: 100%;
height: 400px;
margin: 9px 0 6px 0;
}
.singlePage3-bottom {
margin-bottom: 10px;
margin-top: 10px;
}
.singlePage3-tag {
margin-top: 20px;
}
.singlePage3-tag a {
border: 1px solid #cb2027;
margin-right: 2px;
padding: 2px 13px 1px;
display: inline-block;
font-size: 14px;
color: #cb2027;
border-radius: 50px;
transition: .5s all;
margin-bottom: 5px;
}
.singlePage3-tag a:hover{
background: #cb2027;
color: #fff;
}
.single-social-title {
font-size: 22px;
color: #000;
margin: 7px 0 10px;
border-bottom: 1px solid #eee;
padding: 0 0 7px;
} .author3 {
display: inline-block;
width: 100%;
margin-top: 25px;
border: 1px solid #b9bcc6;
background: #fff;
padding: 20px 16px 20px;
border-radius: 3px;
position: relative;
}
.author-caption3 > span {
background: #00061e;
padding: 6px 10px;
color: #fff;
position: relative;
top: -30px;
left: -17px;
}
.author-caption3 span::before {
position: absolute;
left: 60px;
content: '';
width: 10px;
height: 10px;
background: #00061e;
text-align: center;
right: 0;
transform: rotate(46deg);
bottom: -5px;
}
.author-image3 img {
width: 100px;
height: 100px;
object-fit: cover;
border-radius: 50%;
float: left;
margin-right: 20px;
}
.authorContent3 {
position: relative;
top: 1px;
width: 80%;
}
.author-name3 > a {
font-size: 23px;
color: #00061e;
font-weight: 600;
}
.author-title3 {
margin-top: 2px;
}
.author-title3 > strong a {
float: right;
}
.author-title3 > strong a {
border: 1px solid #ddd;
padding: 6px 20px;
font-size: 15px;
color: #030e3c;
font-weight: 300;
display: inline-block;
margin-top: -1px;
line-height: 1;
transition: .5s all;
}
.author-title3 > strong a:hover{
border-color: #030e3c;
} .related-wrpp3 {
background: #fff;
overflow: hidden;
padding: 8px 8px;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
margin-bottom: 15px;
}
.related3 {
margin-top: 20px;
}
.codedokan_cat {
display: block;
margin-bottom: 7px;
background-color: #fff;
}
.codedokan_cat a {
color: #fff;
font-weight: 400;
font-size: 18px;
text-decoration: none;
position: relative;
display: inline-block;
margin: 0px 0 0 0 !important;
background: #01284F;
padding: 8px 10px;
}
.codedokan_cat a::after {
left: 100%;
height: 0;
width: 7px;
position: absolute;
top: 0;
content: "";
pointer-events: none;
margin-left: 0;
margin-top: 0;
border-top: 41px solid #01284F;
border-right: 8px solid transparent;
}
.related-image3 {
position: relative;
overflow: hidden;
}
.related-image3 img {
width: 40%;
float: left;
margin-right: 10px;
height: 75px;
}
.related-Title3 {
margin: 0;
line-height: 25px;
overflow: hidden;
}
.related-Title3 a {
font-size: 20px;
color: #333;
}
.related-icon3 i {
position: absolute;
top: 47%;
left: 20%;
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: 31px;
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;
}
.related-wrpp3:hover .related-icon3 i {
background: #fff;
color: #8B1010;
}
.single3-sitber img {
width: 100%;
height: auto;
margin-bottom: 10px;
}
.siteber-add2 img {
width: 100%;
height: auto;
margin-top: 10px;
}  @media only screen and (min-width: 768px) and (max-width: 991px) {
.single-page3 .col-lg-7.col-md-6 {
padding: 0;
}
.single3-subTitle {
font-size: 18px !important;
}
.single3-pageTitle {
font-size: 20px !important;
line-height: 25px !important;
}
.multiVideo3 > iframe {
height: 220px !important;
}
.authorContent3 {
width: 100% !important;
}
.single-share3 a {
margin-top: 5px !important;
}
.related-image3 img {
width: 100% !important;
float: inherit !important;
height: 95px !important;
}
.related-icon3 i {
top: 32% !important;
left: 49% !important;
}
.authorContent {
width: 100% !important;
}
.related-Title3 {
line-height: 20px !important;
padding: 3px 0 0 0 !important;
}
.related-Title3 a {
font-size: 17px !important;
}
} @media only screen and (max-width: 767px) { 
.single-page3 .order-first {
order: 0 !important;
}
.single3-pageTitle {
font-size: 19px !important;
}
.single3-pageTitle {
font-size: 20px !important;
line-height: 23px !important;
}
.multiVideo3 > iframe {
height: 190px !important;
}
.author-image3 img {
float: inherit !important;
}
.author-image3 {
margin: 0 auto !important;
text-align: center !important;
}
.author-caption3 > span {
left: 75px !important;
}
.author-name3 {
margin-top: 5px;
}
.authorContent3 {
width: auto !important;
text-align: center !important;
}
.author-details {
text-align: justify !important;
margin: 6px 0 !important;
}
.single-share3 a {
border-radius: 26px;
margin-right: 2px !important;
margin-top: 10px !important;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) { 
.author-caption3 > span {
left: 132px !important;
}
.multiVideo3 > iframe {
height: 260px !important;
}
.author-details {
margin: 6px 0 10px !important;
}
.related-image3 img {
height: 95px !important;
}
}   .author-page {
padding: 1px 0;
}
.custom-col-2 {
max-width: 16.66% !important;
width: 100%;
float: left;
}
.custom-col-6 {
max-width: 50% !important;
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;
}
.authorPage-image {
margin: 0 auto;
text-align: center;
position: relative;
}
.authorPage-image img {
width: 150px;
height: 150px;
object-fit: cover;
border-radius: 50%;
}
.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;
}  @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;
}
} @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;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) { 
.authorNews-image img {
height: 130px !important;
}
}  .team-section {
padding: 1px 0;
}
.custom-col-3{
max-width: 25% !important;
width: 100%;
float: left;
}
.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: 190px;
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;
}  @media only screen and (min-width: 768px) and (max-width: 991px) {
.team-image img {
height: 115px !important;
}
.team-wrpp {
margin: 0 !important;
padding: 10px !important;
}
.custom-col-3 {
padding: 5px !important;
}
.team-name > a {
font-size: 18px !important;
}
.team-deg {
font-size: 17px !important;
}
} @media only screen and (max-width: 767px) { 
.custom-col-3 {
max-width: 50% !important;
width: 50% !important;
padding: 0 5px !important;
}
.team-wrpp {
padding: 8px 3px !important;
margin: 7px 0 !important;
}
.team-image img {
height: 125px !important;
}
.team-name {
margin-bottom: 5px !important;
}
.team-name > a {
font-size: 17px !important;
}
.team-deg {
font-size: 16px !important;
margin-bottom: 5px !important;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) { 
.team-image img {
height: 175px !important;
}
}
.single-team {
margin: 1px 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;
}  @media only screen and (min-width: 768px) and (max-width: 991px) {
.single-teamContent {
margin: 0 0 !important;
}
.singel-teamImage img {
height: 270px !important;
}
} @media only screen and (max-width: 767px) { 
.single-teamContent {
padding: 0 0 !important;
margin: 0 0 !important;
}
.single-teamContent::before {
background: transparent !important;
}
.team-singleItem {
padding: 20px !important;
}
.singel-teamImage img {
width: 100% !important;
height: auto !important;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) { 
}  .photoGallery-page {
padding: 1px 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;
}
.custom-col-4 {
max-width: 25% !important;
width: 100%;
float: left;
}
.photo-page-wrpp {
overflow: hidden;
background: #fff;
box-shadow: 0 0 10px #ddd;
margin-bottom: 18px;
}
.photo-page-image {
position: relative;
}
.photo-page-image img {
width: 100%;
height: 150px;
}
.photo-page-title {
padding: 7px 10px 10px;
line-height: auto;
}
.photo-page-title a:hover {
color: #570606;
}
.photo-pageIcon i {
position: absolute;
top: 47%;
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: 44px;
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;
}
.single-photo .single-content2 img{
width:100%;
height : auto;
}
.wp-caption {
width: 100% !important;
width-max : 100%;
}
.page-numbers {
background: #fff;
padding: 5px 10px;
color: #000;
border-radius: 50px;
box-shadow: 0 0 10px #bfbaba;
margin-right: 5px;
width: max-content !important;
}
.page-numbers.current {
background: #00061e;
color: #fff;
}  @media only screen and (min-width: 768px) and (max-width: 991px) {
.photo-page-title {
line-height: 19px !important;
}
.photo-page-title a {
font-size: 16px !important;
}
.photo-page-image img {
height: 100px !important;
}
} @media only screen and (max-width: 767px) { 
.custom-col-4 {
max-width: 50% !important;
width: 50% !important;
padding: 6px !important;
}
.photo-page-wrpp {
margin-bottom: 0 !important;
}
.photo-page-image img {
height: 100px !important;
}
.photo-page-title {
line-height: 20px !important;
}
.photo-page-title a {
font-size: 16px !important;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) { 
.photo-page-image img {
height: 130px !important;
}
}
.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: 50px;
}
.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%;
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.single-photo {
margin-left: 10% !important;
margin-right: 10% !important;
}
.photo-title {
line-height: 25px !important;
}
} @media only screen and (max-width: 767px) { 
.single-photo {
margin-left: 0 !important;
margin-right: 0 !important;
}
.photo-title {
font-size: 20px !important;
line-height: 23px !important;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) { 
} .photoArchive-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;
}
.custom-col-3 {
max-width: 33.33% !important;
width: 100%;
float: left;
}
.photoArchive-page-wrpp {
overflow: hidden;
background: #fff;
box-shadow: 0 0 10px #ddd;
margin-bottom: 18px;
}
.photoArchive-page-image {
position: relative;
}
.photoArchive-page-image img {
width: 100%;
height: 150px;
}
.photoArchive-page-title {
padding: 7px 10px 10px;
line-height: 23px;
}
.photoArchive-page-title a {
font-size: 20px;
color: #000;
transition: .5s all;
}
.photoArchive-page-title a:hover {
color: #570606;
}
.photoArchive-pageIcon i {
position: absolute;
top: 47%;
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: 44px;
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;
}
.photoArchive-page-wrpp:hover .photoArchive-pageIcon i {
background: transparent;
color: #ffff;
}
.photoArchiveArchive-content {
overflow: scroll;
overflow-x: hidden;
height: 500px;
}
.photoArchive-sitebarAdd {
margin: 10px 0;
}
.photoArchive-sitebarAdd img{
width: 100%;
height: auto;
}  @media only screen and (min-width: 768px) and (max-width: 991px) {
.photoArchive-page-title {
line-height: 19px !important;
}
.photoArchive-page-title a {
font-size: 16px !important;
}
.photoArchive-page-image img {
height: 100px !important;
}
} @media only screen and (max-width: 767px) { 
.custom-col-3 {
max-width: 50% !important;
width: 50% !important;
padding: 6px !important;
}
.photoArchive-page-wrpp {
margin-bottom: 0 !important;
}
.photoArchive-page-image img {
height: 100px !important;
}
.photoArchive-page-title {
line-height: 20px !important;
}
.photoArchive-page-title a {
font-size: 16px !important;
}
.custom-col-12 {
max-width: 50% !important;
width: 50% !important;
padding: 6px !important;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) { 
.photoArchive-page-image img {
height: 130px !important;
}
}   .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;
}
.custom-col-4 {
max-width: 25% !important;
width: 100%;
float: left;
}
.video-page-wrpp {
overflow: hidden;
background: #fff;
box-shadow: 0 0 10px #ddd;
margin-bottom: 18px;
}
.video-page-image {
position: relative;
}
.video-page-image img {
width: 100%;
height: 150px;
}
.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: 47%;
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: 44px;
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;
}
.video-page-wrpp:hover .video-pageIcon i {
background: transparent;
color: #ffff;
}
.single-video iframe {
width: 100% !important;
height: 400px !important;
}  @media only screen and (min-width: 768px) and (max-width: 991px) {
.video-page-title {
line-height: 19px !important;
}
.video-page-title a {
font-size: 16px !important;
}
.video-page-image img {
height: 100px !important;
}
} @media only screen and (max-width: 767px) { 
.custom-col-4 {
max-width: 50% !important;
width: 50% !important;
padding: 6px !important;
}
.video-page-wrpp {
margin-bottom: 0 !important;
}
.video-page-image img {
height: 100px !important;
}
.video-page-title {
line-height: 20px !important;
}
.video-page-title a {
font-size: 16px !important;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) { 
.video-page-image img {
height: 130px !important;
}
}
.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%;
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.single-video {
margin-left: 10% !important;
margin-right: 10% !important;
}
.thumbanil-title {
line-height: 25px !important;
}
} @media only screen and (max-width: 767px) { 
.single-video {
margin-left: 0 !important;
margin-right: 0 !important;
}
.thumbanil-title {
font-size: 20px !important;
line-height: 23px !important;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) { 
} .videoArchive-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;
}
.custom-col-3 {
max-width: 33.33%;
width: 100%;
float: left;
}
.videoArchive-page-wrpp {
overflow: hidden;
background: #fff;
box-shadow: 0 0 10px #ddd;
margin-bottom: 18px;
}
.videoArchive-page-image {
position: relative;
}
.videoArchive-page-image img {
width: 100%;
height: 150px;
}
.videoArchive-page-title {
padding: 7px 10px 10px;
line-height: 23px;
}
.videoArchive-page-title a {
font-size: 20px;
color: #000;
transition: .5s all;
}
.videoArchive-page-title a:hover {
color: #570606;
}
.videoArchive-pageIcon i {
position: absolute;
top: 47%;
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: 44px;
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;
}
.videoArchive-page-wrpp:hover .videoArchive-pageIcon i {
background: transparent;
color: #ffff;
}
.videoArchive-content {
overflow: scroll;
overflow-x: hidden;
height: 500px;
}
.videoArchive-sitebarAdd {
margin: 10px 0;
}
.videoArchive-sitebarAdd img{
width: 100%;
height: auto;
}  @media only screen and (min-width: 768px) and (max-width: 991px) {
.videoArchive-page-title {
line-height: 19px !important;
}
.videoArchive-page-title a {
font-size: 16px !important;
}
.videoArchive-page-image img {
height: 100px !important;
}
} @media only screen and (max-width: 767px) { 
.custom-col-3 {
max-width: 50% !important;
width: 50% !important;
padding: 6px !important;
}
.videoArchive-page-wrpp {
margin-bottom: 0 !important;
}
.videoArchive-page-image img {
height: 100px !important;
}
.videoArchive-page-title {
line-height: 20px !important;
}
.videoArchive-page-title a {
font-size: 16px !important;
}
.custom-col-12 {
max-width: 50% !important;
width: 50% !important;
padding: 6px !important;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) { 
.videoArchive-page-image img {
height: 130px !important;
}
}   .login-page {
width: 360px;
padding: 2% 0 0;
margin: auto;
}
.form {
position: relative;
z-index: 1;
background: #FFFFFF;
max-width: 360px;
margin: 0 auto 100px;
padding: 45px;
text-align: center;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
.form input {
font-family: "Roboto", sans-serif;
outline: 0;
background: #f2f2f2;
width: 100%;
border: 0;
margin: 0 0 15px;
padding: 15px;
box-sizing: border-box;
font-size: 14px;
}
.form button {
text-transform: uppercase;
outline: 0;
background: #4CAF50;
width: 100%;
border: 0;
padding: 15px;
color: #FFFFFF;
font-size: 14px;
-webkit-transition: all 0.3 ease;
transition: all 0.3 ease;
cursor: pointer;
}
.form button:hover,.form button:active,.form button:focus {
background: #43A047;
}
.form .message {
margin: 15px 0 0;
color: #b3b3b3;
font-size: 12px;
}
.form .message a {
color: #4CAF50;
text-decoration: none;
}
.form .register-form {
display: none;
}   .comment-respond,
.entry-pings,
.entry-comments {
color: #444;
padding: 20px 45px 40px 45px;
border: 1px solid #ccc;
overflow: hidden;
background: #fff;
-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
border-left: 4px solid #444;
}
.entry-comments h3{
font-size: 22px;
margin-bottom: 10px;
padding : 5px;
}
.comment-respond h3,
.entry-pings h3{
font-size: 20px;
margin-bottom: 30px;
}
.comment-respond {
padding-bottom: 5%;
margin: 20px 1px 20px 1px;
border-left: none !important;
}
.comment-header {
color: #adaeb3;
font-size: 14px;
margin-bottom: 20px;
}
.comment-header cite a {
border: none;
font-style: normal;
font-size: 16px;
font-weight: bold;
}
.comment-header .comment-meta a {
border: none;
color: #adaeb3;
}
li.comment {
background-color: #fff;
border-right: none;
}
.comment-content {
clear: both;
overflow: hidden;
}
.comment-list li {
font-size: 14px;
padding: 20px 30px 20px 50px;
}
.comment-list .children {
margin-top: 40px;
border: 1px solid #ccc;
list-style: none;
}
.comment-list li li {
background-color: #f5f5f6;
}
.comment-list li li li {
background-color: #fff;
}
.comment-respond textarea,
.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
width: 100%;
background : #F1EDEE;
}
.comment-respond input{
background: #E8E4E5;
}
.comment-respond label {
display: block;
margin-right: 12px;
}
.entry-comments .comment-author {
margin-bottom: 0;
position: relative;
}
.entry-comments .comment-author img {
border-radius: 50%;
border: 5px solid #fff;
left: -80px;
top: -5px;
position: absolute;
width: 60px;
}
.entry-pings .reply {
display: none;
}
.bypostauthor {
}
.form-allowed-tags {
background-color: #f5f5f5;
font-size: 16px;
padding: 24px;
}
.comment-reply-link{
cursor: pointer;
background-color: #444;
border: none;
border-radius: 2px;
color: #fff;
font-size: 12px;
font-weight: 300;
letter-spacing: 1px;
padding: 4px 10px 4px;
text-transform: uppercase;
width: auto;
}
.comment-reply-link:hover{
color: #fff;
}
.comment-notes{
display:none;   
}
ol.comment-list {
list-style: none;
}  .codedokan_extrapage {
padding : 1%;
margin: 0 auto;
width: 96%;
height: auto;
overflow: hidden;
}
.extra-padding {
border: 1px solid #ddd;
padding: 2%;
}
.extra-logo img {
max-width: 100%;
width : 50%;
height: auto;
}
.extra-title {
font-size: 30px;
color: #000;
line-height: auto;
margin: 11px 0 8px;
}
.extra-sub-title {
font-size: 20px;
color: #000;
line-height: auto;
margin: 11px 0 8px;
}
.extra-date {
font-size: 17px;
margin-bottom: 10px;
color: #000;
}
.extra-image img {
width: 100%;
height: auto;
margin-bottom : 10px
}
.extra-details {
text-align: justify;
color: #000;
}
.codedokanPrinet_footer {
display: flex;
margin: 17px 0 16px;
border-top: 2px solid #030026;
padding-top: 16px;
overflow:hidden;
}
.ExtraFooter-title {
color: #000;
font-size: 20px;
padding-bottom: 7px;
position: relative;
border-bottom: 1px solid #d9d9d9;
margin-bottom: 13px;
}
.ExtraFooter-title::before {
position: absolute;
left: 0;
bottom: -2px;
content: '';
height: 3px;
width: 10%;
background: #030026 !important;
}
.extra-wrpp {
float:left;
width : 48%;
padding: 1%;
}
.ExtraFooter-address {
font-size: 16px;
color: #000;
}  .contact-page {
padding: 10px 0;
}
.contact-wrpp1 {
background: #fff;
box-shadow: 0px 10px 30px 0px rgba(13, 30, 80, 0.1);
padding: 10px;
border-radius: 20px;
margin-bottom: 20px;
}
.contactAddess-title {
font-size: 30px;
color: #040e2a;
font-weight: 700;
text-transform: capitalize;
margin: 4px 0 3px;
}
.contact-address {
padding: 20px 0;
border-bottom: 1px solid#ddd;
position: relative;
}
.contact-address ul {
padding: 0;
margin: 0;
list-style: none;
margin-left: 56px;
}
.contact-address ul li {
font-size: 15px;
color: #333;
line-height: 18px;
font-weight: 300;
text-transform: capitalize;
}
.contact-address strong {
font-weight: 700;
color: #061538;
font-size: 16px;
margin-bottom: 6px;
display: inline-block;
}
.contact-address i {
position: absolute;
left: 0;
width: 40px;
height: 40px;
border: 1px solid #f15b43;
text-align: center;
line-height: 38px;
font-size: 21px;
border-radius: 50%;
margin-right: 10px;
color: #f15b43;
}
.contact-page-social {
margin-top: 20px;
margin-bottom: 10px;
}
.contact-page-social ul {
padding: 0;
margin: 0;
list-style: none;
}
.contact-page-social ul li {
display: inline-block;
margin-right: 4px;
}
.contact-page-social ul li a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 42px;
background: #ddd;
text-align: center;
color: #6c6c6c;
transition: .5s all;
font-size: 20px;
}
.contact-page-social ul li a:hover {
color: #11aba0;
}
.contact-image img {
width: 100%;
height: auto;
}
.contact-name {
padding: 10px 0;
font-size: 22px;
color: #04011c;
font-weight: 500;
}
.contact-details {
margin-bottom: 12px;
color: #999;
font-weight: 300;
line-height: 24px;
}
.contact-deg {
margin-bottom: 20px;
font-size: 17px;
color: #333;
font-weight: 400;
}
.contact-content ul li {
margin-bottom: 10px;
color: #444;
font-size: 16px;
}
.contact-content strong {
color: #f00087;
font-size: 17px;
font-weight: 600;
}
.contact-wrpp {
background: #fff;
box-shadow: 0px 10px 30px 0px rgba(13, 30, 80, 0.1);
padding: 20px 20px 30px;
border-radius: 20px;
margin-bottom: 20px;
}
.contact-form input[type="text"], input[type="email"], input[type="file"], textarea {
width: 100%;
padding: 12px 9px;
color: #999;
font-size: 16px;
font-weight: 300;
margin-bottom: 12px;
border: none;
background: transparent;
outline: inherit;
box-shadow: inset 0 0 11px #edeff0;
border: 1px solid #eee;
}
.contact-title {
margin: 9px 0 5px;
font-size: 16px;
color: #666;
font-weight: 400;
}
.contact-btn {
margin-top: 10px;
}
.contact-btn input[type="submit"] {
background: #04011c;
padding: 14px 56px;
font-size: 20px;
color: #fff;
border: none;
text-transform: uppercase;
text-align: center;
transition: .8s;
cursor: pointer;
}
.map-section iframe {
width: 100%;
height: 500px;
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.contact-wrpp {
padding: 15px !important;
}
.contact-form input[type="text"], input[type="email"], textarea {
padding: 10px 9px !important;
}
}  .wp-caption {
font-style: italic;
color: burlywood;
}
.codedokan_extrapage{
display : none !important;
}
.main_website {
max-width: 100%;
}
audio {
width: 100%;
padding: 5px 0px;
}
a{ text-decoration: none !important }
a:hover { text-decoration: none !important}
.redux-main .divide .inner {
background-color: #880606 !important;
border-color: #7e0707 !important;
}  .codedokan-1{
max-width: 100% !important;
width: 100%;
flex: 0 0 auto;
}
.codedokan-2{
max-width: 50% !important;
width: 100%;
flex: 0 0 auto;
}
.codedokan-3{
max-width: 33.33% !important;
width: 100%;
flex: 0 0 auto;
}
.codedokan-4{
max-width: 25% !important;
width: 100%;
flex: 0 0 auto;
}
.codedokan-6{
max-width: 16.66% !important;
width: 100%;
flex: 0 0 auto;
}  @media only screen and (min-width: 1300px) { 
.container-fluid .map-area{
padding: 0px 80px !important;
}
}
@media print {
.main_website{
display : none !important;
}
.codedokan_extrapage{
display : inline !important;
}
}