/* Minification failed. Returning unminified contents.
(153,7): run-time error CSS1030: Expected identifier, found ''nav-link''
(153,17): run-time error CSS1031: Expected selector, found ')'
(153,17): run-time error CSS1025: Expected comma or open brace, found ')'
(259,23): run-time error CSS1030: Expected identifier, found ''active''
(259,31): run-time error CSS1031: Expected selector, found ')'
(259,31): run-time error CSS1025: Expected comma or open brace, found ')'
 */
body {
    /*font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;*/
    /*background-color: #eefbfb !important;*/
}

.body-content {
    
}

.navbar-style {
    
}

.navbar-link-style {
    
}

.dl-horizontal dt {
    white-space: normal;
}

input,
select,
textarea {
    max-width: 280px;
}

hr.divider {
    border-top: 3px dotted #bbb !important;
}

.table {
    max-width: 100% !important
}

.home-article-title {
    text-decoration: underline;
    color: darkblue;
    font-size: 18px;
}

.lc-card-image-container {
    max-width: 450px;
    border-radius: 0rem;
    box-shadow: 1px 5px 5px 1px rgba(0, 0, 0, 0.25);
    background-color: white;
}

.lc-card-image {
    pointer-events: none;
    height: 700px;
    object-fit: contain;
}

.lc-card-share-image {
    height: 25px;
    width: 25px;
}

