/* Minification failed. Returning unminified contents.
(1946,7): run-time error CSS1034: Expected closing parenthesis, found ':'
(1946,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(1946,28): run-time error CSS1035: Expected colon, found ','
(2262,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2270,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2709,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,15): run-time error CSS1039: Token not allowed after unary operator: '-moduleTextColor'
 */
/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/

.theme-default .nivoSlider {
	position:relative;
	background:#fff url(loading.gif) no-repeat 50% 50%;
    margin-bottom:10px;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: center;
	
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:10px;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
	height:10px;
	/*--background:url(../images/bullets.png) no-repeat;--*/
	background:#7db122;
	text-indent:-9999px;
	border:0;
	margin: 0 5px;
}
.theme-default .nivo-controlNav a.active {
	/*--background-position:0 -22px;--*/
	background:#4cb1ca;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:40px;
	background:url(../images/l-r-arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}
span.stars, span.stars span {
    display: block;
    background: url(../Images/stars.png) 0 -16px repeat-x;
    width: 80px;
    height: 16px;
    float:left;
}

span.stars span {
    background-position: 0 0;
}

.backgroundshade
 {position:fixed; background:rgba(0,0,0,0.6); left:0; top:0; bottom:0; right:0; z-index:9999;display:none;
}

  .subcategory ul li {
        width:50% ;
        float:left;
    }

    .subcategory {
      font-size:10px;
      width: 100%;
      padding: 10px;
    
    }

.sendbook img {
    width: 70%;
    margin: auto;
}

.author_scrol ul li
{
   width:30%;
   float: left;
}

.titletext a
{
  color: white;
}

.title a
{
  color: white;
}

.frmlogout
{
   width:100px;
   float: right;
}

.loginfrm { 
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 6px #ccc; 
  padding:0px;
  border-radius:4px 4px 0px 0px;
  padding-bottom:20px;
  background:#fff;
}

    .loginfrm label {font-weight:200;
    }

    .loginfrm h2 i {display:none;
    }
    .ui-dialog  .loginfrm h2 i {display:block;
    }
.forget a {padding:5px 2px;
}
.memberlink{margin-top:10px;
}



.login_title {
    /*-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:4px 4px 0px 0px;
	-webkit-border-radius:4px 4px 0px 0px;
	border-radius:4px 4px 0px 0px;
	border:1px solid #dcdcdc;*/
	display:inline-block;
	cursor:pointer;
	color:#888888;
	font-family:Arial;
	font-size:24px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
    width:100%;
    text-align:center;
    margin-bottom:10px;
}

.frmbackground .editor-label {margin-top:10px;
}

.frmbackground .editor-field span {font-weight:200; font-size:14px;
}
.toptitle i {cursor:pointer;
}

.refineDiv {padding-left:0px; font-size:14px; float:left; width:100%;
}
.refineby {float:left;margin-bottom:5px;clear:left;  
}
.refineval {float:left;opacity:0.6;
            margin-bottom:5px; margin-left:5px;font-style: italic;
}
.reviewbox {padding-left:0px; border-bottom:solid 1px #ccc;
}

.btn-def {
    background: #ab916b linear-gradient(to bottom, #ab916b, #a58659) repeat scroll 0 0;
    border-radius: 4px;
    color: #ffffff;
    font-size: 14px !important;
    padding: 10px 35px;
    text-decoration: none;
}
.btn-def:hover {
    background: #a58659 linear-gradient(to bottom, #a58659, #ab916b) repeat scroll 0 0;
    text-decoration: none;
}
.pull-right {
    float: right!important;
}
textarea
{
  width:450px;
}

.hide {
    display: none !important;
}
/* Division Page CSS */
.hero {
  overflow: hidden;
}
.hero h1:first-child {
  font-weight: 700;
  margin: 0.5rem 0rem;
}
.hero h1:last-child {
  color: #0f445b;
  text-transform: uppercase;
  font-size: 2.1rem;
  margin-bottom: 1rem;
  font-weight: 600;
}
.hero img {
  max-width: 100%;
  object-fit: cover;
}
.refine-by-language {
  background-color: #fff;
  padding: 1rem 0rem 1rem 1rem;
  height: fit-content;
}
.refine-by-language h2 {
  margin-bottom: 10px;
  margin-right: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.refine-by-language h2 img,
.checkbox-container img {
  width: 25px;
  height: 25px;
  object-fit: cover;
  vertical-align: middle;
  margin-left: 0.4rem;
  cursor: pointer;
  display: none;
}
.checkbox-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  flex-direction: column;
  max-height: 70vh;
  overflow-y: auto;
  transition: all 0.3s;
}
.refine-by-language.active .checkbox-container {
  position: fixed;
  padding: 1rem 2rem;
  max-height: unset;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  background-color: #fff;
  z-index: 9999999;
}
.refine-by-language.active h2 img,
.refine-by-language.active .checkbox-container img {
  display: inline-block;
}
.checkbox-container img {
  width: 20px;
  height: 20px;
  margin-left: 0;
  position: fixed;
  right: 2rem;
  z-index: 1;
}
.checkbox-container label {
  display: flex;
  align-items: center;
}
.checkbox-container input[type="checkbox"] {
  margin-right: 5px;
}
.book-list {
  flex: 2;
}
.card-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, 250px);
  gap: 1rem;
  justify-content: space-evenly;
}
.card {
  background-color: #fff;
  box-shadow: 0 2px 5px #0000001a;
  border-radius: 5px;
  padding: 1rem 1.5rem;
}
.card img {
  max-height: 375px;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.card-actions{display:flex;justify-content:space-around;margin-top:10px}.card-actions a{border:none;background-color:#f6f4f4;padding:.5rem;width:35px;height:35px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.card-actions a img{width:100%;height:auto;object-fit:cover;vertical-align:middle}.card-actions a:hover{opacity:.8}.pagination{display:flex;justify-content:center;align-items:center;margin-top:1.2rem;margin-right:1.5rem;float:right}.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.2rem;
  margin-right: 1.5rem;
  float: right;
}
.pagination button {
  border: none;
  padding: 5px 10px;
  background-color: transparent;
  color: #000;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.pagination button img {
  vertical-align: middle;
  width: 12px;
  height: auto;
  object-fit: cover;
}
.pagination button.active {
  background-color: #ccc;
}
.pagination button:hover {
  opacity: 0.8;
}
.text-center {
  text-align: center;
}
@media only screen and (max-width: 1000px) {
  .container {
    flex-direction: column;
  }
  .refine-by-language,
  .book-list {
    flex: unset;
    width: 100%;
  }
  .refine-by-language h2 img {
    float: right;
    display: block;
  }
  .card-container {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
  .checkbox-container {
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 0px;
  }
}
@media only screen and (max-width: 740px) {
  .hero h1:last-child {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 550px) {
  .hero h1,
  .hero h1:last-child {
    font-size: 1.5rem;
  }
  .container {
    padding: 1rem 1.5rem;
  }
}
/* Devision Page End */
.donation-heading {margin-top: 1rem;
    font-weight: 400;
    font-style: italic;
    font-size:2em;
}
.container2 {
  text-align: center;
  margin-top: 2.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-right: 2rem;
}
.title2 {
  font-size: 3rem;
  color: #235b74;
  font-weight: 700;
  text-transform: uppercase;
}
.subtitle2 {
  font-size: 24px;
  margin-bottom: 30px;
  color: #333;
}
.button {
  display: inline-block;
  background-color: #005a9c;
  color: #fff;
  padding: 10px 30px;
  border-radius: 5px;
  text-decoration: none;
  margin-right: 20px;
  font-size: 20px;
}
.button:hover {
  background-color: #003d66;
}
.handwritten {
  font-size: 1.7rem;
  font-weight: 600;
  margin: 2rem;
}
.upload-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.upload-container p {
  font-size: 2rem;
  font-weight: 600;
}
.upload-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
}
.upload-label {
  font-size: 1.7rem;
  margin-bottom: 1.5rem;
}
.upload-button label {
  width: 70px;
  height: 70px;
  cursor: pointer;
}
.upload-button label img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#file-chosen {
  margin-left: 0.3rem;
  font-family: sans-serif;
}
.upload-details {
  margin-top: 30px;
  margin-bottom: 1rem;
  font-size: 1.7rem;
}
.image-container {
  flex-basis: 50%;
}
.email {
  width: 75px;
  height: 75px;
}
.email img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image {
  width: 100%;
}
.content {
  flex-grow: 1;
}
.text-center {
  text-align: center;
}

.container-combinedGutka {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    max-width: 1920px;
    margin: 0 auto;
    padding: 2rem 3rem;
    background-color: #f9f9f9
}

.hero {
    overflow: hidden
}

.hero h1:first-child {
    font-weight: 700;
    margin: .5rem 0rem
}

.hero h1:last-child {
    color: #0f445b;
    text-transform: uppercase;
    font-size: 2.1rem;
    margin-bottom: 1rem;
    font-weight: 600
}

.hero img {
    object-fit: cover
}

.refine-by-language {
    background-color: #fff;
    padding: 1rem 0rem 1rem 1rem;
    height: fit-content
}

.refine-by-language h2 {
    margin-bottom: 10px;
    margin-right: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.refine-by-language h2 img,
.checkbox-container img {
    width: 25px;
    height: 25px;
    object-fit: cover;
    vertical-align: middle;
    margin-left: .4rem;
    cursor: pointer;
    display: none
}

.checkbox-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    flex-direction: column;
    max-height: 70vh;
    overflow-y: auto;
    transition: all .3s
}

.refine-by-language.active .checkbox-container {
    position: fixed;
    padding: 1rem 2rem;
    max-height: unset;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    background-color: #fff;
    z-index: 9999999
}

.refine-by-language.active h2 img,
.refine-by-language.active .checkbox-container img {
    display: inline-block
}

.checkbox-container img {
    width: 20px;
    height: 20px;
    margin-left: 0;
    position: fixed;
    right: 2rem;
    z-index: 1
}

.checkbox-container label {
    display: flex;
    align-items: center
}

.checkbox-container input[type=checkbox] {
    margin-right: 5px
}

.book-list {
    flex: 2
}

.card-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, 250px);
    gap: 1rem;
    justify-content: space-evenly
}

