@font-face {
	font-family: "Roboto";
	src: local("Roboto Light"), local(Roboto-Light), url('/cms/Main/fonts/Robotolight.woff2') format("woff2"), url('/cms/Main/fonts/Robotolight.woff') format("woff"), url('/cms/Main/fonts/Robotolight.ttf') format("truetype");
	font-weight: 300;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: "Roboto";
	src: local(Roboto), local(Roboto-Regular), url('/cms/Main/fonts/Roboto.woff2') format("woff2"), url('/cms/Main/fonts/Roboto.woff') format("woff"), url('/cms/Main/fonts/Roboto.ttf') format("truetype");
	font-weight: 400;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: "Roboto";
	src: local("Roboto Medium"), local(Roboto-Medium), url('/cms/Main/fonts/Robotomedium.woff2') format("woff2"), url('/cms/Main/fonts/Robotomedium.woff') format("woff"), url('/cms/Main/fonts/Robotomedium.ttf') format("truetype");
	font-weight: 500;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: "Roboto";
	src: local("Roboto Bold"), local(Roboto-Bold), url('/cms/Main/fonts/Robotobold.woff2') format("woff2"), url('/cms/Main/fonts/Robotobold.woff') format("woff"), url('/cms/Main/fonts/Robotobold.ttf') format("truetype");
	font-weight: 700;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: "Roboto";
	src: local("Roboto Black"), local(Roboto-Black), url('/cms/Main/fonts/Robotoblack.woff2') format("woff2"), url(../fonts/Robotoblack.woff) format("woff"), url('/cms/Main/fonts/Robotoblack.ttf') format("truetype");
	font-weight: 900;
	font-display: swap;
	font-style: normal
}

.book-active{
	background: #4dbd44;
}

.book-pr-height{
	min-height: 230px !important;
}

.book-passive{
	background: #daffd7;
}

.book-l-radius{
	border-top-left-radius: 10px; 
	border-bottom-left-radius: 10px;
}

.book-r-radius{
	border-top-right-radius: 10px; 
	border-bottom-right-radius: 10px;
}

.col-padding-book{
	padding-left: 0 !important; 
	padding-right: 0 !important;
}

.book-non-decision-ap img{
	opacity: 0.6;
}

.book-non-decision-ap-text{
	background: #4dbd44; 
	text-align: center; 
	border-radius: 40px; 
	margin-top: 20px; 
	padding: 20px 15px; 
	color: #fff;
}

.book-btn-active,
.book-btn-passive{
	border-radius: 10px;
	padding: 7px 18px 8px;
	margin-top: 5px;
	text-transform: uppercase; 
	display: inline-block;
	font-size: 14px;
	text-align: center;
	width: 150px;
}

.bookhiddenimg,
.bookhiddenimg1,
.bookhiddenimg2,
.bookhiddenimg3{
	display: none;
}

.bookImg-1,
.bookImg-2,
.bookImg-3{
	width: 90%;
    left: 5%;
    position: relative;
    background-repeat: repeat-y;
	background-size: 100%;
}

.book_r > div{
	height: 160px;
    max-height: 160px;
}
.book-btn-active{
	background: #fff;
	color: #4dbd44;
}
.book-btn-passive{
	background: #00acff;
	color: #fff;
}
.fa-check-style{
	color: #4dbd44 !important;
}
a:hover .book .book-btn-passive {
	background: #fff;
	color: #4dbd44;
	transition: .4s; 
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 10px;
}
.pagination>li {
    display: inline;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 10px 16px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    color: #fff;
    background-color: #4dbd44;
    border-color: #ddd;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #00acff;
    border-color: #00acff;
}

.pagination-descktop{
	display: none !important;
}

.pagination-left-bg,
.pagination-right-bg{
	position: absolute;
    width: 50px;
    height: 70px;
	z-index: 10;
	color: #00acff;
	font-weight: bold;
	font-size: 18px;
}

.pagination-left-bg{    
    left: 0;
	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.pagination-right-bg{
	background: linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 90%);
    right: 0;
}

.pagination-center-bg{
	position: relative;
}

@media only screen and (max-width : 768px) {
	.book-pr-height img{
	  margin-bottom: 20px;
	}
	.pagination-descktop-3{
		display: none !important;
	}
}