.card-page-header-h1 {
    margin-top: 10px;
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
    color: #2c3e50;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 10px 20px;
    border-bottom: 4px solid #3498db;
    display: inline-block;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background: linear-gradient(to right, #3498db, #8e44ad);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.content-title {
    font-family: Arial, 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    /*font-size: 1.25rem;*/
    font-weight: 700;
    /*color: #441005 !important;*/
    color: #333;
    /*border-left: 8px solid #333;
    padding-left: 5px;*/
}

.content-title-book {
    font-family: Arial, 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    /*color: #441005 !important;*/
    color: #333;
}

.content-title-icon {
    color: #441005 !important;
}

.article-details_paragraph {
    font-family: Lora, Montserrat, Arial;
    text-align: justify;
    text-align-last: left;
    font-size: 1.10rem;
}

.card-details_paragraph {
    font-family: Lora, Montserrat, Arial;
    text-align: justify;
    text-align-last: left;
    font-size: 1.10rem;
}

.no-select-copy {
    user-select: none; /* Prevent text selection */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
    pointer-events: none; /* Disable interactions */
}
/* ------------------------------------------------------------*/
/* ############### CSS for Common Section #################### */
/* ------------------------------------------------------------*/

html {
    scroll-behavior: smooth;
}

.content {
    background-color: #f5f5f5;
    font-family: Montserrat;
}

/*ul{
	list-style:none;
	margin: 0;
	padding: 0;
}

ul li{
    list-style-type: none;
}*/

.ul-no-style {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ul-no-style li {
    list-style-type: none;
}

a:not('nav-link'),
a,
a:hover,
a.active,
a:visited,
a:focus{
	color:#ffffff;
	text-decoration:none;
    transition: 0.3s;
}

/* ------------------------------------------------------------*/
/* ############### CSS for Header Section #################### */
/* ------------------------------------------------------------*/

header{
    border-width: 0;
    background-color: #ffffff;
    border-style: solid;
    padding-top: 30px;
    padding-bottom: 30px;
}

header .input-group{
    width: 100%;
    max-width: 500px;
}

header .input-group input{
    color: #313131;
    font-size: 13px;
}

header .input-group .input-group-text{
    padding: 11px;
    background-color: #303f9f;
    color: #ffffff;
}

.social-box{
    display: inline-block;
    margin-right: 10px;
    color: #ffffff;
    height: 28px;
    width: 28px;
    text-align: center;
}

.facebook{
    line-height: 28px;
    color: #fff !important;
    background-color: #0d47a1 !important;
}
.twitter{
    line-height: 28px;
    color: #fff !important;
    background-color: #40c4ff !important;
}
.pinterest {
    line-height: 28px;
    color: #fff !important;
    background-color: #e71b22 !important;
}
.linkedin {
    line-height: 28px;
    color: #fff !important;
    background-color: #0077b7 !important;
}
.instagram{
    line-height: 28px;
    color: #fff !important;
    background: radial-gradient(circle farthest-corner at 35% 90%, #ffa100, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #efa11c, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #8f44c7, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d43178, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%) !important;
}
.youtube{
    line-height: 28px;
    color: #fff !important;
    background-color: #ff0000 !important;
}
.envelope{
    line-height: 28px;
    color: #fff !important;
    background-color: #0084ff !important;
}
.tiktok{
    line-height: 28px;
    color: #fff !important;
    background-color: #fe2c55 !important;
}

.facebook-text{
    color: #0d47a1 !important;
}
.twitter-text{
    color: #40c4ff !important;
}
.instagram-text{
    color: #4D7A9E;
}
.youtube-text{
    color: #ff0000 !important;
}

/* ------------------------------------------------------------*/
/* ############### CSS for Article Section #################### */
/* ------------------------------------------------------------*/

 .breadcrumb-item:not('active'):after{
    content:'--'
 }

 .breadcrumb-item a{
    font-size: 13px;
    text-decoration: none;
    color: #888888;
 }

 .breadcrumb-item a:hover{
    color: #303f9f;
 }

.content-header {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: 700;
    color: #313131;
    margin: 0;
}

 .content-sub-header{
    letter-spacing: 0;
    text-transform: none;
    font-size: 18px;
    line-height: 1.3;
    margin: 8px 0;
    color: #777;
 }

 .fixed-table-of-content{
    position: fixed;
	max-width: 270px;
	width: 100%;
    left: 15px;
	top: 120px;
	z-index: 99999;
 }

 .accordion-button{
    font-size: 20px;
    font-weight: 600;
    color: #313131 !important;
 }

.accordion .accordion-body ul a {
    display: block;
    padding: 2px 0;
    font-size: 14px;
    font-weight: bold;
    color: #313131;
    opacity: .82;
    text-decoration: none;
    transition: all 0.3s;
}

.accordion .accordion-body ul li.active > a,
.accordion .accordion-body ul a:hover {
    text-decoration: none;
    color: #303f9f;
    opacity: 1;
}

.accordion .accordion-body ul li.sub a{
    display: block;
    padding: 2px 0 2px 15px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    color: #313131;
    opacity: .82;
    text-decoration: none;
    transition: all 0.3s;
}
.accordion .accordion-body ul li.sub a:hover{
    text-decoration: none;
    color: #303f9f;
    opacity: 1;
}

 ul.vertical-list li{
    display: inline-block;
    margin-right: 15px;
    color: #888888;
 }

 ul.vertical-list li a{
    text-decoration: none;
    color: #313131;
 }

 ul.vertical-list li:before{
    content: '';
    width: 4px;
    height: 4px;
    border: 2px solid;
    border-radius: 2px;
    opacity: 0.6;
    display: inline-block;
    margin-right: 15px;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    transform: translateY(-2px);
 }

 ul.vertical-list li:first-child:before{
    content: '';
    margin-right: 0;
    width: 0;
    height: 0;
    border: none;
 }

 .sidebar-header{
    border-bottom: 2px solid #313131;
    color: #313131;
    margin: 0;
    margin-bottom: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    position: relative;
    line-height: 1.3;
    background: transparent;
    text-align: left;
 }

 /* Share Button colors */

.share{
    min-width: 40px;
    height: 40px;
    line-height: 20px;
    border: 1px solid #dedede;
    display: inline-block;
    padding: 0 15px;
    margin-right: 12px;
    position: relative;
    vertical-align: top;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
}
.share:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #dedede;
    position: absolute;
    top: 50%;
    bottom: 50%;
    left: 100%;
    transform: translateY(-50%);
}
.like-share{
    background: #303f9f;
    font-size: 13px;
}
.like-facebook,
.like-facebook:hover{
    background: #0d47a1;
    font-size: 13px;
}
.like-twitter,
.like-twitter:hover{
    background: #40c4ff;
    font-size: 13px;
}
.like-pinterest,
.like-pinterest:hover{
    background: #bd081c;
    font-size: 13px;
}
.like-linkedin,
.like-linkedin:hover{
    background: #0077b7;
    font-size: 13px;
}
.like-email,
.like-email:hover{
    background: #0084ff;
    font-size: 13px;
}

.pera-highlight-letter{
    float: left;
    display: block;
    text-align: center;
    text-transform: uppercase;
    background-color: transparent !important;
    color: #303f9f;
    font-size: 68px;
    line-height: 68px;
    margin: 0 13px 0 0;
    padding: 0;
}

.floating-div-right {
    float: right;
    max-width: 360px;
    margin: 5px 0 20px 20px;
}

.related-post-section,
.floating-div {
    width: 100%;
    overflow: hidden;
    padding: 17px 20px;
    border: 1px solid #dedede;
    box-sizing: border-box;
}
.related-post-section{
    padding: 0;
    border: none;
}
.related-post-section .header,
.floating-div .header {
    font-size: 18px;
    line-height: 1.3;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    color: #313131;
    letter-spacing: 0;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 20px;
}

.related-post-section .header::after,
.floating-div .header:after {
    content: '';
    width: 50px;
    border-top: 1px solid #313131;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}

.floating-div ul{
    padding-left: 18px;
}

.floating-div ul li {
    margin-bottom: 6px;
    position: relative;
    list-style-type: square;
    line-height: 1.6;
}

.floating-div ul li a {
    text-decoration: none;
    color: #303f9f;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    outline: none;
}

.floating-div ul li a:hover {
    text-decoration: underline;
}

.related-post-section a{
    color: #313131;
    line-height: 1.4;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 14px;
}
.related-post-section .views a:hover,
.related-post-section a:hover{
    color: #303f9f;
}
.related-post-section .views a,
.related-post-section .views{
    color: #888888;
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.3;
    font-weight: normal;
}

.dot{
    display: inline-block;
    position: relative;
    width: 4px;
    height: 4px;
    background: #888888;
    border-radius: 4px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 5px;
}

.image-caption{
    position: static;
    background: none;
    padding: 11px 0 0;
    color: #888;
    font-size: 14px;
    line-height: 1.4;
    font-style: italic;
    text-align: center;
}

.image-description h3,
.image-description h4{
    color: #313131;
    letter-spacing: 0;
    line-height: 1.3em;
}

.image-description ul{
    padding-left: 36px;
    margin-bottom: 20px;
    color: #313131;
    letter-spacing: 0;
    line-height: 1.3em;
}

.image-description ul li{
    margin-bottom: 6px;
    position: relative;
    list-style-type: square;
    line-height: 1.7;
}

.floating-image-right{
    float: right;
    margin: 5px 0 17px 30px;
}
.floating-image-left{
    float: left;
    margin: 5px 30px 17px 0;
}

.post-tags a{
    text-transform: uppercase;
    color: #888;
    padding: 6px 12px 5px;
    margin-right: 8px;
    margin-bottom: 8px;
    display: inline-block;
    font-size: 11px !important;
    background: none;
    border: 1px solid #DEDEDE;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    outline: none;
    font-weight: normal;
    line-height: 1.2;
}

.post-navigator p{
    color: #888888;
}

.post-navigator a{
    color: #313131;
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
}

.post-navigator a:hover{
    color: #303f9f;
}

.suggestion-box-title{
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    color: #313131;
    text-transform: uppercase;
    font-weight: 600;
}

/* ------------------------------------------------------------*/
/* ############### CSS for Sidebar Section #################### */
/* ------------------------------------------------------------*/

.sidebar-header span{
    display: inline-block;
    position: relative;
    margin-bottom: -2px;
    background-color: #313131;
    color: #fff;
    border: 0;
    line-height: 34px;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0 15px;
}

.sidebar-header span:before{
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 34px solid #000;
    border-right: 20px solid transparent;
    z-index: 1;
    right: -20px;
    opacity: 0.7;
    background-color: transparent !important;
}
.side-item-text{
    margin-top: 10px;
    margin-bottom: 15px
}
.side-item-text h4{
    margin: 0;
}
.side-item-text h4 a{
    margin-bottom: 0;
    color: #313131;
    display: block;
    font-size: 14px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    letter-spacing: 0;
    line-height: 1.2;
    text-decoration: none;
}
.side-item-text h4 a:hover{
    color: #303f9f;
}
.side-item-text .side-item-meta {
    letter-spacing: 0;
    color: #888888;
    font-family: inherit;
    font-size: 13px;
}
span.side-item-meta > time{
    font-size: inherit;
    color: #888888;
    text-decoration: inherit;
    font-weight: inherit;
    background: none;
    font-style: inherit;
    font-family: inherit;
}

.social-feed-plugin{
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.carousel-caption{
    bottom: auto;
    left: 50%;
    top: 50%;
    right: auto;
    transform: translate(-50%, -50%);
}

.carousel-caption h4{
    margin: 0;
}

.carousel-caption h4 a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    letter-spacing: 0;
}
.carousel-caption p {
    color: #fff;
    font-size: 12px;
    margin: 0;
}

/* Responsive */

@media (min-width: 992px) and (max-width: 1250px){
    .social-media{
        font-size: 80%;
    }
}

@media (min-width: 769px) and (max-width: 991px){
    .social-media{
        font-size: 75%;
    }
}

/* ------------------------------------------------------------*/
/* ############### CSS for Footer Section #################### */
/* ------------------------------------------------------------*/

footer{
    background-color: #000000;
    color: #ffffff;
}

footer .row.top-section{
    margin-bottom: 15px !important;
    padding-top: 45px !important;
    padding-bottom: 15px !important;
    border-color: rgba(255,255,255,0.1) !important;
    border-style: solid !important;
    border-width: 0px 0px 1px 0px !important;
}

footer .first-section{
    border-color: rgba(255,255,255,0.1) !important;
    border-style: solid !important;
    border-width: 0px 1px 0px 0px !important;
}

footer .first-section img{
    margin-bottom: 12px !important;
}

footer .first-section a svg{
    font-size: 15px;
    line-height: 21px;
    color: #999999;
    transition: 0.4s;
}

footer .first-section a:hover svg{
    color: #ffffff
}

footer .second-section{
    border-color: rgba(255,255,255,0.1) !important;
    border-style: solid !important;
    border-width: 0px 1px 0px 0px !important;
}

footer .widget{
    text-transform: uppercase;
    margin-left: 10px;
}

footer .widget dd{
    font-family: Montserrat !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.3px !important;
}

footer .widget dd a{
    text-decoration: none;
    color: #ffffff;
}

footer .widget dd:hover a{
    color: #CE0000;
}

footer .third-section h3{
    font-family: Montserrat !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 13px;
}

footer .first-section p,
footer .third-section p{
    color: #d8d8d8;
    font-family: Montserrat !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    margin-bottom: 21px;
}

footer .third-section input{
    font-family: Montserrat !important;
    font-size: 13px !important;
}

footer .third-section input,
footer .third-section input.form-control:focus{
    font-family: Montserrat !important;
    font-size: 13px !important;
    color: #ffffff;
    background-color: rgba(255,255,255,0.1);
    border-width: 0px 0 0px 0px;
    min-height: 42px;
    height: auto;
    transition: all .2s ease-in-out;
    box-shadow: none;
}

footer .third-section .input-group-text{
    min-width: 100px;
    background-color: #CE0000;
    color: #ffffff;
    font-family: Montserrat !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.3px !important;
    border-color: #CE0000;
    min-height: 42px;
    height: auto;
    transition: all .2s ease-in-out;
}

.tdn-email-bar{
    display: flex;
    flex-direction: row;
}

footer .copyright-section{
    padding-bottom: 45px !important;
    border-color: rgba(255,255,255,0.1) !important;
    border-style: solid !important;
    border-width: 0px 0px 1px 0px !important;
}

footer .copyright-section p{
    color: #d8d8d8;
    font-family: Montserrat !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
}

/* Responsiveness */

@media (min-width: 768px) and (max-width: 1018px){
    footer .third-section input,
    footer .third-section .input-group-text {
        font-size: 11px !important;
    }
    footer .third-section .input-group-text {
        min-width: 80px;
    }
}

@media (max-width: 767px){
    footer .first-section,
    footer .second-section{
        margin-bottom: 15px !important;
        padding-bottom: 15px !important;
        border-width: 0px 0px 1px 0px !important;
    }
}

/* ------------------------------------------------------------*/
/* ############### CSS for Mega Menu Section #################### */
/* ------------------------------------------------------------*/

/* Menu */

.navbar{
    border-width: 0;
    background-color: #ffffff;
    border-color: #dedede;
    border-style: solid;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    height: 58px;
}

.nav-item{
    margin-right: 30px;
}

.nav-link{
    position: relative;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #313131;
    line-height: 42px;
}

.mega-menu {
    left: 0;
    right: 0;
    display:none;
    padding-top: 0;
    min-height: 100%;
    border-top: 3px solid #369;
    background-color: #ffffff;
    box-shadow: 1px 1px 10px #cdcdcd;
}

.menu-label {
    font-size: 9px;
    font-weight: 600;
    line-height: 12px;
    position: absolute;
    z-index: 1;
    top: calc(50% - 25px);
    display: inline-block;
    margin-left: -12px;
    padding: 2px 4px;
    vertical-align: middle;
    white-space: nowrap;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: #FFF;
    background-color: #303f9f;
}

.menu-label:before {
    position: absolute;
    top: 100%;
    left: 10px;
    content: "";
    border: 4px solid;
    border-color: #303f9f;
    border-right-width: 7px;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-width: 0;
}

li.drop-down{
    position:relative;
}

li.drop-down>ul{
	left: 0px;
	min-width: 230px; 
}

.drop-down-ul{
    display:none;
    border-top: 3px solid #369;
    box-shadow: 1px 1px 10px #cdcdcd;
}

li.drop-down>ul>li>a{
	color: #111111;
	display: block;
	padding: 10px 0 10px 20px;
	text-decoration: none;
	background-color: #ffffff;
	-webkit-transition: color 0.2s linear, background 0.2s linear;
	-moz-transition: color 0.2s linear, background 0.2s linear;
	-o-transition: color 0.2s linear, background 0.2s linear;
	transition: color 0.2s linear, background 0.2s linear;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

li.drop-down>ul>li>a:hover,
li.drop-down>ul>li>a.active{
    color: #303f9f
}
.semi-mega{
    padding: 1em;
}
.semi-mega li a{
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #111111;
    text-transform: uppercase;
    display: block;
    text-align: left;
    line-height: 1.4em;
    margin: 0;
    padding: 6px 0 6px 6px;
    position: relative;
    border: none;
    text-decoration: none;
}

h4.row.mega-title {
  color: #eee;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-top: 2px solid #369;
  padding-top: 15px;
  background-color: #ffffff
}

/* .mega-menu ul li a {
  line-height: 25px;
  font-size: 90%;
  display: block;
} */

.mega-menu .menuItem{
    display: none;
}

.category-name-overlay{
    font-size: 10px;
    background: #303f9f;
    text-transform: uppercase;
    position: absolute;
    display: inline-block;
    padding: 0 6px;
    color: #fff;
    bottom: 0;
    left: 0;
    height: 18px;
    font-weight: normal;
    text-align: center;
    line-height: 18px;
}

.mega-menu ul.drop-down-ul li{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #111111;
    text-transform: uppercase;
    line-height: 1.4em;
    padding: 6px 0 6px 20px;
}

.mega-menu .image-text h3 a{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #111111;
    letter-spacing: 0;
    text-decoration: none;
    transition: 0.2s;
}

.mega-menu .image-text h3 a:hover{
    color: #369
}

.mega-menu .image-text p{
    line-height: 1;
    font-size: 12px;
    color: #999;
    text-align: center;
    margin-top: 6px;
}

.submenu-list{
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1;
    margin-bottom: 16px;
}

.submenu-list-link{
    font-family: 'Roboto', sans-serif;
    position: relative;
    padding: 0;
    margin: 0;
    text-decoration: none;
    color: #313131;
    font-size: 14px;
    line-height: unset;
    display: inline-block;
}

.submenu-label {
    font-size: 9px;
    font-weight: 600;
    line-height: 12px;
    position: absolute;
    z-index: 1;
    top: calc(50% - 8px);
    margin-left: 5px;
    display: inline-block;
    padding: 2px 4px;
    vertical-align: middle;
    white-space: nowrap;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: #FFF;
    background-color: #303f9f;
    border-color: #303f9f;
}

.submenu-label:before {
    position: absolute;
    top: calc(50% - 4px);
    left: -4px;
    content: "";
    border-width: 4px 4px 4px 0;
    border-style: solid;
    border-color: #303f9f;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
}

.submenu-section-header{
    font-size: 14px;
    border-bottom: 3px solid #E9E9E9;
    padding: 0 0 8px;
    display: block;
    color: #313131;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    margin-bottom: 15px;
}
.submenu-section-header:before{
    content: '';
    border-bottom: 3px solid #313131;
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 3px;
    width: 50px;
}

.image-header{
    font-size: 14px;
    color: #313131;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
}

nav .image-description{
    font-size: 11px;
    color: #888888;
    font-family: 'Roboto', sans-serif;
    line-height: 1.3;
}

.mega-menu:hover,
.drop-down-ul:hover,
li.drop-down>a:hover +.drop-down-ul,
.mega-drop-down a:hover+.mega-menu{
	display:block;
}

/*responsive*/

 @media (min-width: 992px){
    .mega-menu,
    li.drop-down>ul{
        position:absolute;
    }
}

@media (max-width:991px){
    .mega-menu,
    li.drop-down>ul{
        position:relative;
    }
    .nav-link{
        border-bottom: 1px solid #cdcdcd;
        padding: 0;
    }
    li.drop-down>ul{
        padding: 0 0 10px 0;
    }
    li.drop-down>ul>li>a {
        padding: 10px 0 0 20px;
    }
    .semi-mega{
        padding: 0 0 10px 0;
    }
    .semi-mega li a{
        padding: 10px 0 0 10px;
        text-transform: capitalize;
        font-size: 13px;
    }
    .menu-label {
        font-size: 9px;
        font-weight: 600;
        line-height: 12px;
        position: absolute;
        z-index: 1;
        top: calc(50% - 8px);
        margin-left: 10px;
        display: inline-block;
        padding: 2px 4px;
        vertical-align: middle;
        white-space: nowrap;
        letter-spacing: .3px;
        text-transform: uppercase;
        color: #FFF;
        background-color: #303f9f;
        border-color: #303f9f;
    }
    .menu-label:before {
        position: absolute;
        top: calc(50% - 4px);
        left: -4px;
        content: "";
        border-width: 4px 4px 4px 0;
        border-style: solid;
        border-top-color: transparent !important;
        border-bottom-color: transparent !important;
        border-left-color: transparent !important;
        border-right-color: #303f9f !important;
    }
    .hide-on-mobile{
        display: none !important;
    }
}

/* Ad Section */

.ad-section{
    background-color: #d8d8d8;
    height: 200px;
    margin: 25px 0;
}

/* Next & Previous Button Style */

.previous-button {
    padding: 5px 20px 5px 0;
    border-radius: 1px;
    transition: 0.2s ease;
    width: 180px;
    margin-right: 5px;
}

.next-button {
    padding: 5px 0 5px 20px;
    border-radius: 1px;
    transition: 0.2s ease;
    width: 180px;
    margin-left: 5px;
}

.next-button:hover,
.previous-button:hover {
    padding: 5px 10px;
}

.next-button .icon {
    opacity: 0;
    left: -15px;
    transition: 0.3s ease;
}

.next-button:hover .icon {
    opacity: 1;
    left: 0;
}

.previous-button .icon {
    opacity: 0;
    right: -15px;
    transition: 0.3s ease;
}

.previous-button:hover .icon {
    opacity: 1;
    right: 0;
}

/* Back to Top Button */

#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: red;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
}
  
#myBtn:hover {
    background-color: #555;
}

/* ------------------------------------------------------------*/
/* ############# Additional CSS for Home Section ############# */
/* ------------------------------------------------------------*/

#home-page #homeSlider .carousel-caption{
    height: auto;
    left: 50%;
    bottom: 10%;
    right: auto;
    top: auto;
    transform: translateX(-50%);
    padding: 20px;
    width: 75%;
    text-align: center;
}

#home-page #homeSlider .carousel-caption h4{
    margin: 0;
    color: #fff;
    font-size: 24px;
}

