/*Better Red*/
#b40101
/*Better Blue*/
#0d43b6
/*Darker Blue*/
#041f42;
/*Lighter Red*/
#f14d5d
/*Darkest Blue*/
#141516
body{
	background-color: #fff;
	font-family: 'Urbanist', sans-serif;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Unna', serif;
	    font-weight: 700;
		color: #060606;
	
}
a{
	color: #0d43b6;
	text-decoration: none;
}
a:hover{
	color: #b40101;
}
.darkestBG a{
	color: #b40101;
	
}
.darkestBG a:hover{
	color: #0d43b6;
	
}
.blueBG{
	background: #0d43b6;
	color: #FFFFFF;
}
.darkestBG{
	background: #141516;
	color: #FFFFFF;
}
.darkestBG h1, .darkestBG h2, .darkestBG h3, .darkestBG h4, .darkestBG h5, .darkestBG h6, .blueBG h1, .blueBG h2, .blueBG h3, .blueBG h4, .blueBG h5, .blueBG h6, .author-content h1, .author-content h2, .author-content h3, .author-content h4, .author-content h5, .author-content h6, .features h1, .features h2, .features h3, .features h4, .features h5, .features h6, .footer h1, .footer h2, .footer, .footer h4, .footer h5, .footer h6{
	color: #FFFFFF;
}
.navHeader{
	border-top: solid 1px #f14d5d; 
}
.logoTitleTxt, .logoSubTitleTxt{
  font-family: "Roboto", sans-serif;
  font-weight: 400;
	font-style: normal;
	color: #000002;
}
.logoTitleTxt{ 
background-color: #C4CBFF;
color: #000002; 

text-shadow: #FFFFFF 0px 0px 5px, #FFFFFF 0px 0px 10px, #FFFFFF 0px 0px 15px;

}
.btn-primary{
	background: #b40101;
	background-color: #b40101;
	color: #FFF;
	     border-color: #b40101;
}
.btn-primary:hover{
	background: #0d43b6;
	background-color: #0d43b6;
	 border-color: #0d43b6;
	color: #FFF;
}
.btn-primary.btn-outline{
	    background: transparent;
    color: #b40101;
    border-color: #b40101;
	  border-color: #b40101;
	  border-radius: 0;
	  border: 2px solid #b40101;
	  font-weight: 600;
	      padding: 14px 35px;

}
.btn-primary.btn-outline:hover{
	background-color: #b40101;
	 border-color: #b40101;
	color: #FFF;
	
}
#headLogoWrp{
	background-color: #C4CBFF;
	padding: 5px 15px;
	border-radius: 5px;
}

#headLogoWrp .logoTitleTxt{
	font-size: 32px;
	line-height: 32px;
}
#headLogoWrp .logoSubTitleTxt{
	font-size: 12px;
	line-height: 12px;
	padding-left: 1px;
}
#footLogoWrp .logoTitleTxt{
	font-size: 16px;
	line-height: 16px;
}
#footLogoWrp .logoSubTitleTxt{
	font-size: 10px;
	line-height: 10px;
	padding-left: 1px;
}
#footLogoWrp{
	background-color: #C4CBFF;
	padding: 5px 10px;
	border-radius: 5px;
	max-width: 157px;
	    margin-bottom: 10px;
}

.header-navbar {
   

	    box-shadow: rgba(0, 0, 0, 0.04) 0px 6px 15px 0px
}
.navbar-light .navbar-nav .nav-link{
	color: #222;
	font-size: 16px;
    font-weight: 600;
	line-height: 1.4;
    text-transform: capitalize;
	font-family: 'Unna', serif;
}

