@font-face {
	font-family: CarmenSans;
	src: url(../webfonts/CarmenSans.ttf);
}

body {
	color: #1D1D1F;
	background-color: #fff !important;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
}

.font-carmen {
	font-family: CarmenSans !important;
}

.font-gothic {
	font-family: 'Gothic A1', sans-serif;
}

.font-roboto {
	font-family: 'Roboto', sans-serif;
}

.bg-dark {
	background-color: #131313 !important;
}

.bg-blue {
	background: #ADD6DA !important;
}

.bg-lwhite {
	background: #F1F4F8 !important;
}

.bg-lbrown {
	background: #EEF0F3 !important;
}

hr {
	color: #141414;
	border: 1px solid #141414;
}

.text-gray {
	color: #86868B !important;
}
.text-dark{
	color: #1D1D1F !important;
}

.fs--12 {
	font-size: 12px !important;
}
.container{
	padding-right: var(--bs-gutter-x,1.75rem);
	padding-left: var(--bs-gutter-x,1.75rem);
}
/* ========================================================================================================= */
/* ========================================================================================================= */
.hide {
	display: none !important;
}

.hide-desk {
	display: none !important;
}

/* ========================================================================================================= */
nav{
	background-color: #131313;
}
.navbar-light .navbar-nav .nav-link{
	color:#F5F5F7;
}
.navbar-light .navbar-nav .nav-link:hover{
	color:#F5F5F7;
	text-decoration: underline;
}
.navbar-light .navbar-toggler {
	color: #F5F5F7;
}

.navbar-light .navbar-toggler-icon {
	background-image: url("../img/menu.svg");
}

.navbar .navbar-collapse{
	height: auto !important;
	bottom: auto !important;
}
#navbarMainContent{
	background-color: #131313;
}
#menuNav {
	height: 56px;
}

#subMenu {
	color: #fff;
	background: rgba(19, 19, 19, 0.25);
	height: 72px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	width: 100%;
}

#heroBadge {
	width: 160px;
}

#homeAE {
	/* background-image: url("../img/einstein.jpg"); */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 349px;
}
#homePuppet {
	background-image: url("../img/puppet2.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 349px;
}
#homeMan {
	/* background-image: url("../img/man.jpg"); */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 349px;
}
#homeMan2 {
	/* background-image: url("../img/man.jpg"); */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 200px;
}
.bg-cover2{
	/* height: 772px; */
}
.bottom-hl{
	border-bottom: 6px solid #FFC90A;
    font-weight: bold;
}
.image-capt {
	color: #86868B;
	font-size: 14px;
	font-weight: bold;
}
.pie-chart{
	width: 360px;
}
#imgNYBook {
	position: absolute;
	width: 72.97px;
	height: 72.97px;
	margin-left: 200px;
	transform: rotate(15deg);
}

#imgHeureka {
	position: absolute;
	width: 120px;
	height: 138px;
	margin-left: 190px;
    margin-top: -35px;
	transform: rotate(15deg);
}

#imgBook {
	width: 240px;
}

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

.btn-img {
    border:1px solid #999999!important; 
    border-radius: 10px!important; 
    max-width: 195px!important;
}
.btn-amazon { 
	width: 200px;
	height: 50px!important;
	background: #FFC90A;
	border-radius: 2rem!important;
}
.btn-waterstones { 
	width: 200px;
	height: 50px!important;
	background: #336b75;
    border: solid 1px #336b75;
	border-radius: .6rem !important;
    color:white;
    font-weight: normal;
}
.btn-TGJones { 
	width: 200px;
	height: 50px!important;
	background: #0E3C76!important;
    border: solid 1px #336b75;
	border-radius: .6rem !important;
    color:white;
    font-weight: normal;
}
.btn-kaspi { 
	max-width: 300px;
	height: 50px!important;
	background: #f14635;
    color: #ffffff;
	border-radius: 2rem!important;
}

.btn-kaspi:hover { 
    color: #ffffff;
    background-color:#d7200f
}
    