.card {
    background-color: #fff;
    box-shadow: 0 2px 5px #0000001a;
    border-radius: 5px;
    padding: 1rem 1.5rem !important;
}

.card-info{
    padding: 10px;
    position: absolute;
    transform: scale(0.80);
    background: #808080;
    color: #fff;
    height: 2.5em;
    transition: all 0.5s;
    font-weight: 600;
    text-transform: uppercase;
    opacity: 0;
}

.card a:hover ~ .card-info {
    opacity: 1;
}

.card a:active {
    transform: scale(0.98);
}

.card a:active ~ .card-info {
    content: "Added !";
    height: 3.125em;
}

.card img {
    max-height: 375px;
    width: 100%;
    height: auto;
    object-fit: cover
}

.card-actions {
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
	width:100%;
}

.card-actions a {
    border: none;
    background-color: #f6f4f4;
    padding: .5rem;
    width: 35px;
    height: 35px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease-in-out
}

.card-actions a img {
    width: 100%;
    height: auto;
    object-fit: cover;
    vertical-align: middle
}

.card-actions a:hover {
    opacity: .8
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.2rem;
    margin-right: 1.5rem;
    float: right
}

.pagination button {
    border: none;
    padding: 5px 10px;
    background-color: transparent;
    color: #000;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.pagination button img {
    vertical-align: middle;
    width: 12px;
    height: auto;
    object-fit: cover
}

.pagination button.active {
    background-color: #ccc
}

.pagination button:hover {
    opacity: .8
}

.text-center {
    text-align: center
}

@media only screen and (max-width: 1000px) {
    .container {
        flex-direction: column
    }

    .refine-by-language,
    .book-list {
        flex: unset;
        width: 100%
    }

    .refine-by-language h2 img {
        float: right;
        display: block
    }

    .card-container {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))
    }

    .checkbox-container {
        position: fixed;
        width: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 0px
    }
}

@media only screen and (max-width: 740px) {
    .hero h1:last-child {
        font-size: 2rem
    }
}

@media only screen and (max-width: 550px) {

    .hero h1,
    .hero h1:last-child {
        font-size: 1.5rem
    }

    .container {
        padding: 1rem 1.5rem
    }
}

@media only screen and (max-width: 1000px) {
  .container {
    flex-direction: column;
    align-items: center;
    margin-right: 0rem;
  }
  .image-container {
    flex-basis: 100%;
  }
  .handwritten {
    margin-top: 0;
  }
}




.sky-form .input,
.sky-form .select,
.sky-form .textarea,
.sky-form .radio,
.sky-form .checkbox,
.sky-form .toggle,
.sky-form .button {
	position: relative;
	display: block;
}
.sky-form .input input,
.sky-form .select select,
.sky-form .textarea textarea {
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	height: 39px;
	outline: none;
	border-width: 2px;
	border-style: solid;
	border-radius: 0;
	background:none;
	border:2px solid #fff;
	font-family: 'Exo 2', sans-serif;
	font-size:0.85em;
	color:#78E3FD;
	appearance: normal;
	-moz-appearance: none;
	-webkit-appearance: none;
}
/**/
/* file inputs */
/**/
.sky-form .input-file .button {
	position: absolute;
	top: 4px;
	right: 4px;
	float: none;
	height: 31px;
	margin: 0;
	padding: 0 20px;
	font-size: 13px;
	line-height: 31px;
}
.sky-form .input-file .button:hover {
	box-shadow: none;
}
.sky-form .input-file .button input {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	font-size: 30px;
	cursor: pointer;
	opacity: 0;
}
/**/
/* selects */
/**/
/*--.sky-form .select i {
	position: absolute;
top:14px;
right: 14px;
width:14px;
height:14px;
background: url(../images/arrow.png)no-repeat;

}--*/




