#home-page #homeSlider .carousel-caption h4 a {
    color: #fff;
    font-size: 24px;
    text-decoration: none;
    letter-spacing: 0;
}

#home-page #homeSlider .carousel-caption p {
    color: #fff;
    font-size: 12px;
    margin: 5px 0 0 0;
}

#home-page .slider-overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background-color: #000;
}

#home-page .overlay{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    opacity: calc( 90/100 );
    background-color: transparent;
    background-image: linear-gradient(180deg, #00000000 0%, #303F9F 100%);
}
#home-page ul.navigation{
    float: right;
    position: relative;
    bottom: -5px;
}
#home-page ul.navigation li{
    display: inline-block;
}
#home-page ul.navigation li a {
    display: inline-block;
    padding: 0 10px;
    color: #313131;
    opacity: 0.6;
    transition: all 0.3s;
    text-decoration: none;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: normal;
}
#home-page ul.navigation li a:hover {
    color: #303F9F;
}

#home-page .side-item-text{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px 15px 0 15px;
    width: 100%;
}
#home-page .side-item-text h4{
    font-size: 18px;
    margin: 0;
    color: #ffffff;
}
#home-page .side-item-text .views,
#home-page .side-item-text time{
    color: #ffffff;
    font-size: 12px;
}
#home-page .side-item-text .views a,
#home-page .side-item-text time a{
    text-decoration: none;
    color: #ffffff;
}
#home-page .side-item-text .views a:hover,
#home-page .side-item-text time a:hover{
    color: #303F9F;
}