.header-navbar .navbar-nav li:not(:last-child) {
    margin-right: 20px;
}
.navbar-light .navbar-nav a.nav-link:hover{
	color: #b40101;
}
.header-navbar .bg-light{
	background-color: #FFFFFF !important;
}
.header-topbar {
    background: #031F42;
    padding: 5px 0px;
}
.header-topbar a {
    color: #fff;
}
.header-topbar {
    color: #fff;
}
/*START: Footer*/
.footer {
    background: #171621;
    padding: 80px 0px 0px;
    position: relative;
    color: rgba(255, 255, 255, 0.8);
}
.footer a{
	    font-size: 16px;
		color: rgba(255, 255, 255, 0.8);
    font-weight: 400;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: 'Unna', serif;
}
.footer a:hover{
	color: #b40101;
}
.footer .footer-links li {
    padding: 5px 0px;
}
.footer-btm {
    margin-top: 30px;
    padding: 20px 0px 25px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer .footer-widget .widget-title {
    color: #fff;
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 600;
}
.footer .footer-contact {
    padding-right: 10px;
    text-decoration: underline;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.footer .footer-contact ul li {
    margin-bottom: 20px;
}
.pt-120{
	
}
/*END: Footer*/
/*START: HOME*/
.banner-img {
    position: relative;
    z-index: 1;
}
.banner-style-3 .banner-img:before {
    background: #031F42;
    position: absolute;
    content: "";
    left: -20px;
    top: 40px;
    width: 50%;
    height: 90%;
    z-index: -1;
}
.banner-padding {
    padding: 20px 0 50px 0px;
}
.banner-img img{
	border: solid 1px #44403d;
}
.banner-content h1 {
    font-size: 60px;
    line-height: 60px;
}
#firstDarkBGHome{
	margin-top: -100px;
	
	
}

.cta-inner-section{
	position: relative;
border-radius: 5px;	
	
}
.cta-inner-section:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-image: url('../img/backgroundCTA.jpg');
	opacity: 0.15;
    background-size: cover;
    background-repeat: no-repeat;
	
   
    z-index: 1;
    border-radius: 5px;
    overflow: hidden;
}
#firstDarkBGHome{
	padding: 175px 0 100px 0;
}
.banner-style-3 .btn-primary{
	font-weight: 600;
	    font-size: 16px;
		padding: 14px 35px;
	border-radius: 45px;
}
.banner-style-3  .btn-seconday{
	font-weight: 600;
	    font-size: 16px;
		padding: 14px 35px;
	border-radius: 45px;
	    border: 2px solid #ddd;
	
    background: transparent;
}
.banner-style-3  .btn-seconday:hover{
	color: #FFF;
	background: #b40101;
	background-color: #b40101;
	border-color: #b40101;
}
.author-2:before {
    position: absolute;
    content: "";
    right: 0px;
    bottom: 0px;
    background: #000;
    width: 80%;
    height: 80%;
    z-index: -1;
}
.author-2 {
    position: relative;
    z-index: 1;
}
.section-padding-top {
    padding-top: 100px;
}
.author-content{
	color: #FFF;
}
.font-lg {
    font-size: 40px;
    line-height: 55px;
    font-family: 'Unna', serif;
}
.subheading {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    color: #777;
}
.author-content .sub-title {
    font-style: italic;
    color: #FFF;
    margin-bottom: 20px;
}
.author-content p {
    margin-bottom: 40px;
    color: #fff;
}

.author-img img {
   
    border: 10px solid #fff;
    border-bottom: 0px;
}
.features:after {
    position: absolute;
    content: "";
    left: 0px;
    right: 0px;
    top: 110px;
    bottom: 0px;
    background: #16171B;
    width: 80%;
    height: 100%;
    margin: auto;
    z-index: -1;
    border-radius: 10px;
}
.features {
    position: relative;
}
.features-inner {
    padding: 90px 0px;
    margin: 0 auto;
}
.features {
	color: #FFF;
}
#bookTheWillToSurvive img {
    border: solid 1px #44403d;
}
/*.cta-inner-section{
	box-shadow: 0px 0px 10px rgba(29, 23, 77, 0.06);
   background-image: url(../img/backgroundCTA.jpg) 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
	 background-blend-mode: lighten;
    position: relative;
    padding: 70px 80px;
    z-index: 1;
    border-radius: 5px;
    overflow: hidden;
}
END: HOME*/
.contentEditorContainer hr{
	border: 1px !important;
	opacity: 1 !important;
	border-bottom-width: 0px !important;
    border-top-style: solid !important;
    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-right-style: solid !important;
    border-top-color: rgb(55, 55, 105) !important;
    border-right-color: rgb(55, 55, 105) !important;
    border-bottom-color: rgb(55, 55, 105) !important;
    border-left-color: rgb(55, 55, 105) !important;
    background-color: rgb(55, 55, 105) !important;
}
.contentImgLblWrp{
	border: solid 1px #cccccc;
	margin-bottom: 10px;
}
.contentLblWrp{
	color: #373769; font-family: tahoma, verdana, Arial; font-size: 12px; font-weight: bold;
}
.contentImgLblWrp.Left{
	float: left; 
	margin-right: 15px;
	
}
.contentImgLblWrp.Right{
	float: right; 
	margin-left: 15px;

}
.contentLblWrp{
	text-align: center;
	padding: 5px;
	
	
}
.contentImgWrp{
	text-align: center;
	
}