.btn-heureka {
	width: 200px;
	height: 50px!important;
	background: #FC5C1C;
    color: white;
	border-radius: 3px !important;
}
.btn-worten {
	width: 200px;
	height: 50px!important;
	background: #DE1F1C;
    color: white;
	border-radius: 2rem !important;
}
.btn-alza { 
	width: 200px;
	height: 50px!important;
    color: #FFFFFF;
	background: #99c01e;
	border-radius: .6rem !important;
}
.btnAmazon { 
	width: 235px;
	height: 40px!important;
	background: #ffffff;
    color: #FFC90A;
    border: 2px solid #FFC90A!important;
	border-radius: 3px!important;
}
.btnBuecher { 
	width: 235px;
	height: 40px!important;
    color: #00989A!important;
    background: #ffffff;
    border: 2px solid #00989A!important;
	border-radius: 3px !important;
}
.btn-Buecher { 
	width: 235px;
	height: 40px!important;
    color: #ffffff;
    background: #00989A;
    border: 2px solid #00989A!important;
	border-radius: 3px !important;
}
.btnHugendubel { 
	width: 235px;
	height: 40px!important;
    color: #E2001A;
	background: #ffffff;
    border: 2px solid #E2001A!important;
	border-radius: 3px!important;
}
.btn-Hugendubel { 
	width: 235px;
	height: 40px!important;
    color: #ffffff!important;
	background: #E2001A!important;
    border: 2px solid #E2001A!important;
	border-radius: 3rem!important;
}
.btn-Bol { 
	width: 225px;
	height: 50px!important;
    color: #ffffff;
    background: #0c01a4;
    border: 2px solid #0c01a4!important;
	border-radius: 2rem !important;
}
.btn-standaard { 
	width: 225px;
	height: 50px!important;
    color: #ffffff;
    background: #EA524B;
    border: 2px solid #EA524B!important;
	border-radius: 2rem !important;
}.btn-bruna { 
	width: 225px;
	height: 50px!important;
    color: #ffffff;
    background: #ed3325;
    border: 2px solid #ed3325!important;
	border-radius: 2rem !important;
}
.btnNEP {
	width: 235px;
	height: 40px!important;
    color: #3575AC;
	background: #ffffff;
    border: 2px solid #3575AC!important;
	border-radius: 3px !important;
}
.btn-nep {
	width: 200px;
	height: 50px!important;
    color:white;
	background: #3575AC;
	border-radius: 2rem !important;
}
.btn-nep-square {
	width: 200px;
	height: 50px!important;
    color:white;
	background: #3575AC;
	border-radius: 3px !important;
}
.btn-amazon-square { 
	width: 200px;
	height: 50px!important;
	background: #FFC90A;
	border-radius: 3px!important;
}
.btn-felt {
	width: 200px;
	height: 50px!important;
    color:white;
	background: #03821f;
	border-radius: .6rem !important;
}
.btn-mondadori {
	width: 200px;
	height: 50px;
	color:white;
	background: #a8001d;
	border-radius: .6rem !important;
}

.btn-black {
	width: 400px;
	height: 50px!important;
    color:white;
	background: #333333;
	border-radius: .6rem !important;
}

.btn-black:hover {
    color:white;
}

#homeMan {
	background-image: url("../img/man.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 300px;
}

.btn-libristo {
	width: 200px;
	height: 50px!important;
    color:white;
	background: rgb(0 193 161/var(--tw-bg-opacity,1));
	border-radius: 3px !important;
}

.embla__dot {
	width: 0.25em;
	height: auto;
}

.embla__dot.is-selected::after {
	background-color: #888;
}

.embla__dot::after {
	background-color: #C4C4C4;
}
.nep-verify{
	color:#C45500;
	font-size: 10px;
	font-weight: 700;
}
.nep-subject{
	color: #0F1111;
	font-size: 14px;
	font-weight: 700;
}
.nep-date{
	color: #565959;
	font-size: 14px;
	font-weight: 400;
}
.nep-body{
	color: #0F1111;
	font-size: 14px;
	font-weight: 400;
}
.nep-help{
	color: #565959;
	font-size: 14px;
	font-weight: 400;
}
.nep-load{
	color: #007185;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
}
footer{
	font-weight: 400;
	font-size: 12px;
	color: #b3b3b3;
}
footer a{
	font-weight: 400;
	font-size: 12px;
	color: #b3b3b3;
	text-decoration: none;
}

footer a:hover{
	color: #F5F5F7;
	text-decoration: underline;
}
.modal-dialog{
	max-width: 600px;
}
.modal-dialog input{
	max-width: 300px;
}
.popup-side-img{
	max-width: 7rem;
	/* position: absolute; */
	border-radius: calc(.6rem - 1px) 0 0 calc(.6rem - 1px);
}
.btn-base {
	background: #FFC90A;
	border-radius: 40px !important;
}

.title { font-size:13px !important;}
/* ========================================================================================================= */



@media only screen and (max-width: 768px) {
	.hide-mobile {
		display: none !important;
	}

	.hide-desk {
		display: block !important;
	}
	
	#homeHero {
		/* padding-top: 56px !important; */
	}
	
	#imgNYBook {
		margin-left: 120px;
	}
    
    #imgHeureka {
	width: 80px;
	height: 92px;
	margin-left: 128px;
    margin-top: -22px;
}

	#imgBook {
		width: 160px;
	}
	#heroBadge {
		width: 100px;
	}
    
}