.sky-form .label {
	display: block;
	margin-bottom: 6px;
	line-height: 19px;
}
.w_sidebar h3{
	padding:0 20px 10px;
	font-size: 1em;
	color: #555555;
	text-transform:uppercase;
}
/* radios and checkboxes */
.sky-form {
	/*--margin-top: -10px;--*/
}
.row1{
	outline:none;
	padding: 20px;
	overflow: auto;
	height: 200px;
}
.sky-form h4{
	color: #555;
font-size: 1.1em;
padding: 6px 10px;
background: #F7F7F7;

border: 1px solid #E6E6E6;
text-transform: uppercase;
}
.sky-form section {
	/*--margin-bottom: 20px;--*/
}
.sky-form .label {
	display: block;
	margin-bottom: 6px;
	line-height: 19px;
}
.sky-form .label.col {
	margin: 0;
	padding-top: 10px;
}
.sky-form .input,
.sky-form .select,
.sky-form .textarea,
.sky-form .radio,
.sky-form .checkbox,
.sky-form .toggle,
.sky-form .button {
	position: relative;
	display: block;
}
/* selects */
.sky-form .select i {
	position: absolute;
	top: 14px;
	right: 14px;
	width:10px;
	height: 11px;
	background: #FFF;
	box-shadow: 0 0 0 12px #FFF;
}
.sky-form .select i:after,
.sky-form .select i:before {
	content: '';
	position: absolute;
	right: 0;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.sky-form .select i:after {
	bottom: 0;
	border-top: 4px solid #404040;
}
.sky-form .select i:before {
	top: 0;
	border-bottom: 4px solid #404040;
}
.sky-form .select-multiple select {
	height: auto;
}
/* radios and checkboxes */
.sky-form .radio,.sky-form .checkbox {
	outline:none;
	border:none;
	margin-bottom: 4px;
	padding-left: 27px;
	font-size: 13px;
	line-height: 27px;
	color: #555555;
	cursor: pointer;
	text-transform: capitalize;
}
.sky-form .radio{
	text-transform: none;
}
.sky-form .radio:last-child,
.sky-form .checkbox:last-child {
	margin-bottom: 0;
}
.sky-form .radio input,
.sky-form .checkbox input {
	position: absolute;
	left: -9999px;
}
.sky-form .radio i,
.sky-form .checkbox i {
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	width: 13px;
	height: 13px;
	outline: none;
	border-width: 2px;
	border-style: solid;
	background: #fff;
}
.sky-form .radio i {
	border-radius: 50%;
}
.sky-form .radio input + i:after,
.sky-form .checkbox input + i:after {
	position: absolute;
	opacity: 0;
	transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-webkit-transition: opacity 0.1s;
}
.sky-form .radio input + i:after {
	content: '';
	top: 4px;
	left: 4px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
}

.sky-form .radio input:checked + i:after,
.sky-form .checkbox input:checked + i:after {
	opacity: 1;
}
.sky-form .inline-group {
	margin: 0 -30px -4px 0;
}
.sky-form .inline-group:after {
	content: '';
	display: table;
	clear: both;
}
.sky-form .inline-group .radio,
.sky-form .inline-group .checkbox {
	float: left;
	margin-right: 30px;
}
.sky-form .inline-group .radio:last-child,
.sky-form .inline-group .checkbox:last-child {
	margin-bottom: 4px;
}
.sky-form .checkbox input + i:after {
content: '\f00c';
top: 0px;
left: -2px;
width: 15px;
height: 15px;
background: url(../images/b-arrow.png);
text-align: center;
}
.sky-form .checkbox input + i:after {
color: #2DA5DA;
}
/* icons */
@font-face
{
	font-family: 'FontAwesome';
	src: url('../icons/fontawesome-webfont.eot?v=3.0.1');
	src: url('../icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
	url('../icons/fontawesome-webfont.woff?v=3.0.1') format('woff'),
	url('../icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
	font-weight: normal;
	font-style: normal;
}
.sky-form [class^="icon-"] {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
/* normal state */
.sky-form .input input,
.sky-form .select select,
.sky-form .textarea textarea,
.sky-form .radio i,
/*.sky-form .checkbox i,--*/
.sky-form .toggle i,
.sky-form .icon-append,
.sky-form .icon-prepend {
	border-color: #fff;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
}
.sky-form .checkbox i{
	border-color:#E5E5E5;
}
.sky-form .toggle i:before {
	background-color: #2da5da;	
}
/* hover state */
.sky-form .input:hover input,
.sky-form .select:hover select,
.sky-form .textarea:hover textarea,
.sky-form .radio:hover i,
/*--.sky-form .checkbox:hover i,--*/
.sky-form .toggle:hover i {
	border-color:#C0F3FF;
}
.sky-form .button:hover {
	opacity: 1;
}
/* focus state */
.sky-form .input input:focus,
.sky-form .select select:focus,
.sky-form .textarea textarea:focus,
.sky-form .radio input:focus + i,
.sky-form .checkbox input:focus + i,
.sky-form .toggle input:focus + i {
	border-color:#C0F3FF;
}
/* checked state */
.sky-form .radio input + i:after {
	background-color: #2da5da;	
}
.sky-form .checkbox input + i:after {
	color: #2da5da;
}
.sky-form .radio input:checked + i,
.sky-form .checkbox input:checked + i,
.sky-form .toggle input:checked + i {
	border-color: #2da5da;	
}
/* error state */
.sky-form .state-error input,
.sky-form .state-error select,
.sky-form .state-error textarea,
.sky-form .radio.state-error i,
.sky-form .checkbox.state-error i,
.sky-form .toggle.state-error i {
	background: #fff0f0;
}
/* success state */
.sky-form .state-success input,
.sky-form .state-success select,
.sky-form .state-success textarea,
.sky-form .radio.state-success i,
.sky-form .checkbox.state-success i,
.sky-form .toggle.state-success i {
	background: #f0fff0;
}
/* disabled state */
.sky-form .input.state-disabled input,
.sky-form .select.state-disabled,
.sky-form .textarea.state-disabled,
.sky-form .radio.state-disabled,
.sky-form .checkbox.state-disabled,
.sky-form .toggle.state-disabled,
.sky-form .button.state-disabled {
	cursor: default;
	opacity: 0.5;
}
.sky-form .input.state-disabled:hover input,
.sky-form .select.state-disabled:hover select,
.sky-form .textarea.state-disabled:hover textarea,
.sky-form .radio.state-disabled:hover i,
.sky-form .checkbox.state-disabled:hover i,
.sky-form .toggle.state-disabled:hover i {
	border-color: #e5e5e5;
}
/*-- start scrollpane --*/
.jspContainer{
	overflow: hidden;
	position: relative;
}
.jspPane{
	position: absolute;
	outline: none;
}
.jspVerticalBar{
	position: absolute;
	top: 0;
	right:40px;
	width:3px;
	height: 100%;
}
.jspHorizontalBar{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}
.jspCap{
	display: none;
}
.jspHorizontalBar .jspCap{
	float: left;
}
.jspTrack{
	background: #f0f0f0;
	position: relative;
}
.jspDrag{
	background: #777777;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{
	float: left;
	height: 100%;
}
.jspArrow{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}
.jspArrow.jspDisabled{
	cursor: default;
	background: #80808d;
}
.jspVerticalBar .jspArrow{
	height: 16px;
}
.jspHorizontalBar .jspArrow{
	width: 16px;
	float: left;
	height: 100%;
}
.jspVerticalBar .jspArrow:focus{
	outline: none;
}
.jspCorner{
	background: #eeeef4;
	float: left;
	height: 100%;
}
@media (max-width:768px){
.row1{
	width:700px !important;
}
}
@media (max-width:640px){
.row1{
	width:600px !important;
}
}
@media (max-width:480px){
.row1{
	width:300px !important;
}
}
@media (max-width:320px){
.row1{
	width:120px !important;
}
}
.share {
    
}

.share-affix {
    position: fixed;
    top:50px;
    left:0px;
}

.share-icon {
    background-repeat: no-repeat;
    background-image:url('../Images/social-icons.png');
    height:40px;
    width:40px;
    display: inline-block;
    text-indent: -99999px;
    margin:2px;
    opacity: .9;
    filter:Alpha(Opacity=90);
}

.share-icon:hover {
    opacity: 1;
    filter:Alpha(Opacity=100);
}

.share-icon-digg {
    background-position: -526px 0;
}
.share-icon-email {
    background-position: -614px 0;
}
.share-icon-flickr {
    background-position: -261px 0;
}
.share-icon-foursquare {
    background-position: 0 0;
}
.share-icon-rss {
    background-position: -305px 0;
}
.share-icon-facebook {
    background-position: -131px 0;
}
.share-icon-twitter {
    background-position: -174px 0;
}
.share-icon-tumblr {
    background-position: -87px 0;
}
.share-icon-linkedin {
    background-position: -438px 0;
}
.share-icon-vimeo {
    background-position: -393px 0;
}
.share-icon-instagram {
    background-position: -44px 0;
}
.share-icon-pinterest {
    background-position: -349px 0;
}
.share-icon-googleplus {
    background-position: -218px 0;
}
.share-icon-in1 {
    background-position: -482px 0;
}
.share-icon-stumbleupon {
    background-position: -570px 0;
}

/**a.behance, a.delicious, a.deviantart, a.digg, a.dribbble, a.facebook, a.flickr, a.forrst, a.foursquare, a.googleplus, a.in1, a.instagram, a.lastfm, a.linkedin, a.pinterest, a.rss, a.skype, a.tumblr, a.twitter, a.vimeo, a.youtube {*/
.share-square {
    -moz-transition: all 0.2s linear 0s;
    background: url("../Images/social-icons.png") no-repeat scroll left top transparent;
    display: inline-block;
    height: 32px;
    line-height: 0;
    margin: 2px;
    width: 32px;
}
.share-square-behance {
    background-position: -544px -44px;
}
.share-square-behance:hover {
    background-position: -544px -77px;
}
.share-square-delicious {
    background-position: -512px -44px;
}
.share-square-delicious:hover {
    background-position: -512px -77px;
}
.share-square-deviantart {
    background-position: -480px -44px;
}
.share-square-deviantart:hover {
    background-position: -480px -77px;
}
.share-square-digg {
    background-position: -448px -44px;
}
.share-square-digg:hover {
    background-position: -448px -77px;
}
.share-square-dribbble {
    background-position: -416px -44px;
}
.share-square-dribbble:hover {
    background-position: -416px -77px;
}
.share-square-email {
    background-position: -674px -44px;
}
.share-square-email:hover {
    background-position: -674px -77px;
}
.share-square-facebook {
    background-position: -384px -44px;
}
.share-square-facebook:hover {
    background-position: -384px -77px;
}
.share-square-flickr {
    background-position: -352px -44px;
}
.share-square-flickr:hover {
    background-position: -352px -77px;
}
.share-square-forrst {
    background-position: -320px -44px;
}
.share-square-forrst:hover {
    background-position: -320px -77px;
}
.share-square-googleplus {
    background-position: -288px -44px;
}
.share-square-googleplus:hover {
    background-position: -288px -77px;
}
.share-square-in1 {
    background-position: -576px -44px;
}
.share-square-in1:hover {
    background-position: -576px -77px;
}
.share-square-instagram {
    background-position: -608px -44px;
}
.share-square-instagram:hover {
    background-position: -608px -77px;
}
.share-square-lastfm {
    background-position: -256px -44px;
}
.share-square-lastfm:hover {
    background-position: -256px -77px;
}
.share-square-linkedin {
    background-position: -224px -44px;
}
.share-square-linkedin:hover {
    background-position: -224px -77px;
}
.share-square-pinterest {
    background-position: -192px -44px;
}
.share-square-pinterest:hover {
    background-position: -192px -77px;
}
.share-square-rss {
    background-position: -160px -44px;
}
.share-square-rss:hover {
    background-position: -160px -77px;
}
.share-square-skype {
    background-position: -128px -44px;
}
.share-square-skype:hover {
    background-position: -128px -77px;
}
.share-square-stumbleupon {
    background-position: -640px -44px;
}
.share-square-stumbleupon:hover {
    background-position: -640px -77px;
}
.share-square-tumblr {
    background-position: -96px -44px;
}
.share-square-tumblr:hover {
    background-position: -96px -77px;
}
.share-square-twitter {
    background-position: -64px -44px;
}
.share-square-twitter:hover {
    background-position: -64px -77px;
}
.share-square-vimeo {
    background-position: -32px -44px;
}
.share-square-vimeo:hover {
    background-position: -32px -77px;
}
.share-square-youtube {
    background-position: 0 -44px;
}
.share-square-youtube:hover {
    background-position: 0 -77px;
}



/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/ 

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
    margin: 0;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;
}
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/* End of Gallery*/

/* slider actions */
.lSAction > a {
    width: 32px;
    display: block;
    top: 33%;
    height: 32px;
    background-image: url('../Images/controls.png');
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > .lSPrev {
    background-position: 0 0;
    left: 0px;
}
.lSAction > .lSNext {
    background-position: -32px 0;
    right: 0px;
}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.megamenu{margin-bottom:0px;padding:0;width:100%;list-style:none;display:inline-block;position:relative;font-size:15px; float:left;}
.megamenu li{margin-bottom:0px;display:inline; float:left;}
.megamenu>li>a{float:left;padding:10px 15px;text-decoration:none;text-transform:uppercase;font-size:1em; -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
    font-weight:700;
}
    .megamenu > li > a:hover {color:#4cb1ca ;
    }
.megamenu>li.active>a{color:#00405d;}
.megamenu>li.right{float:right}
.megamenu .dropdown,.megamenu .dropdown li .dropdown{list-style:none;margin:0;padding:0;display:none;position:absolute;z-index:999;width:160px;border:solid 1px rgba(0,0,0,0.1);background:#fff}
.megamenu .dropdown{top:59px}
.megamenu .dropdown li .dropdown{left:160px;top:inherit}
.megamenu .dropdown li{clear:both;width:100%;border-bottom:solid 1px rgba(0,0,0,0.1)}
.megamenu .dropdown li:last-child{border-bottom:0}
.megamenu .dropdown li a{float:left;width:100%;padding:10px 25px;text-decoration:none;display:block;border:0 none;font-size:14px;color:#444;background:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:color .4s ease-in-out;-moz-transition:color .4s ease-in-out;-webkit-transition:color .4s ease-in-out;-o-transition:color .4s ease-in-out}
.megamenu .dropdown li:hover>a{background:#dbdbdb}
.megamenu>li>.megapanel{position:absolute;display:none;background:#ffffff;box-shadow: 0px 2px 4px #aaa; z-index:9999999 !important;
top:36px; opacity:1;left:10%;z-index:99;padding:20px 10px 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.megamenu .megapanel ul{margin:0;padding:0; margin-bottom:10px;}
.megamenu .megapanel img{width:100%;border:solid 1px #dedede;cursor:pointer;-webkit-transition:border .3s linear;-moz-transition:border .3s linear;-o-transition:border .3s linear;transition:border .3s linear}.megamenu .megapanel img:hover{border:solid 1px #777}.megamenu form.contact input,.megamenu form.contact textarea{font-family:Calibri,Arial;font-size:16px;color:#444;outline:0}
.megamenu form.contact input[type="text"],
.megamenu form.contact textarea{resize:none;width:100%;margin:10px 0;padding:5px 10px;border:solid 1px #dedede;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border .3s linear;-moz-transition:border .3s linear;-o-transition:border .3s linear;transition:border .3s linear}
.megamenu form.contact input[type="text"]{height:40px}
.megamenu form.contact input[type="text"]:focus,
.megamenu form.contact textarea:focus{border:solid 1px #999}
.megamenu form.contact input[type="submit"]{width:100px;height:35px;border:0;color:#fff;cursor:pointer;background:#999}
.megapanel .row{width:100%;margin-top:15px}
.megapanel .row:first-child{margin-top:0}
.megapanel .row:before,.megapanel .row:after{display:table;content:"";line-height:0}
.megapanel .row:after{clear:both}
.megapanel .row .col1,.megapanel .row .col2,.megapanel .row .col3,.megapanel .row .col4,.megapanel .row .col5,.megapanel .row .col6{display:block;width:100%;min-height:20px;float:left;margin-left:2.127659574468085%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.megapanel .row [class*="col"]:first-child{margin-left:0}
.megapanel .row .col1{width:48.893617021276595%}
.megapanel .row .col2{width:31.914893617021278%}
.megapanel .row .col3{width:48.93617021276595%}
.megapanel .row .col4{width:65.95744680851064%}
.megapanel .row .col5{width:82.97872340425532%}
.megapanel .row .col6{width:100%}
.megamenu>li.showhide{
	display:none;width:40px;height:40px;cursor:pointer;color:#555;float:right; font-size:0px;
	background:url
	(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmRiZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    }
.megamenu>li.showhide span.title{margin:12px 0 0 15px;float:left}.megamenu>li.showhide span.icon1:after{position:absolute;content:"";right:10px;top:8px;height:25px;width:25px;font-size:50px;z-index:1; background:url('../Images/menu.png');}
.megamenu>li.showhide span.icon2:after{
    position:absolute;content:"";right:15px;top:22px;height:3px;width:25px;font-size:50px;z-index:1}

.skyblue li>a,.skyblue>li.showhide span{color:#fff;}
.menu-shadow .skyblue li > a {text-shadow:0px 0.5px; font-size:13px;
}
.megapanel a {text-shadow:none !important;
}
.skyblue>li:hover>a,.skyblue .dropdown li:hover>a{color:#fff; background:#287394;}
.skyblue .megapanel img:hover,.skyblue form.contact input[type="text"]:focus,.skyblue form.contact textarea:focus{}
.skyblue form.contact input[type="submit"]{background:#00405d;text-transform:uppercase;}

.megapanel .author-menu ul li {width:30%; margin-left:3%; float:left;
}

.megapanel .author-menu ul li a {width:auto; padding:6px 5px; cursor:pointer; line-height:23px; float:left; color:#000;
}


.author-menu {overflow-x:hidden; overflow:auto;height:350px;
}

@media (max-width:768px){
	.megamenu>li{display:block;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
	.megamenu>li:hover,.megamenu>li.active{border-top:0}
	.megamenu>li>a{padding:15px 25px}
	.megamenu>li:hover>a,.megamenu>li.active>a{padding:15px 25px}
	.megamenu a{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
	.megamenu .dropdown,.megamenu .dropdown li .dropdown{width:100%;display:none;left:0;border-left:0;position:static;border:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
	.megamenu .dropdown li{background:#fff!important;border:0}
	.megamenu .dropdown>li>a{padding-left:40px!important}
	.megamenu>li>.megapanel{position:static;margin-top:5px;float:left;}
    .megapanel-book {
   float:left;
    width: 100% !important;
}
	.megapanel .row [class*="col"]{float:none;display:block;width:100%;margin-left:0;margin-top:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	.megapanel .row:first-child [class*="col"]:first-child{margin-top:0}
	.megapanel .row{margin-top:0}.black{background:#222}
    .megapanel-kirtant {width:100%;
    }
   
	}

@media screen and (min-width:768px) and (max-width:1920px) {
     .megapanel-book {width:700px; margin-left:-37%;
    }
    .megapanel-author {width:900px; margin-left:-45%;
    }
    .megapanel-kirtant {margin-left:105px;
    }
    .megapanel-author li a {display:inline; float:none; width:auto;
    }
    .megapanel-author li span {display:inline; color:#333; opacity:0.5;
    }
}

@media (max-width:1366px){
	.megamenu>li>.megapanel {
		top:40px;
	}
}
@media (max-width:1280px){
	.megamenu>li>.megapanel {
		top:56px;
	}

   

    .megapanel-book {
    }
   
}
@media (max-width:1024px){
	.megamenu>li>.megapanel {
		top:75px;
	}
}
@media (max-width:800px){
	.megamenu>li>.megapanel {
		top:112px;
	}
}
/*--
@media (max-width:1280px){
	.megamenu>li>.megapanel {
		top: 63px;
	}
}
@media (max-width:1024px){
	.megamenu>li>a {
		padding: 8px 5px;
	}
	.megamenu>li>.megapanel {
		top:58px;
	}
	.h_nav h4 {
		font-size: 1.1em;
	}
}
@media (max-width:800px){
	.megamenu>li>a {
		padding: 8px 10px;
	}
	.megamenu>li>.megapanel {
		top:89px;
	}
}

@media (max-width:640px){
	.megamenu>li.showhie {
		color:#fff;
	}
	.skyblue,.skyblue>li.showhide{
	  /*-- background:red;
    }
}--*/















.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  
  color: #ffffff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
}
* {
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  list-style: none;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: black;
}

.custom-row {
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
}
.btn {
  --bs-btn-hover-border-color: 1px solid #216380 !important;
}
/* -- ----------------------header-------------------------- */
/* -- ----------------------nav start-------------------------- */

/* .nav_btn{ 
    display: table-cell; 
    position: relative; 
    padding: 15px 0;
  }
  .nav_btn a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.15em;
    
    display: inline-block;
    padding: 15px 20px;
    position: relative;
  }
  .nav_btn a:after {    
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: #fff;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
  } */
.nav_btn a:hover:after {
  width: 100%;
  left: 0;
}

.dropdown-menu .row {
  margin: 0;
}

.home_scrol .row ul li a,
.author_scrol .row ul li a {
  font-size: 11px;
}

.dropdown-menu {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border: none;
  border-radius: 0;
  padding: 0.7em;
}

.author_scrol,
.home_scrol {
  max-height: 300px;
  overflow-y: scroll;
}

.col-sm-3 a {
  word-wrap: break-word;
}
@media (max-width: 992px) {

  .dropdown-menu.show {
    display: flex;
  }
}

@media only screen and (min-width: 992px) {  
  .dropdown-menu.show {
    display: flex;
  }
}
.dropdown-menu ul {
  list-style: none;
  padding: 0;
}

.dropdown-item {
  padding: 0px;
}
li > .imageContainer > .dropdown-item {
  white-space: normal !important;
}
/* .dropdown-menu li .dropdown-item {
    color: gray;
    font-size: 1em;
    padding: 0.5em 1em;
  } */
.dropdown-menu li .dropdown-item:hover {
  background-color: #f1f1f1;
}
.dropdown-menu li:first-child a {
  font-weight: bold;
  font-size: 1.1em;
  text-transform: uppercase;
  color: rgba(40, 115, 148, 1);
}
.dropdown-menu li:first-child a:hover {
  background-color: #f1f1f1;
}
@media only screen and (max-width: 992px) {
  .dropdown-menu.show {
    flex-wrap: wrap;
    max-height: 350px;
    overflow-y: scroll;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1140px) {
  .nav_home:hover .dropdown-menu,
  .nav_author:hover .dropdown-menu {
    width: 40vw;
  }
}

.dropdown-menu {
  border-radius: 0;
  border: none;
  padding: 0.5em;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
}

.dropdown-menu.active {
  display: flex;
}

.dropdown-menu ul {
  list-style: none;
  padding: 0;
}

/* .dropdown-menu li a {
    color: gray;
    padding: 0.5em 1em;
  } */

.dropdown-menu li:first-child a {
  font-weight: bold;
  font-size: 1.1em;
  color: rgba(40, 115, 148, 1);
}
@media screen and (min-width: 993px) {
  .nav_home:hover .dropdown-menu {
    display: flex;
  }
  .dropdown-menu.show {
    display: flex;
  }
}
@media screen and (max-width: 992px) {
  .dropdown-menu.show {
    max-height: 60vh;
    overflow-y: scroll;
  }
}

.nav-item a:hover {
  color: rgba(40, 115, 148, 1);
}
/* -- ----------------------nav end-------------------------- */

.logo {
  object-fit: contain;
  width: 120px;
  height: 70px;
  margin-left: 10px;
}

::placeholder {
  color: rgba(40, 115, 148, 0.5);
}

.searchinput {
  width: 200px;
  height: 36px;
  top: 9px;
  left: 684px;
  border-radius: 18px;
  border: 1px solid rgba(40, 115, 148, 0.2);
  font-family: Arial;
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;
  color: rgba(40, 115, 148, 1);

  background: #e9f1f4;

  padding-left: 10px;
}

/* @media (max-width:406px) {
    .headbox{
        font-size: 9px;    
} */

@media (max-width: 575px) {
  .container {
    max-width: 100%;
  }
  .searchinput {
    width: 147px;
    height: 37px;
    font-size: 12px;
  }
}
.secrhicone {
  width: Fixed (36px);
  height: Fixed (36px);
  top: 9px;
  left: 1270px;
  padding: 8px;
  border-radius: 100px;
  gap: 8px;
  background: #287394;
  margin-left: 5px;
  color: white;
}
/* .registerx{
  width: 97px;
  height: 36px;
  top: 9px;
  left: 1633px;
  border-radius: 18px;
  background: rgba(40, 115, 148, 1);
color: white;
border: 1px solid rgba(40, 115, 148, 1);
font-family: Arial;
font-size: 14px;
font-weight: 400;
line-height: 21px;
letter-spacing: 0px;
text-align: left;
}

.registerx:hover{
  color: white;
  background: rgba(40, 115, 148, 1);
} */

.registerx {
  width: 97px;
  height: 36px;
  top: 9px;
  left: 1633px;
  border-radius: 18px;
  background: rgba(40, 115, 148, 1);
  color: white;
  border: 1px solid rgba(40, 115, 148, 1);
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0px;
  text-align: left;
  transition: color 0.3s, border-color 0.3s; /* Add a transition effect for smooth color and border changes */
}

.registerx:hover {
  color: rgba(40, 115, 148, 1); /* Change text color on hover */
  border-color: rgba(40, 115, 148, 1); /* Change border color on hover */
  background-color: #ffffff;
}
.login {
  border-radius: 18px;
  border: 1px solid rgba(40, 115, 148, 1);
  width: 45px;
  height: 21px;
  top: 16px;
  left: 1765px;
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0px;
  text-align: left;
  color: rgba(40, 115, 148, 1);
  transition: background-color 0.3s, color 0.3s, border-color 0.3s; /* Add a transition effect for smooth color and background changes */
}

.login:hover {
  background-color: rgba(
    40,
    115,
    148,
    1
  ); /* Change background color on hover */
  color: white; /* Change text color on hover */
  border-color: rgba(40, 115, 148, 1); /* Change border color on hover */
}
/* .login{
border-radius: 18px;
border: 1px solid rgba(40, 115, 148, 1);
width: 45px;
height: 21px;
top: 16px;
left: 1765px;
font-family: Arial;
font-size: 14px;
font-weight: 400;
line-height: 21px;
letter-spacing: 0px;
text-align: left;
color: rgba(40, 115, 148, 1);

}


.login:hover{
color: rgba(40, 115, 148, 1);

} */

.line {
  top: 52px;
  left: 165px;
  border: 1px;
  width: 110%;
  clear: both;
  float: right;
  background: rgba(232, 232, 232, 1);
  border: 1px solid rgba(232, 232, 232, 1);
}
.headbox {
  border: 0.5px solid rgba(40, 115, 148, 0.2);
  font-family: Arial;
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0px;
  color: rgba(40, 115, 148, 1);
  border-radius: 18px;

  text-align: left;
  background: #e9f1f4;
}

.headlist {
  font-family: Arial;
  font-size: 1vw;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0px;
  text-align: left;
  color: rgba(51, 51, 51, 1);
  margin-top: 3px;
}

.trans {
  font-family: Arial;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: left;
  margin-top: 14px;
}
/* -- ----------------------header-------------------------- */

.img_book {
  position: relative;
  overflow: hidden;
}

.img_book img {
  transition: transform 0.3s ease-in-out;
  max-width: 100%; /* Ensure the image does not exceed the container width */
  height: 100%; /* Maintain the aspect ratio */
  object-fit: cover;
}

.img_book:hover img {
  transform: scale(1.2);
  overflow: hidden;
}

.overlay-text {
  font: Helvetica;
  line-height: 11.42px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  /* height: 26.33%; */

  color: #000000;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 6px 13px;
  /* border-radius: 5px; */
  /* margin-bottom: 2px; */
}

/* ----------------------------------------------------------------------------------------------------------------- */

/* Remove left padding for the first child in a row */
.custom-container .row > div:first-child {
  padding-left: 0;
}

/* Remove right padding for the last child in a row */
.custom-container .row > div:last-child {
  padding-right: 0;
}

.category li {
  font-size: 13px;
  margin: 4px 0px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0px;
  text-align: left;
}
.imgrow {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.side_bar ul li {
  /* background-color: red; */
  padding-left: 0px;
}

.author ul li input[type="checkbox"] {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 1px;
  background: #e8e8e8;
}

element.style {
}
.form-check-input:checked[type="checkbox"] {
  --bs-form-check-bg-image: url(
    data:image/svg + xml,
    %3csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 20 20"%3e%3cpathfill="none"stroke="%23fff"stroke-linecap="round"stroke-linejoin="round"stroke-width="3"d="m6 10 3 3 6-6"/%3e%3c/svg%3e
  );
}
.form-check-input:checked {
  background-color: rgba(40, 115, 148, 1);
  border-color: rgba(40, 115, 148, 1);
}

.form-check:hover .form-check-input {
  border: 1px solid black;
}

.form-check:hover .form-check-label {
  text-decoration: underline;
  color: black;
  /* border-bottom: 1px solid black; */
}

.side_bar ul li {
  font-family: Arial;
  font-size: 11px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0px;
  text-align: left;
}

.right_sidebar_list {
  font-family: Arial;
  font-size: 1vw;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0px;
  text-align: left;
  color: rgba(51, 51, 51, 1);
  margin-top: 3px;
}

h5 {
  font-family: Arial;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
}

.book_box4 {
  float: inline-end;
}

.boox_name {
  font-family: Arial;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: center;
  margin-top: 8px;
}

.ms-30 {
  margin-left: 10px;
}

.side_bar {
  border-right: 2px solid #e8e8e8;
}

.title_name {
  /* font-family: Lexend; */
  font-family: Arial;
  font-size: 50px;
  line-height: 63px;
  letter-spacing: 0px;
  text-align: left;
}

.chk {
  font-family: Arial;
  font-size: 11px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0px;
  text-align: left;
}

.book_category_box {
  width: 135px;
  height: 306px;
}

/* -------- Rating Start-------- */

.fa {
  width: 17px;
  /* margin-top: 6px; */
  height: 17px;
  margin-right: 2px;
  /* margin-left: 2px; */
  font-size: 23px;
  color: #287394;
}

.checked {
  color: orange;
  font-size: 12px;
}
.uncheck {
  font-size: 12px;
  color: rgba(210, 210, 210, 1);
}
.rating_num {
  font-size: 10px;
  margin-bottom: 5px;
}

.rating {
  display: flex;
  align-items: center;
  justify-content: center;
}

.rating span:last-child {
  margin-right: 0;
  /* Remove margin from the last span */
}

.rating span {
  display: inline-block;
}

/* .rating_num {
    font-size: 10px;
} */

/*-------- Rating End -------- */

.download_btn {
  width: 135px;
  height: 36px;
  margin-top: 5px;
  border-radius: 24px;
  background: #216380;
  color: #ffffff;
  border: 1px #216380;
  /* outline: none; */
  cursor: pointer;
}

.download_btn:hover {
  color: #216380;
  background-color: #e9f1f4;
  /* border-color: #C2D8E1F4; */
  border: 1px solid #c2d8e1f4;
}

.download_btn_txt a{
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: left;
  color:#ffffff;
}

.footer {
  background-color: #287394;
}

.sefooter {
  background-color: #235b74;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

.title {
  font-family: Arial;
  font-size: 20px;
  font-weight: 700;
  line-height: 23px;
  letter-spacing: 0px;
  text-align: left;
  color: white;
}

/* .logo {
    width: 116.33px;
    height: 76px;
    top: 10px;
    left: 50px;   
 
} */

.logotext {
  font-family: Arial;
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0px;
  text-align: left;
  /* margin-left: -16px; */
}

.sm_logotext {
  font-family: Arial;
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0px;
  text-align: left;
  margin-left: -30px;
}

.titletext {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;
  color: white;
  opacity: 50%;
}

.dropdown .nav-item:hover + .dropdown-menu,
.navbar .dropdown .dropdown-menu:hover {
  display: flex;
}

.dropdown-menu::before {
  content: "";
  width: 100%;
  position: absolute;
  top: -17px;
  left: 0px;
  right: 0px;
  height: 19px;
}

/* a:hover {
    color: white;
    opacity: 50%;
} */

/* arrow hover */
.imageContainer {
  position: relative;
  display: flex;
  align-items: center;
}

.defaultImage {
  display: none;
  margin-right: 3px;
}

.hover {
  cursor: pointer;
}

.imageContainer:hover .defaultImage {
  display: block;
}

/* arrow hover */

a:hover,
input[type="checkbox"]:hover {
  cursor: pointer;
}

.icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #287394;
  background-color: white;
  border-radius: 50%;
  font-size: 20px;
  transition: 0.5s;
}

.icon:hover {
  background-color: #235b74;
  color: white;
}

.satext {
  font-family: Arial;
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0px;
  text-align: left;
  color: #ffffff;
  margin-right: 10px;
}

.wrapper {
  width: 100%;
}

#sidebar {
  min-width: 250px;
  max-width: 250px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}

#sidebar.active {
  margin-left: -250px;
}

#sidebar.active .custom-menu {
  margin-right: -50px;
}

#sidebar .custom-menu {
  display: inline-block;
  position: absolute;
  top: -39px;
  right: 0;
  margin-right: -50px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.sidebarmenu {
  margin-right: 8px;
  width: 30px;
  height: 30px;
  /* border-radius: 50%;  */
  line-height: 30px;
  background: #e9f1f4;
  border: 1px solid rgba(40, 115, 148, 0.2);
  color: #287394;
}

/* .bottom_btn a img{
        height: 58px;
        width: 405px;
    } */

@media (prefers-reduced-motion: reduce) {
  #sidebar .custom-menu {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

#sidebar .custom-menu .btn.btn-primary {
  background: transparent;
  border-color: transparent;
}

/* #sidebar .custom-menu .btn.btn-primary i {
        color: black;
        font-size: 24px;
    } */

#sidebar .custom-menu .btn.btn-primary:hover,
#sidebar .custom-menu .btn.btn-primary:focus {
  background: transparent !important;
  border-color: transparent !important;
}

a[data-toggle="collapse"] {
  position: relative;
}

#content {
  width: 100%;
  padding: 0;
  min-height: 100vh;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.download_btn_icone {
  width: 45px;
  height: 43px;
  margin-top: 2px;
  border-radius: 24px;
  background: #216380;
  color: #ffffff;
  border: 1px #216380;
  cursor: pointer;
}

/* Press Release Start */

.events {
  display: flex;
  gap: 12px;
}

.event {
  flex-shrink: 0;
  margin-bottom: 0px;
  color: rgba(40, 115, 148, 1);
  font-size: 14px;
}

.event-wrapper {
  overflow: hidden;
  width: 290px;
  flex-shrink: 0;
}

.events {
  animation: tickerh linear 20s infinite;
}
.events:hover {
  animation-play-state: paused;
}

.card {
  align-items: center;
  position: relative;
  padding-bottom: 50px;
  align-self: normal;
  padding-top: 16px;
}

.download_btn {
  position: absolute;
  bottom: 8px;
}

main {
  padding: 2rem 3rem;
  gap: 1rem;
}
main .filters {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  gap: 1rem;
  max-width: 230px;
  color: rgba(51, 51, 51, 1);
  margin-right: 95px;
}
main .filters p.sub-heading {
  font-size: 0.8rem;
  font-weight: 500;
  margin-bottom: 4px;
}
main .filters p {
  padding-bottom: 4px;
  margin-bottom: 8px;
}
main .filters .row {
  position: relative;
}
main .filters .row.overflowed::after {
  display: block;
  z-index: 10;
  content: " ";
  height: 5%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.1;
  mix-blend-mode: multiply;
  background-image: linear-gradient(0deg, #888 20%, #fff);
}
main .filters .row ul {
  overflow-y: auto;
  max-height: 16rem;
  position: relative;
  margin-bottom: 0px;
}
main .filters .row ul li a{
  padding: 0.3rem 0rem;
font-size:12px;
color:blue;
}
main .filters .row ul li input {
  vertical-align: middle;
  margin-right: 4px;
}
main section {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 73%;
  flex: 1 1 73%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
main .press-release-cards .row {
  grid-template-columns: repeat(3, 1fr);
}

main .row {
  margin-bottom: 1.5rem;
  grid-gap: 20px;
}

main .filters .row {
  gap: 0px;
}

main .row .card {
  padding: 30px 40px 80px;
  background: #f7f7f7;
  border: none;
  border-radius: 0px;
  position: relative;
}

main .row .card a:hover {
  text-decoration: underline;
}

main .row .card .header {
  font-size: 1.2rem;
  font-family: "Times New Roman", Times, serif;
}
main .row .card-content {
  position: absolute;
  width: calc(100% - 80px);
  bottom: 30px;
}

main .row .card-content p,
main .row .card-content a {
  margin: 0;
}

main .row .card-text {
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

main .row .card-date {
  font-size: 0.9rem;
  color: #888;
}

main .row .search-container {
  width: 100%;
}

main .row .search-container {
  border-radius: 19.5px;
  background: #f7f7f7;
  padding: 0 15px;
  height: 39px;
}

main.press-release button {
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
  width: auto;
}

main.press-release button svg {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

main .row .search-container input {
  background-color: transparent;
  border: none;
  outline: none;
  width: 83%;
  height: 100%;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.67;
}

main .row .filters-toggle {
  padding: 0;
  border: 0;
  background-color: transparent;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.67;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 0 auto;
  color: var(--moduleTextColor);
  z-index: 50;
}

main .row .filters-toggle svg {
  margin-left: 10px;
  width: 16px;
  height: 16px;
}

.swiper {
  width: 100%;
  height: 70%;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
  background-color: gray;
}

.swiper-thumb {
  padding: 10px 0;
}

.swiper-thumb .swiper-slide {
  height: 100%;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.book-details-container .swiper .swiper-slide {
  min-width: 350px;
}

.book-details-container {
  padding: 0rem 1.5rem 1.5rem;
  border-bottom: 1px solid #bbbbbb;
  display: flex;
  gap: 2rem;
}

.book-details-container .book-details-inner-container {
  gap: 2rem;
  margin-top: 16px;
}

.book-details-container p,
.book-details-container h1,
.book-details-container h2,
.book-details-container h3,
.book-details-container h4,
.book-details-container h5,
.related-product-container p,
.related-product-container h1,
.related-product-container h2,
.related-product-container h3,
.related-product-container h4,
.related-product-container h5 {
  margin: 0;
}

.book-details-container > div {
  width: 100%;
}

.book-details-container .slider-container {
  min-height: 350px;
  width: 350px;
}

.book-details-container .author-book-suggestions {
  width: 400px;
  max-width: 400px;
}

.book-details-container .title,
.related-product-container .title {
  color: #000000;
  display: block;
  width: 100%;
}

.book-details-container .author {
  margin: 0.3rem 0rem;
}

.book-details-container .author a,
.related-product-container .author a {
  color: #007185;
  margin-right: 0.5rem;
}

.rating-container {
  gap: 0.5rem;
}

.rating-container p.rating {
  padding-top: 4px;
  font-weight: 600;
}

.rating-container p.rating-stars {
  gap: 0.3rem;
}

.book-info-container .book-info .attribute .attribute-title {
  margin-right: 0.2rem;
  font-weight: 600;
}

.book-info-container .book-info .attribute:first-child {
  margin-right: 1rem;
}

.book-info-container .book-content {
  padding: 1rem 0rem;
  margin: 0.5rem 0rem;
  border-top: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
  text-align: justify;
}

.book-info-container .book-details {
  grid-template-columns: repeat(2, 1fr);
}

.book-info-container .book-details .attribute {
  grid-template-columns: 0.5fr 1fr;
}

.book-info-container .book-details .attribute .attribute-title {
  font-weight: 600;
}

.book-info-container .book-details {
  border-bottom: 1px solid #bbbbbb;
  padding-bottom: 1rem;
  margin-bottom: 0.5rem;
}

.book-info-container .social {
  gap: 0.7rem;
}

.book-info-container .social-inner-container {
  gap: 0.7rem;
}

.book-info-container .social span {
  margin-right: 0.5rem;
}

.book-info-container .social span img {
  margin-right: 0.5rem;
}

.book-info-container .social button,
.book-info-container .social button:focus {
  outline: none;
  border: none;
  background-color: transparent;
}

.book-details-container .social {
  margin: 1.5rem 0rem;
}

.book-details-container .action-buttons {
  gap: 1rem;
}

.book-details-container .action-buttons .button {
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  font-size: 0.85rem;
  font-weight: 600;
  text-align: center;
}

.book-details-container .action-buttons .btn-download {
  background-color: #5cb85c;
}

.book-details-container .action-buttons .btn-read-later {
  background-color: #5bc0de;
}

.book-details-container .action-buttons .btn-read-now {
  background-color: #337ab7;
}

.book-details-container .action-buttons .btn-write-review {
  background-color: #f0ad4e;
}

.book-details-container .author-book-suggestions {
  border: 1px solid #bbbbbb;
}

.book-details-container .author-book-suggestions .cards {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.book-details-container .author-book-suggestions > h3.title {
  border-bottom: 1px solid #bbbbbb;
  padding: 1rem 0.5rem;
  margin-bottom: 0.5rem;
}

.book-details-container .author-book-suggestions .book-card {
  padding: 1rem;
  gap: 1rem;
  flex-wrap: nowrap;
  border-bottom: 1px solid #bbbbbb;
}

.book-details-container .author-book-suggestions .book-card .book-cover,
.related-product-container .book-card .book-cover {
  width: 130px;
  height: auto;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.related-product-container .book-card {
  gap: 1rem;
}

.book-details-container .author-book-suggestions .book-card .book-info {
  width: calc(100% - 130px);
}

.book-details-container .author-book-suggestions .book-card .book-cover img,
.related-product-container .book-card .book-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.book-details-container .author-book-suggestions .book-card .total-downloads,
.related-product-container .book-card .total-downloads {
  margin-top: 0.3rem;
  font-weight: 600;
  font-size: 1.5rem;
}

.book-details-container
  .author-book-suggestions
  .book-card
  .total-downloads
  sub,
.related-product-container .book-card .total-downloads sub {
  margin-bottom: 8px;
  font-size: 0.9rem;
  font-weight: 400;
}

.related-product-container {
  padding: 1rem;
  border-bottom: 1px solid #bbbbbb;
}

.related-product-container h3.title {
  margin-bottom: -1rem;
}

.related-product-swiper {
  overflow: hidden;
  padding: 3rem;
}

.related-product-swiper .swiper-button-next,
.related-product-swiper .swiper-button-prev {
  width: 50px;
  height: 50px;
  border-radius: 0.5rem;
  box-shadow: 0px 2px 5px 0px rgba(213, 217, 217, 0.5);
}

.related-product-swiper .swiper-button-next::after,
.related-product-swiper .swiper-button-prev::after {
  content: "";
  width: 100%;
  height: 100%;
  font-family: inherit;
}

.related-product-swiper .swiper-button-next::after {
  background-image: url("/img/arrow-next.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.related-product-swiper .swiper-button-prev::after {
  background-image: url("/img/arrow-prev.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.reviews-container {
  padding: 1rem;
}

.reviews-container > div {
  gap: 6rem;
}

.reviews-container p {
  margin: 0px;
}

.reviews-container p.title {
  margin-bottom: 0.5rem;
  color: #000000;
}

.reviews-container .rating-container {
  gap: 0.5rem;
}

.reviews-container .rating-stats {
  flex-shrink: 0;
}

.reviews-container .rating-container .rating-stat {
  gap: 1rem;
}

.reviews-container .rating-container .rating-stat span:first-child {
  flex-shrink: 0;
}

.reviews-container .rating-container .rating-stat.has-rating {
  color: #007185;
}

.reviews-container .rating-container .total-rating,
.reviews-container .rating-container .rating-by-user {
  gap: 1rem;
}

.progress {
  background-color: #f0f2f2;
  border: 1px solid #bbbfbf;
  border-radius: 4px;
  position: relative;
  height: 25px;
  width: 250px;
}

.progress .progress-track {
  position: absolute;
  top: 0px;
  left: 0px;
  background: #ffa41c;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 0px;
}

.reviews-container .reviews .title {
  margin-bottom: 3rem;
}

.reviews-container .reviews .review .user-image img {
  width: 50px;
  object-fit: cover;
  border-radius: 9999px;
  margin-right: 0.5rem;
}

.reviews-container .review .rating-by-user .rating {
  margin-top: 1rem;
  margin-bottom: 0.3rem;
  justify-content: flex-start;
  gap: 1rem;
}

.reviews-container .review .rating-by-user .user-location {
  margin-bottom: 0.5rem;
}

.reviews-container .review .rating-by-user .feedback {
  width: 70%;
  text-align: justify;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.block {
  display: block;
}
.items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.justify-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.justify-arround {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.pos-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50% -50%);
  -ms-transform: translate(-50% -50%);
  transform: translate(-50% -50%);
}
.m-auto {
  margin: auto;
}
.width-full {
  width: 100%;
}
.height-full {
  height: 100%;
}
.text-primary {
  color: #003857;
}
.text-secondary {
  color: #fff;
}
.text-gray {
  color: #565959;
}
.text-center {
  text-align: center;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.line-clamp {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.truncate {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
a.more-btn {
  text-decoration: none;
  outline: none;
  color: #007185;
}
.extra-text span {
  display: none;
}

@media only screen and (max-width: 1450px) {
  .book-info-container .book-details {
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-width: 1380px) {
  .book-details-container {
    flex-direction: column;
  }

  .book-info-container .book-details {
    grid-template-columns: 2fr;
  }

  .book-details-container .author-book-suggestions {
    max-width: none;
  }

  .book-details-container {
    gap: 0rem;
  }

  main section.press-release-cards .row {
    grid-template-columns: repeat(2, 1fr);
  }

  main .filters {
    margin-right: 50px;
  }

  .book-details-container .slider-container {
    flex-wrap: wrap;
  }

  .book-details-container .author-book-suggestions {
    width: 100%;
  }

  .book-details-container .author-book-suggestions .cards {
    display: flex;
    gap: 2rem;
  }
}

@media only screen and (max-width: 1250px) {
  main.press-release {
    flex-direction: column;
  }

  main .filter-close {
    display: flex;
    width: 100%;
    padding: 16px 0px;
  }

  main.press-release .filter-close svg {
    width: 30px;
    height: 30px;
  }

  main .filters-container {
    display: none;
  }
  main .filters-container.open {
    display: block;
    position: fixed;
    padding: 16px;
    inset: 0;
    height: 100vh;
    width: 100%;
    background-color: #ffffff;
    z-index: 999999;
    overflow-y: auto;
  }

  main .filters {
    margin-right: 0px;
    max-width: none;
  }

  main .filters .search-container {
    border-radius: 0px;
  }

  main .filters .search-container div:first-of-type {
    flex-grow: 1;
  }

  main .filter-button-container {
    display: inline-block;
  }

  .reviews-container .review .rating-by-user .feedback {
    width: 90%;
  }
}

@media only screen and (max-width: 1000px) {
  .book-details-container {
    gap: 3rem;
  }

  .book-details-container .book-details-inner-container {
    flex-direction: column;
  }

  .book-details-container .slider-container {
    width: 100%;
  }

  .reviews-container > div {
    flex-direction: column;
    gap: 2rem;
  }

  .progress {
    width: 85%;
  }
}

@media only screen and (max-width: 800px) {
  main {
    padding: 1rem;
  }
  main .filters {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  main section .row div {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  main section .row div .card-wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  main section .row div .card-wrapper .card {
    width: 100%;
    max-width: unset;
  }
  footer > div {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .progress {
    width: 65%;
    flex-shrink: 0;
  }
}

@media only screen and (max-width: 580px) {
  .book-details-container .action-buttons {
    flex-wrap: wrap;
  }

  .book-details-container .action-buttons .button {
    flex-grow: 1;
  }
}

@media only screen and (max-width: 480px) {
  main section.press-release-cards .row {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media only screen and (max-width: 450px) {
  .book-details-container .social {
    flex-direction: column;
  }
  .book-details-container .swiper .swiper-slide {
    min-width: auto;
  }
}

/* Press Release End */

@media (max-width: 406px) {
  .headbox {
    font-size: 9px;
  }
}
@media (max-width: 425px) {
  .right_sidebar_list {
    font-size: 3vw;
  }
}

@media (max-width: 570px) {
  .secrhicone {
    width: Fixed (36px);
    height: Fixed (36px);
    top: 9px;
    left: 1270px;
    padding: 8px;
    border-radius: 100px;
    gap: 8px;
    background: #287394;
    margin-left: 5px;
    color: white;
  }
  /* .title_name{
            font-size: 20px;
        } */

  /* .logotext {
            margin-left: -37px;
        }         */
}

@media (max-width: 574px) {
  .logotext {
    margin-left: -23px;
  }
}

@media (min-width: 578px) and (max-width: 688px) {
  .logotext {
    margin-left: 14px;
    font-size: 15px;
  }
}
@media (min-width: 688px) and (max-width: 744px) {
  .logotext {
    font-size: 16px;
    margin-left: 5px;
  }
}

@media (max-width: 768px) {
  .img_book {
    margin-bottom: 14px;
  }
  .bottom_btn {
    margin: 3px 0px;
  }
}

@media (min-width: 426px) and (max-width: 697px) {
  .right_sidebar_list {
    font-size: 2.5vw;
  }
}
@media (min-width: 697px) and (max-width: 927px) {
  .right_sidebar_list {
    font-size: 1.5vw;
  }
}

@media (min-width: 927px) {
  .logIn_register_sidebar {
    display: none;
  }
}

@media (max-width: 510px) {
  .title_name {
    /* margin-left: 14px; */
    font-size: 26px;
  }
}
@media (min-width: 510px) and (max-width: 700px) {
  .title_name {
    font-size: 35px;
  }
}

@media (min-width: 700px) and (max-width: 991.98px) {
  .title_name {
    font-size: 40px;
  }
}

@media (max-width: 991.98px) {
  #sidebar {
    margin-left: -257px;
  }

  #sidebar.active {
    margin-left: 0;
  }
  .logo {
    width: 93.33px;
    height: 60px;
    top: 10px;
    left: 50px;
  }

  #sidebarCollapse span {
    display: none;
  }
}

@media (min-width: 576px) and (max-width: 716px) {
  .searchinput {
    margin-left: 39px;
  }
}

@media (min-width: 576px) and (max-width: 592px) {
  .logotext {
    font-size: 84%;
    margin-left: 20%;
  }
}
@media (min-width: 592px) and (max-width: 698px) {
  .logotext {
    font-size: 88%;
    margin-left: 20%;
  }
}
@media (min-width: 698px) and (max-width: 788px) {
  .logotext {
    font-size: 83%;
    margin-left: 13%;
  }
}
@media (min-width: 788px) and (max-width: 903px) {
  .logotext {
    margin-left: 10px;
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .logotext {
    margin-left: 15px;
  }
}

@media (min-width: 892px) and (max-width: 992px) {
  .headbox {
    margin-left: 15px;
    font-size: 7px;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .headbox {
    margin-left: 15px;
    font-size: 8px;
  }
}

@media (max-width: 1202px) {
  img.bottom_btn {
    height: 50px !important;
    width: 356px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1210px) {
  .headlist {
    font-size: 0.7vw;
  }
}
@media (min-width: 1210px) and (max-width: 1264px) {
  .headlist {
    font-size: 0.72vw;
  }
}

@media (min-width: 1264px) and (max-width: 1278px) {
  .headlist {
    font-size: 0.77vw;
  }
}
@media (min-width: 1278px) and (max-width: 1373px) {
  .headlist {
    font-size: 0.8vw;
  }
}

@media (min-width: 1374px) and (max-width: 1484px) {
  .headlist {
    font-size: 0.9vw;
  }
}

@media (max-width: 768px) {
  .book_box {
    width: 96%;
  }
  .book_box2 {
    float: inline-end;
  }
  /* .book_box3{
            margin-left: 8px;
        } */
}

@media (min-width: 768px) and (max-width: 818px) {
  .book_box {
    width: 166px;
  }
  .book_box2 {
    margin-left: 4px;
  }
  .book_box3 {
    margin-left: 8px;
  }
}
@media (min-width: 818px) and (max-width: 920px) {
  .book_box {
    width: 180px;
  }
  .book_box2 {
    margin-left: 4px;
  }
  .book_box3 {
    margin-left: 14px;
  }
}

@media (min-width: 920px) and (max-width: 992px) {
  .book_box {
    width: 210px;
  }
  .book_box2 {
    margin-left: 4px;
  }
  .book_box3 {
    margin-left: 7px;
  }
}
@media (min-width: 992px) and (max-width: 1124px) {
  .book_box {
    width: 160px;
  }
  .book_box2 {
    margin-left: 4px;
  }
  .book_box3 {
    margin-left: 10px;
  }
}
@media (min-width: 1124px) and (max-width: 1200px) {
  .book_box {
    width: 195px;
  }
  .book_box2 {
    margin-left: 9px;
  }
  .book_box3 {
    margin-left: 14px;
  }
}

@media (min-width: 1200px) and (max-width: 1288px) {
  .book_box {
    width: 220px;
  }
  .book_box2 {
    margin-left: 2px;
  }
  .book_box3 {
    margin-left: 6px;
  }
}

@media (min-width: 1288px) {
  .book_box {
    width: 235px;
  }
  .book_box2 {
    margin-left: 6px;
  }
  .book_box3 {
    margin-left: 16px;
  }
}

/* Animations */

@keyframes tickerh {
  0% {
    transform: translatex(100%);
  }
  100% {
    transform: translatex(-400%);
  }
}