/*-------------------------------------------------*/
@media (min-width: 992px) {
	.dropdown-item {
		padding: .4rem 1rem;
	}
	.dropdown-menu.drop {
	  min-width: 700px
	}
	.navbarCollapseInnerWrp{
		display: flex !important;
        flex-basis: auto;
		flex-grow: 1;
    align-items: center;
	}

}
@media (max-width: 991px) {
   
	.hamBtnWrp{
		width: 100%;
		border-bottom: 1px solid #ececec;
	
	}
	.navWrp .container{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.navWrp{
		border-bottom: 0px;
	}
	.navContainer .collapse{
		border-bottom: 1px solid #ececec;
		padding: 0rem 1.5rem 0 1.5rem;
	}
	.navContainer{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.nav-item{
		border-bottom: 1px solid #ececec;
	}
	.navItemLast{
		border-bottom: 0px;
	}
	.navWrp .dropdown-toggle::after{
		float:right;
		font-size: 12px;
		padding-top: 5px;
	}
	.mobileBrowsCatsMenu{
		background-color: #80a48e !important;
	
	}
	.mobileBrowsCatsMenu .firstBtn{
		color: #FFFFFF !important;
	}
	.mobileBrowsCatsMenu .dropDownSubLvl{
		margin-left: 10px !important;
		margin-right: 10px !important;
	} 

}
@media (min-width: 768px) {
	
	.thumbColDesc{
	border-right: 5px solid #eeccd2; 
	border-left: 5px solid #eeccd2; 
	}

}
@media (max-width: 767px) {
	#thumbItemRow-1{
		border-top: 5px solid #eeccd2; 
	}
	.banner-style-3 .banner-img:before{
		left: 8%;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	.banner-style-3 .banner-img:before{
		left: 19%;
	}
}
@media (max-width: 575px) {
	#firstDarkBGHome .feature-item{
		padding-left: 20px;
		padding-right: 20px;
	}
}

/*START:Responsive template*/
@media (min-width: 1481px) and (max-width: 1800px) {
	.features::after {
    width: 90%;
  }
}
@media (min-width: 1200px) and (max-width: 1480px) {
	.features::after {
    width: 95%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {

  .cta .cta-inner-section .info-box {
    padding: 70px 52px;
  }
  .features::after {
    width: 95%;
  }
  .header-navbar .navbar-nav li:not(:last-child) {
    margin-right: 5px;
}
}

@media (min-width: 768px) and (max-width: 991px) {

  .cta .cta-inner-section .info-box {
    padding: 70px 52px;
  }

  .features-inner {
    padding: 90px 0px 70px;
  }
  .features::after {
    width: 90%;
  }
}
@media (max-width: 991px) {
 
  .about-book .about-content {
    text-align: center;
  }
  .contentImgLblWrpClr{
	  clear:both;
  }
  .contentImgLblWrp.Right{
	  float:none;
  }
  .contentImgLblWrp.Left{
	  float:none;
  }

}
@media (max-width: 768px) {
 
  .features::after {
    width: 100%;
    height: 100%;
    border-radius: 0px;
  }

}

@media (max-width: 480px) {

}

/*END: Responsive Template*/