#home-page .trending.card .header{
    margin-bottom: 15px;
    border-bottom: 3px solid #888888;
}

#home-page .trending.card .header h3{
    position: relative;
    font-size: 14px;
    color: #313131;
    margin: 0;
    text-transform: uppercase;
    padding: 0 0 8px 0;
}

.trending.card .header h3::before{
    content: '';
    width: 40px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -3px;
    background: #303F9F;
}
#home-page .trending.card ul li{
    line-height: 1;
    margin-bottom: 10px;
}
#home-page .trending.card ul li a{
    color: #313131;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    font-size: 13px;
}
#home-page .trending.card ul li a:hover{
    color: #303F9F; 
}

#home-page .related-post-section.big a.d-block{
    font-size: 18px;
}

#home-page .related-post-section p{
    font-size: 14px;
}

/* Responsive */

@media (max-width:768px){
    #home-page #homeSlider .carousel-caption h4{
        line-height: 0;
    }
    #home-page #homeSlider .carousel-caption h4 a,
    #home-page #homeSlider .carousel-caption p{
        font-size: 60%;
        line-height: 1.2;
    }
}
/* ------------------------------------------------------------*/
/* ############# Additional CSS for List Section ############# */
/* ------------------------------------------------------------*/

#list-page .list-page-section-header{
    font-family: Montserrat !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
    font-style: italic !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: -2px !important;
    color: #ffffff;
    margin: 25px 0;
    padding: 15px 30px 15px 25px;
    background-color: #ce0000;
    display: inline-flex;
    position: relative;
    text-align: center;
}
#list-page .list-page-section-header::before{
    content: '';
    position: absolute;
    right: -10px;
    top: 0;
    height: 100%;
    width: 20px;
    background-color: #ce0000;
    transform: skewX(-15deg);
}
#list-page .list-page-section-header::after{
    content: '';
    position: absolute;
    left: -10px;
    top: 0;
    height: 100%;
    width: 20px;
    background-color: #ce0000;
    transform: skewX(-15deg);
}

#list-page .list-page-side-section-header{
    font-family: Montserrat !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    font-style: italic !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.5px !important;
    color: #000000;
    padding: 10px 30px 10px 25px;
    background-color: #d8d8d8;
    position: relative;
    width: 90%;
    text-align: center;
}
#list-page .list-page-side-section-header::before{
    content: '';
    position: absolute;
    right: -10px;
    top: 0;
    height: 100%;
    width: 20px;
    background-color: #d8d8d8;
    transform: skewX(-15deg);
}
#list-page .list-page-side-section-header::after{
    content: '';
    position: absolute;
    left: -10px;
    top: 0;
    height: 100%;
    width: 20px;
    background-color: #d8d8d8;
    transform: skewX(-15deg);
}

#list-page .related-post-section a{
    font-family: Montserrat !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: -1px !important;
}
#list-page .related-post-section p{
    font-family: Montserrat !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
}

#list-page .related-post-section .head{
    font-family: Montserrat !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #ce0000;
}

#list-page .related-post-section .views{
    font-family: Montserrat !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
}