@media only screen and (max-width : 685px) {
	.pagination-mob{
		display: none !important;
	}
	.pagination-descktop{
		display: none !important;
	}
}

@media only screen and (max-width : 585px) {
.pagination-descktop-3,
.pagination-descktop-2{
		display: none !important;
	}
}
	
@media only screen and (max-width : 400px) {
.book_r > div{
	height: 210px;
    max-height: 230px;
}

}

@media only screen and (max-width : 400px) {
	.pagination-descktop-3,
	.pagination-descktop-2,
	.pagination-descktop-1{
		display: none !important;
	}
}


 
 	 .vk_comm_gdz {
	 	margin: 20px auto
	 }
	 .byAds {
	 	margin-top: 15px;
	 	margin-bottom: 15px;
	 }
	 .byAds1 {
	 	margin: 8px auto;
	 	text-align: center;
	 	display: block;
	 	clear: both;
	 }
	 .reklama {
	 	font-size: 9px;
	 	text-align: center;
	 	color: #979797;
	 }
	 #sidebar {
	 	width: 300px;
	 	background: #343a40;
	 	color: #fff;
	 	position: fixed;
	 	height: 97vh
	 }
	 .sidebarhome.active, .sidebar.active {
	 	display: block
	 }
	 #sidebar .sidebar-header {
	 	padding: 10px 10px 5px;
	 	text-align: center
	 }
	 #accordion {
	 	padding: 0 20px
	 }
	 #accordion .panel {
	 	border: none;
	 	box-shadow: none;
	 	border-radius: 0;
	 	margin-bottom: -5px;
	 	background: #343a40
	 }
	 #accordion .panel-heading {
	 	padding: 0;
	 	border-radius: 0;
	 	border: none;
	 	text-align: left
	 }
	 .panel-default>.panel-heading {
	 	color: none;
	 	background-color: #343a40;
	 	border-color: none
	 }
	 #accordion .panel-heading ul {
	 	list-style: none
	 }
	 #accordion .panel-heading ul>li {
	 	list-style: none;
	 	line-height: 30px
	 }
	 #accordion .panel-heading ul>li>a {
	 	font-size: 16px;
	 	font-weight: 700;
	 	color: #343a40;
	 	line-height: 35px;
	 	display: block;
	 	text-align: left;
	 	position: relative
	 }
	 #accordion .panel-heading ul>li>a:hover {
	 	color: #afb3b6;
	 	text-decoration: none
	 }
	 #accordion .panel-heading ul>li>a>span {
	 	position: absolute;
	 	top: 8px;
	 	right: 0
	 }
	 #accordion .panel-heading .active a:before {
	 	content: "";
	 	font-family: "Font Awesome 5 Free";
	 	color: #afb3b6;
	 	position: absolute;
	 	top: 0;
	 	right: 0
	 }
	 #accordion .panel-title a {
	 	display: block;
	 	text-align: left;
	 	padding: 12px 0;
	 	font-size: 16px;
	 	font-weight: 700;
	 	color: #e9ecef;
	 	background: #343a40;
	 	border-bottom: 1px solid #494e54;
	 	position: relative;
	 	transition: all .5s ease 0
	 }
	 #accordion .panel-title a:after, #accordion .panel-title a.collapsed:after {
	 	content: "";
	 	font-family: "Font Awesome 5 Free";
	 	color: #afb3b6;
	 	font-size: 16px;
	 	font-weight: 900;
	 	position: absolute;
	 	top: 13px;
	 	right: 0;
	 	transform: rotate(0deg);
	 	transition: .4s
	 }
	 #accordion .panel-title a:after, #accordion .panel-title a.collapsed-blog:after {
	 	content: "";
	 	font-family: "Font Awesome 5 Free";
	 	color: #afb3b6;
	 	font-size: 16px;
	 	font-weight: 900;
	 	position: absolute;
	 	top: 13px;
	 	right: 0;
	 	transform: rotate(90deg);
	 	transition: .4s
	 }
	 #accordion .panel-title a.collapsed:after {
	 	transform: rotate(180deg)
	 }
	 #accordion .panel-body {
	 	padding: 3px 8px;
	 	border: none;
	 	position: relative
	 }
	 #accordion .panel-body ul {
	 	padding: 5px 10px
	 }
	 #accordion .panel-body ul>li {
	 	line-height: 25px;
	 	list-style: none
	 }
	 #accordion .panel-body ul>li>a {
	 	font-size: 16px;
	 	color: #e9ecef;
	 	font-weight: 400
	 }
	 #accordion .panel-body ul>li>a:hover {
	 	color: #4dbd44;
	 	transition: .4s
	 }
	 #accordion .panel-body ul>li.active>a {
	 	color: #4dbd44
	 }
	 .img-logo-menu img {
	 	margin: 0 auto;
	 	display: block
	 }
	 .book_sidebar ul.components, .book_sidebar ul ul {
	 	list-style: none
	 }
	 .book_sidebar ul li a:hover[data-toggle=collapse] {
	 	color: #4dbd44
	 }
	 .book_sidebar ul li a[data-toggle=collapse] {
	 	position: relative;
	 	color: #000;
	 	padding: 10px 5px;
	 	font-size: 18px;
	 	display: block
	 }
	 .book_sidebar ul li.active>a[aria-expanded=true], a[aria-expanded=true] {
	 	color: #00acff;
	 	border-bottom: 1px solid #343a40
	 }
	 .book_sidebar ul li a[aria-expanded=false]::before, .book_sidebar ul li a[aria-expanded=true]::before {
	 	content: "";
	 	font-family: "Font Awesome 5 Free";
	 	color: #afb3b6;
	 	font-size: 16px;
	 	font-weight: 900;
	 	position: absolute;
	 	top: 13px;
	 	right: 10px;
	 	transform: rotate(0deg);
	 	transition: .4s
	 }
	 .book_sidebar ul li a[aria-expanded=true]::before {
	 	transform: rotate(180deg)
	 }
	 .book_sidebar ul ul {
	 	padding-left: 5px
	 }
	 .book_pages li {
	 	display: inline-flex;
	 	padding: 10px 5px
	 }
	 .book_pages li a {
	 	border: 1px solid #00acff;
	 	color: #fff;
	 	background: #00acff;
	 	transition: .4s;
	 	border-radius: 10px;
	 	text-align: center;
	 	padding: 5px 0!important;
	 	width: 60px;
	 	font-size: 17px
	 }
	 .book_pages li>a:hover {
	 	border: 1px solid #4dbd44;
	 	color: #fff;
	 	background: #4dbd44;
	 	transition: .4s
	 }
	 .btn-gold {
	 	background: #00acff;
	 	color: #fff;
	 	font-weight: 500;
	 	border-radius: 10px
	 }
	 .btn-gold:hover {
	 	background: #4dbd44;
	 	color: #fff;
	 	transition: .4s
	 }
	 .btn-small {
	 	padding: 5px 15px;
	 	font-size: 16px
	 }
	 .btn-medium {
	 	padding: 9px 30px;
	 	font-size: 18px
	 }
	 .btn-large {
	 	padding: 14px 40px;
	 	font-size: 20px
	 }
	 .btnSearch {
	 	margin: 4% 3% 4% 0
	 }
	 .btnSearch2 {
	 	margin: 4% 0 2%
	 }
	 .inputSearch {
	 	background-color: #494e54;
	 	border-radius: 10px;
	 	height: 40px;
	 	font-size: 18px;
	 	font-weight: 400;
		border: none;
	 	color: #e9ecef
	 }
	 .gsc-input {
	 	background-color: #494e54;
	 	border-radius: 10px;
	 	height: 40px;
	 	font-size: 18px;
	 	font-weight: 400;
		padding-left: 5px !important;
	 	color: #e9ecef
	 }
	 .gsc-richsnippet-showsnippet-label{
		display: none;
	 }
	.gsc-input-box{
		border-top-left-radius: 10px !important;
		border-bottom-left-radius: 10px !important;
	}
	.inputSearch input[type=text]::-webkit-input-placeholder,
	.gsc-input input[type=text]::-webkit-input-placeholder	 {
	 	color: #e9ecef;
	 	font-size: 18px;
	 	font-weight: 400
	 }
	 .inputSearch input[type=text]::-moz-placeholder,
	 .gsc-input input[type=text]::-moz-placeholder	 {
	 	color: #e9ecef;
	 	font-size: 18px;
	 	font-weight: 400
	 }
	.inputSearch input[type=text]:-moz-placeholder,
    .gsc-input input[type=text]:-moz-placeholder	 {
	 	color: #e9ecef;
	 	font-size: 18px;
	 	font-weight: 400
	 }
	 .inputSearch input[type=text]:-ms-input-placeholder,
	 .gsc-input input[type=text]:-ms-input-placeholder	 {
	 	color: #e9ecef;
	 	font-size: 18px;
	 	font-weight: 400
	 }
	 input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
		border-color: #494e54 !important;
	}
	.gsc-input-box {
		border: 1px solid #494e54 !important;
		background: #494e54 !important;
	}
	.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
		border-color: #494e54 !important;
		background-color: #494e54 !important;
		background-image: none;
		filter: none;
	}
	.gsc-search-button-v2 {
		font-size: 0;
		margin-left: -7px !important;
		margin-right: 9px !important;
		padding: 14px 16px !important;
		width: auto;
		vertical-align: middle;
		border: 1px solid #000 !important;
		border-radius: 0 !important;
		border-top-right-radius: 10px !important;
		border-bottom-right-radius: 10px !important;
		margin-top: 0px !important;
		border-color: #494e54 !important;
		background-color: #494e54 !important;
		background-image: linear-gradient(top, #333, #333);
	}
	#___gcse_1,
	#___gcse_0{
		margin-top: 10px;
	}
	#___gcse_0{
		margin-left: 10px; 
	}
	.gsc-search-button-v2 svg {
		fill: #afb3b6 !important;
		width: 17px;
		height: 17px;
	}
	.gsst_a .gscb_a {
		color: #afb3b6 !important;
		cursor: pointer;
	}
	 .btn-navmenu-bars {
	 	position: absolute;
	 	z-index: 99
	 }
	 .btn-navmenu-bars button {
	 	opacity: .8;
	 	margin-left: 15px
	 }
	 .form-control:focus {
	 	border-color: transparent;
	 	box-shadow: none
	 }
	 .crumbs a {
	 	color: #000;
	 	font-size: 18px;
	 	font-weight: 400
	 }
	 .crumbs a:hover {
	 	color: #4dbd44
	 }
	 .crumbs span {
	 	color: #00acff;
	 	font-size: 18px;
	 	font-weight: 300
	 }
	 .crumbs span:last-child {
	 	color: #00acff;
	 	font-size: 18px;
	 	font-weight: 400
	 }
	 *, html, body {
	 	padding: 0;
	 	margin: 0;
	 	border: 0
	 }
	 body {
	 	font-family: "Roboto", sans-serif;
	 	background: url(/cms/Main/images/bg.png) repeat
	 }
	 a:focus, a:hover {
	 	text-decoration: none
	 }
	 h1, h2 {
	 	color: #000;
	 	font-size: 32px;
	 	font-weight: 700;
	 	text-transform: uppercase;
	 	text-align: center;
	 	margin: 0
	 }
	 h2 {
	 	font-size: 26px
	 }
	 hr {
	 	width: 100px;
	 	border: none;
	 	height: 2px;
	 	background: #00acff;
	 	margin: 20px auto
	 }
	 #wrap {
	 	margin-top: 10px
	 }
	 .header-menu-up {
	 	background: #fff;
	 	padding-top: 2%
	 }
	 .wrap-index {
	 	background: #fff;
	 	padding-top: 2%;
	 	min-height: 100vh
	 }
	 #popular_book, #gallery {
	 	padding: 40px 0;
	 	background: #f6f6f6
	 }
	 #gallery {
	 	margin: 10px 0
	 }
	 #subscribe {
	 	padding: 10px 0
	 }
	 .subscribe>span {
	 	color: #000;
	 	font-size: 18px;
	 	font-weight: 400
	 }
	 .social_share {
	 	width: 43px;
	 	height: 43px
	 }
	 .subscribe {
	 	margin-bottom: 20px
	 }
	 .social_share>span {
	 	font-size: 18px
	 }
	 .social_share:hover, .social_share:focus, .social_share:focus-visible, .social_share.focus {
	 	color: #fff;
	 	outline: none
	 }
	 .book {
	 	padding: 20px 0 15px;
	 	min-height: 265px
	 }
	 .book2 {
	 	min-height: auto
	 }
	 .book_l img {
	 	width: 100%;
	 	box-shadow: 0 0 3px 0 rgba(0, 172, 255, 0.7)
	 }
	 .book_r h3 {
	 	margin-top: 0;
	 	color: #000;
	 	font-size: 18px;
	 	font-weight: 700
	 }
	 .book_r h3>a {
	 	color: #000
	 }
	 a:hover .book {
	 	background: #4dbd44;
	 	transition: .4s;
	 }
	 .book_r div>p {
	 	color: #353535;
	 	font-size: 13.5px;
	 	font-weight: 400;
	 	margin-bottom: 2px
	 }
	 .book_r div>p>span {
	 	font-weight: 700
	 }
	 .middle_text, .middle_text_error {
	 	padding: 1% 0
	 }
	 .middle_text p {
	 	color: #000;
	 	font-size: 16px;
	 	font-weight: 400
	 }
	 .middle_text ul {
	 	padding: 0;
	 	list-style: none
	 }
	 .middle_text ul>li {
	 	padding: 6px;
	 	color: #000;
	 	font-size: 16px;
	 	font-weight: 400
	 }
	 .middle_text ul>li:before {
	 	padding-right: 14px;
	 	font-weight: 700;
	 	color: #00acff;
	 	content: "—";
	 	transition-duration: .4s
	 }
	 .middle_text_error h2 {
	 	color: #000;
	 	font-size: 20px;
	 	font-weight: 600;
	 	padding-top: 4%
	 }
	 .middle_text_error p {
	 	color: #000;
	 	font-size: 16px;
	 	font-weight: 400
	 }
	 .middle_text_error img {
	 	width: 222px;
	 	margin: 0 auto;
	 	display: block;
	 	padding: 4% 0
	 }
	 #table_menu {
	 	padding: 2% 0
	 }
	 #table_menu table {
	 	border-collapse: collapse;
	 	overflow: hidden;
	 	width: 100%
	 }
	 #table_menu td, #table_menu th {
	 	position: relative;
	 	padding: 1% 0
	 }
	 #table_menu thead th {
	 	text-align: center
	 }
	 #table_menu thead th>a {
	 	color: #010101;
	 	font-size: 17px;
	 	font-weight: 700;
	 	z-index: 11;
	 	position: relative
	 }
	 #table_menu thead th>a:hover {
	 	color: #e9ecef;
	 	transition: all .5s ease-in-out 0
	 }
	 #table_menu thead th:first-child {
	 	color: #000;
	 	font-size: 17px;
	 	font-weight: 700;
	 	text-align: center
	 }
	 #table_menu tbody td {
	 	width: 58px;
	 	height: 58px
	 }
	 #table_menu tbody td:first-child {
	 	text-align: center;
	 	min-width: 100px
	 }
	 #table_menu tbody td>span>a {
	 	color: #000;
	 	font-size: 17px;
	 	font-weight: 700;
	 	padding: 0 5px;
	 	z-index: 11;
	 	position: relative
	 }
	 #table_menu tbody td>a:before {
	 	content: "";
	 	font-family: "Font Awesome 5 Free";
	 	color: #00acff;
	 	font-size: 26px;
	 	font-weight: 900;
	 	text-align: center;
	 	display: block;
	 	position: absolute;
	 	top: calc(57% - 20px);
	 	right: calc(58% - 20px);
	 	z-index: 2
	 }
	 #table_menu tbody td:hover:after, #table_menu thead th:hover:after {
	 	content: "";
	 	position: absolute;
	 	left: 0;
	 	top: -5000px;
	 	height: 10000px;
	 	width: 100%;
	 	background: rgba(0, 172, 255, 0.6);
	 	z-index: 1
	 }
	 #table_menu tbody td:first-child:hover:after {
	 	background: none
	 }
	 #table_menu tbody tr:hover {
	 	background: rgba(0, 172, 255, 0.6)
	 }
	 #table_menu tbody td>span>a:hover, #table_menu tbody td>a:hover:before {
	 	color: #e9ecef;
	 	transition: .4s
	 }
	 #crumbs {
	 	padding-top: 1%;
	 	padding-bottom: 2%
	 }
	 #crumbs2 {
	 	padding-top: 1%;
	 	padding-bottom: 2%
	 }
	 .content_book {
	 	padding-top: 3%;
	 	padding-bottom: 3%
	 }
	 .advertisement {
	 	height: 140px
	 }
	 .input-group-book-search {
	 	width: 100%
	 }
	 .search_text_2n {
	 	display: flex;
	 	flex-flow: row wrap
	 }
	 .container-fluid-gallery {
	 	padding-right: 0;
	 	padding-left: 0
	 }
	 #imgWorkObject {
	 	padding: 40px 0
	 }
	 .bookImg img {
	 	width: 90%;
	 	height: auto;
	 	left: 5%;
	 	position: relative
	 }
	 .bookButtonsNav {
	 	position: absolute;
	 	bottom: 50%;
	 	width: 100%;
	 	left: 0;
	 	right: 0
	 }
	 .bookButtonsDots, .bookButtonsDownload {
	 	text-align: center
	 }
	 .bookButtonsDownload {
	 	padding-top: 30px
	 }
	 .bookButtonsNav ul, .bookButtonsDots ul, .bookButtonsDownload ul {
	 	list-style: none
	 }
	 .bookButtonsNav ul li:first-child {
	 	position: relative;
	 	left: 20px
	 }
	 .bookButtonsNav ul li:last-child {
	 	position: absolute;
	 	right: 20px;
	 	bottom: 10px
	 }
	 .bookButtonsNav ul li:first-child a:before {
	 	content: "";
	 	font-family: "Font Awesome 5 Free";
	 	color: #00acff;
	 	font-size: 26px;
	 	font-weight: 900
	 }
	 .bookButtonsNav ul li:last-child a:before {
	 	content: "";
	 	font-family: "Font Awesome 5 Free";
	 	color: #00acff;
	 	font-size: 26px;
	 	font-weight: 900
	 }
	 .bookButtonsDots ul li:first-child a label:before {
	 	content: "";
	 	font-family: "Font Awesome 5 Free";
	 	color: #fff;
	 	font-size: 16px;
	 	font-weight: 900;
	 	padding-right: 3px
	 }
	 .bookButtonsDots ul li:last-child a i:before {
	 	content: "";
	 	font-family: "Font Awesome 5 Free";
	 	color: #fff;
	 	font-size: 16px;
	 	font-weight: 900;
	 	padding-left: 3px
	 }
	 .bookButtonsNav ul li a:hover:before {
	 	color: #4dbd44;
	 	transition: .4s
	 }
	 .bookButtonsDownload ul li a, .bookButtonsDots ul li a {
	 	text-transform: uppercase;
	 	font-size: 16px
	 }
	 .bookButtonsDownload ul li a i:before {
	 	content: "";
	 	font-family: "Font Awesome 5 Free";
	 	color: #fff;
	 	font-size: 16px;
	 	font-weight: 900;
	 	padding-left: 3px;
	 	font-style: normal
	 }
	 .bookButtonsDots ul li {
	 	display: inline-flex
	 }
	 .bookButtonsDots {
	 	display: none
	 }
	 footer {
	 	padding: 3% 0 1%;
	 	background: #343a40
	 }
	 .footer_pages h3 {
	 	color: #00acff;
	 	font-size: 20px;
	 	font-weight: 700;
	 	text-transform: uppercase
	 }
	 .footer_pages ul, .footer_pages ol {
	 	padding: 0;
	 	list-style: none
	 }
	 .footer_pages ul>li>a {
	 	padding: 6px 0;
	 	color: #e9ecef;
	 	font-size: 18px;
	 	font-weight: 400
	 }
	 .footer_pages ul>li>a:hover, .footer_pages ol>li>a:hover {
	 	color: #4dbd44;
	 	transition: .4s
	 }
	 .footer_pages ol>li>a {
	 	padding: 6px 0;
	 	color: #e9ecef;
	 	font-size: 26px;
	 	font-weight: 400
	 }
	 .footer_pages p {
	 	color: #e9ecef;
	 	font-size: 18px;
	 	font-weight: 400;
	 	padding: 1% 0 0;
	 	line-height: 22px
	 }
	 @media only screen and (max-width: 1199px) {
	 	.img-logo-menu2 {
	 		width: 100%
	 	}
	 	#sidebar {
	 		width: 250px
	 	}
	 	.book {
	 		padding: 20px 0 15px;
	 		min-height: 270px
	 	}
	 	.book2 {
	 		min-height: auto
	 	}
	 }
	 @media only screen and (max-width: 992px) {
	 	.input-group-mob-search {
	 		width: 100%
	 	}
	 	.container {
	 		padding-right: 0;
	 		padding-left: 0
	 	}
	 	.row {
	 		margin-right: 0;
	 		margin-left: 0
	 	}
	 	.col-xs-12 {
	 		padding-right: 0;
	 		padding-left: 0
	 	}
	 	#sidebarCollapse {
	 		display: none
	 	}
	 	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 {
	 		padding-right: 5px;
	 		padding-left: 5px
	 	}
	 	.btnSearch {
	 		margin: 4% 0;
	 		padding: 0 5px
	 	}
	 }
	 @media only screen and (max-width: 991px) {
	 	.middle_text img {
	 		width: 100%;
	 		height: auto
	 	}
	 	.search_text_2n_object:nth-of-type(1) {
	 		order: 3
	 	}
	 	.search_text_2n_object:nth-of-type(2) {
	 		order: 1
	 	}
	 	.search_text_2n_object:nth-of-type(3) {
	 		order: 2
	 	}
	 	.advertisement {
	 		height: 0
	 	}
	 	.bookImg img {
	 		width: 100%;
	 		height: auto;
	 		left: 0;
	 		position: inherit
	 	}
	 	.bookButtonsDots {
	 		display: block;
	 		padding: 20px 0 10px
	 	}
	 	.bookButtonsNav, .bookButtonsDownload {
	 		display: none
	 	}
	 	label {
	 		margin-bottom: 0
	 	}
	 	.wrap-index {
	 		margin-top: -1px
	 	}
	 }
	 @media only screen and (max-width: 768px) {
	 	#sidebarCollapse {
	 		display: block
	 	}
	 	#table_menu {
	 		display: none
	 	}
	 	h1, h2 {
	 		font-size: 22px
	 	}
	 	#sidebar {
	 		width: 100%;
	 		position: inherit;
	 		height: auto;
	 		padding-top: 2.5%;
	 		padding-bottom: 1.5%
	 	}
	 	#sidebar.active {
	 		padding-bottom: 10px
	 	}
	 	.sidebarhome {
	 		display: block
	 	}
	 	.sidebar {
	 		display: none
	 	}
	 	.sidebarhome.active {
	 		display: none
	 	}
	 	.sidebar.active {
	 		display: block
	 	}
	 	.wrap-index {
	 		padding-top: 3%
	 	}
	 	#accordion .panel-title a {
	 		padding: 8px 0
	 	}
	 	#accordion .panel-title a:after, #accordion .panel-title a.collapsed:after {
	 		top: 10px
	 	}
	 	#accordion .panel-body {
	 		padding: 3px
	 	}
	 	#crumbs {
	 		padding-top: 2%;
	 		padding-bottom: 3%
	 	}
	 	.btn-medium {
	 		padding: 5px 10px;
	 		font-size: 16px
	 	}
	 	#imgWorkObject {
	 		padding: 10px 0
	 	}
	 	.subscribe>span {
	 		font-size: 24px;
	 		display: block;
	 		padding-bottom: 10px
	 	}
	 	.social_share {
	 		width: 53px;
	 		height: 53px
	 	}
	 	.social_share>span {
	 		font-size: 25px
	 	}
	 }
	 @media only screen and (max-width: 560px) {
	 	.container-fluid {
	 		padding-right: 5px;
	 		padding-left: 5px
	 	}
	 }

.headerSubtitle {
    background-color: #0080ff;
    color: white;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    border-radius: 5px;
}