a {
  /*color: #f1c40f;*/
}

a:hover,
a:active,
a:focus {
color: #dab10d;
}

.rating-stars {
width: 100%;
text-align: center;
}

.rating-stars .rating-stars-container {
font-size: 0px;
}

.rating-stars .rating-stars-container .rating-star {
display: inline-block;
font-size: 32px;
color: #555555;
cursor: pointer;
padding: 5px 10px;
}

.rating-stars .rating-stars-container .rating-star.is--active,
.rating-stars .rating-stars-container .rating-star.is--hover {
color: #f1c40f;
}

.rating-stars .rating-stars-container .rating-star.is--no-hover {
color: #555555;
}
#mixedSlider {
position: relative;
}
#mixedSlider .MS-content {
white-space: nowrap;
overflow: hidden;
margin: 0 5%;
}
#mixedSlider .MS-content .item {
display: inline-block;
width: 31.5%;
position: relative;
vertical-align: top;
overflow: hidden;
height: 100%;
white-space: normal;
padding: 0 10px;
}
#mixedSlider1 {
position: relative;
}
#mixedSlider1 .MS-content {
white-space: nowrap;
overflow: hidden;
/* margin: 0px 2%; */
padding: 20px;
}
#mixedSlider1 .MS-content .item {
display: inline-block;
width: 15vw;
height: 20vw;
/* width: 200px;
height: 258.82px; */
position: relative;
vertical-align: top;
overflow: hidden;

white-space: normal;
padding: 20px;
}

#mixedSlider2 {
position: relative;
}
#mixedSlider2 .MS-content {
white-space: nowrap;
overflow: hidden;
/* margin: 0px 2%; */
padding: 20px;
}
#mixedSlider2 .MS-content .item {
display: inline-block;
width: 15vw;
height: 20vw;
/* width: 200px;
height: 258.82px; */
position: relative;
vertical-align: top;
overflow: hidden;

white-space: normal;
padding: 20px;
}


@media (max-width: 991px) {
#mixedSlider .MS-content .item {
width: 50%;
}
#mixedSlider1 .MS-content .item {
width: 50%;
}
#mixedSlider2 .MS-content .item {
width: 50%;
}
}
@media (max-width: 767px) {
#mixedSlider .MS-content .item {
width: 100%;
}
#mixedSlider1 .MS-content .item {
width: 100%;
}
#mixedSlider2 .MS-content .item {
width: 100%;
}
}
#mixedSlider .MS-content .item .imgTitle {
position: relative;
}
#mixedSlider .MS-content .item .imgTitle .blogTitle {
margin: 0;
text-align: left;
letter-spacing: 2px;
color: #252525;
font-style: italic;
position: absolute;
background-color: rgba(255, 255, 255, 0.5);
width: 100%;
bottom: 0;
font-weight: bold;
padding: 0 0 2px 10px;
}
#mixedSlider .MS-content .item .imgTitle img {
height: 200px;
width: 150px;
}
#mixedSlider .MS-content .item p {
font-size: 16px;
margin: 2px 10px 0 5px;
text-indent: 15px;
}
#mixedSlider .MS-content .item a {
float: right;
margin: 0 20px 0 0;
font-size: 16px;
font-style: italic;
color: rgba(173, 0, 0, 0.82);
font-weight: bold;
letter-spacing: 1px;
transition: linear 0.1s;
}
#mixedSlider .MS-content .item a:hover {
/* text-shadow: 0 0 1px grey;*/
}
#mixedSlider .MS-controls button {
position: absolute;
border: none;
background-color: transparent;
outline: 0;
font-size: 50px;
top: 45px;
color: rgba(0, 0, 0, 0.4);
transition: 0.15s linear;
}
#mixedSlider .MS-controls button:hover {
color: rgba(0, 0, 0, 0.8);
}
#mixedSlider1 .MS-content .item .imgTitle {
position: relative;
}
#mixedSlider1 .MS-content .item .imgTitle .blogTitle {
margin: 0;
text-align: left;
letter-spacing: 2px;
color: #252525;
font-style: italic;
position: absolute;
background-color: rgba(255, 255, 255, 0.5);
width: 100%;
bottom: 0;
font-weight: bold;
padding: 0 0 2px 10px;
}
#mixedSlider1 .MS-content .item .imgTitle img {
height: auto;
width: 100%;
}
#mixedSlider1 .MS-content .item p {
font-size: 16px;
margin: 2px 10px 0 5px;
text-indent: 15px;
}
#mixedSlider1 .MS-content .item a {
float: right;
margin: 0 20px 0 0;
font-size: 16px;
font-style: italic;
color: rgba(173, 0, 0, 0.82);
font-weight: bold;
letter-spacing: 1px;
transition: linear 0.1s;
}
#mixedSlider1 .MS-content .item a:hover {
text-shadow: 0 0 1px grey;
}
#mixedSlider1 .MS-controls button {
position: absolute;
border: none;
background-color: transparent;
outline: 0;
font-size: 50px;
top: 81px;
color: rgba(0, 0, 0, 0.4);
transition: 0.15s linear;
}
#mixedSlider2 .MS-controls button:hover {
color: rgba(0, 0, 0, 0.8);
}
#mixedSlider2 .MS-content .item .imgTitle {
position: relative;
}
#mixedSlider2 .MS-content .item .imgTitle .blogTitle {
margin: 0;
text-align: left;
letter-spacing: 2px;
color: #252525;
font-style: italic;
position: absolute;
background-color: rgba(255, 255, 255, 0.5);
width: 100%;
bottom: 0;
font-weight: bold;
padding: 0 0 2px 10px;
}
#mixedSlider2 .MS-content .item .imgTitle img {
height: auto;
width: 100%;
}
#mixedSlider2 .MS-content .item p {
font-size: 16px;
margin: 2px 10px 0 5px;
text-indent: 15px;
}
#mixedSlider2 .MS-content .item a {
float: right;
margin: 0 20px 0 0;
font-size: 16px;
font-style: italic;
color: rgba(173, 0, 0, 0.82);
font-weight: bold;
letter-spacing: 1px;
transition: linear 0.1s;
}
#mixedSlider2 .MS-content .item a:hover {
text-shadow: 0 0 1px grey;
}
#mixedSlider2 .MS-controls button {
position: absolute;
border: none;
background-color: transparent;
outline: 0;
font-size: 50px;
top: 100px;
color: rgba(0, 0, 0, 0.4);
transition: 0.15s linear;
}
#mixedSlider2 .MS-controls button:hover {
color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 992px) {
#mixedSlider .MS-controls button {
font-size: 30px;
}
#mixedSlider1 .MS-controls button {
font-size: 30px;
}
#mixedSlider2 .MS-controls button {
font-size: 30px;
}
}
@media (max-width: 767px) {
#mixedSlider .MS-controls button {
font-size: 20px;
}
#mixedSlider1 .MS-controls button {
font-size: 20px;
}
#mixedSlider2 .MS-controls button {
font-size: 20px;
}
}
#mixedSlider .MS-controls .MS-left {
left: 0px;
}
#mixedSlider1 .MS-controls .MS-left {
left: -15px;
}
#mixedSlider2 .MS-controls .MS-left {
left: -15px;
}
@media (max-width: 767px) {
#mixedSlider .MS-controls .MS-left {
left: -10px;
}
#mixedSlider1 .MS-controls .MS-left {
left: -10px;
}
#mixedSlider2 .MS-controls .MS-left {
left: -10px;
}
}
#mixedSlider .MS-controls .MS-right {
right: -15px;
}
#mixedSlider1 .MS-controls .MS-right {
right: -15px;
}
#mixedSlider2 .MS-controls .MS-right {
right: -15px;
}
@media (max-width: 767px) {
#mixedSlider .MS-controls .MS-right {
right: -10px;
}
#mixedSlider1 .MS-controls .MS-right {
right: -10px;
}
#mixedSlider2 .MS-controls .MS-right {
right: -10px;
}
}
#basicSlider { position: relative; }

#basicSlider .MS-content {
padding-left: .75vw;
white-space: nowrap;
overflow: hidden;
margin: 0 auto;
height: 100%;
text-align: center;
width: 66vw;
}

#basicSlider .MS-content .item {
display: inline-block;
/* width: 16vw; */
margin-right: 1.42vw;
position: relative;
vertical-align: top;
overflow: hidden;
/*height: 100%;*/
white-space: normal;
box-shadow: none !important;
/* margin: 0px; */
/*line-height: 50px;*/
vertical-align: middle;
}
#basicSlider .MS-content .item
{
box-shadow: 1px 1px 5px -2px rgba(0,0,0,0.75);

}
@media (max-width: 991px) {

#basicSlider .MS-content .item { width: 25%; }
}
@media (max-width: 767px) {

#basicSlider .MS-content .item { width: 35%; }
}
@media (max-width: 500px) {

#basicSlider .MS-content .item { width: 50%; }
}

#basicSlider .MS-content .item a {
line-height: 50px;
vertical-align: middle;
}

#basicSlider .MS-controls button { 
position: absolute; 
font-size: 45px !important;
border:none;
background: inherit;
color: var(--rp-gray-color-3);
}

#basicSlider .MS-controls .MS-left {
top: 120px;
left: -25px;
}

#basicSlider .MS-controls .MS-right {
top: 120px;
right: -25px;
}

.navbar {
position: relative;
min-height: 69.5px;
margin-bottom: 20px;
border: 1px solid transparent;
}
.tumb-img {
width: 100%;
height: 270px;
margin: 20px 0px 10px 0px;
background: #fff;
padding: 20px 0px;
text-align: center;
border: 1px solid #f5f2f2
}
.tumb-img:hover
{
box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
}

@media (max-width: 800px) {
.headersearch
{
width:130px !important;
}
.carousel-caption {
display: none; 
}
.footerList
{
border:none ;
text-align: center;
}
.footerList li
{
border:none;
text-align: center;
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-right: 15px;
margin-top: 8px;
margin-bottom: 8px;
background-color: #f36c22;
background-image: none;
border: 1px solid #f36c22;
border-radius: 4px;
}

.apps
{
border:none;
}

.bookshelf
{
/*width:100%;
margin: -15px 0px 50px 0px;
text-align: center;*/

}
}
@media (max-width: 600px) {
.tumb-img img {
width:100%;
}

.logo-img img {
width: 80px;
margin-left: 0px;
/* margin-top: -13px; */
}
.bannerDiv {
margin-left: 0px; 
}
.container {
width: 100%;
margin: 0 auto;
          
}
.bookshelf
{
padding: 0px;
margin:0px;
width:100%;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 7px;
padding-left: 7px;
}
.tumb-img {
width: 100%;
height: 220px;
margin: 25px 0px 10px 0px;
}
.img-caption {
font-size: 14px;
}
.img-auth {
margin-top: 0px;
font-family: var(--rp-primary-sans-font);
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 22px;
text-align: left;
width: 100%;
color: #767676;
overflow: hidden;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-right: 15px;
margin-top: 8px;
margin-bottom: 8px;
background-color: #f36c22;
background-image: none;
border: 1px solid #f36c22;
border-radius: 4px;
}
}

.col-xs-5th-1, .col-xs-5th-2, .col-xs-5th-3, .col-xs-5th-4
{
float: left}

.col-xs-5th-5{
float: left;
width: 100%}

.col-xs-5th-4{
width: 80%}

.col-xs-5th-3{
width: 60%
}

.col-xs-5th-2{
width: 40%
}

.col-xs-5th-1{
width: 20%
}
.col-xs-5th-pull-5{
right: 100%
}
.col-xs-5th-pull-4{
right: 80%
}
.col-xs-5th-pull-3{
right: 60%
}

.col-xs-5th-pull-2{
right: 40%
}

.col-xs-5th-pull-1{
right: 20%
}

.col-xs-5th-pull-0{
right: auto
}

.col-xs-5th-push-5{
left: 100%
}

.col-xs-5th-push-4{
left: 80%
}

.col-xs-5th-push-3{
left: 60%
}

.col-xs-5th-push-2{
left: 40%
}

.col-xs-5th-push-1{
left: 20%
}

.col-xs-5th-push-0{
left: auto
}

.col-xs-5th-offset-5{
margin-left: 100%
}

.col-xs-5th-offset-4{
margin-left: 80%
}

.col-xs-5th-offset-3{
margin-left: 60%
}

.col-xs-5th-offset-2{
margin-left: 40%
}

.col-xs-5th-offset-1{
margin-left: 20%
}

.col-xs-5th-offset-0{
margin-left: 0%
}

@media (min-width: 768px){
.col-sm-5th-1, .col-sm-5th-2, .col-sm-5th-3, .col-sm-5th-4{
float: left
}
.col-sm-5th-5{
float: left;
width: 100%}
.col-sm-5th-4{
width: 80%
}
.col-sm-5th-3{
width: 60%
}
.col-sm-5th-2{
width: 40%
}
.col-sm-5th-1{
width: 20%
}
.col-sm-5th-pull-5{
right: 100%
}
.col-sm-5th-pull-4{
right: 80%
}
.col-sm-5th-pull-3{
right: 60%
}
.col-sm-5th-pull-2{
right: 40%
}
.col-sm-5th-pull-1{
right: 20%
}
.col-sm-5th-pull-0{
right: auto
}
.col-sm-5th-push-5{
left: 100%
}
.col-sm-5th-push-4{
left: 80%
}
.col-sm-5th-push-3{
left: 60%
}
.col-sm-5th-push-2{
left: 40%
}
.col-sm-5th-push-1{
left: 20%
}
.col-sm-5th-push-0{
left: auto
}
.col-sm-5th-offset-5{
margin-left: 100%
}
.col-sm-5th-offset-4{
margin-left: 80%
}
.col-sm-5th-offset-3{
margin-left: 60%
}
.col-sm-5th-offset-2{
margin-left: 40%
}
.col-sm-5th-offset-1{
margin-left: 20%
}
.col-sm-5th-offset-0{
margin-left: 0%
}
}

@media (min-width: 992px){
.col-md-5th-1, .col-md-5th-2, .col-md-5th-3, .col-md-5th-4{
float: left
}
.col-md-5th-5{
float: left;
width: 100%}
.col-md-5th-4{
width: 80%
}
.col-md-5th-3{
width: 60%
}
.col-md-5th-2{
width: 40%
}
.col-md-5th-1{
width: 20%
}
.col-md-5th-pull-5{
right: 100%
}
.col-md-5th-pull-4{
right: 80%
}
.col-md-5th-pull-3{
right: 60%
}
.col-md-5th-pull-2{
right: 40%
}
.col-md-5th-pull-1{
right: 20%
}
.col-md-5th-pull-0{
right: auto
}
.col-md-5th-push-5{
left: 100%
}
.col-md-5th-push-4{
left: 80%
}
.col-md-5th-push-3{
left: 60%
}
.col-md-5th-push-2{
left: 40%
}
.col-md-5th-push-1{
left: 20%
}
.col-md-5th-push-0{
left: auto
}
.col-md-5th-offset-5{
margin-left: 100%
}
.col-md-5th-offset-4{
margin-left: 80%
}
.col-md-5th-offset-3{
margin-left: 60%
}
.col-md-5th-offset-2{
margin-left: 40%
}
.col-md-5th-offset-1{
margin-left: 20%
}
.col-md-5th-offset-0{
margin-left: 0%
}}

@media (min-width: 1200px){
.col-lg-5th-1, .col-lg-5th-2, .col-lg-5th-3, .col-lg-5th-4{
float: left
}
.col-lg-5th-5{
float: left;
width: 100%}
.col-lg-5th-4{
width: 80%
}
.col-lg-5th-3{
width: 60%
}
.col-lg-5th-2{
width: 40%
}
.col-lg-5th-1{
width: 25%
}
.col-lg-5th-pull-5{
right: 100%
}
.col-lg-5th-pull-4{
right: 80%
}
.col-lg-5th-pull-3{
right: 60%
}
.col-lg-5th-pull-2{
right: 40%
}
.col-lg-5th-pull-1{
right: 20%
}
.col-lg-5th-pull-0{
right: auto
}
.col-lg-5th-push-5{
left: 100%
}
.col-lg-5th-push-4{
left: 80%
}
.col-lg-5th-push-3{
left: 60%
}
.col-lg-5th-push-2{
left: 40%
}
.col-lg-5th-push-1{
left: 20%
}
.col-lg-5th-push-0{
left: auto
}
.col-lg-5th-offset-5{
margin-left: 100%
}
.col-lg-5th-offset-4{
margin-left: 80%
}
.col-lg-5th-offset-3{
margin-left: 60%
}
.col-lg-5th-offset-2{
margin-left: 40%
}
.col-lg-5th-offset-1{
margin-left: 20%
}
.col-lg-5th-offset-0{
margin-left: 0%
}}

.payment-success-page {
max-width: 1250px;
margin: auto;
padding: 135px 0px 100px 0px;
}
.payment-added {
font-family: var(--rp-primary-sans-font);
font-style: normal;
font-weight: 800;
font-size: 20px;
line-height: 24px;
color: var(--rp-gray-color-0);
margin: 15px 0px 0px 0px;
user-select: none;
text-align: center;
}
.succuss-tick {
width: 158px;
margin: 25px auto 0px auto;
}
.succuss-tick img {
width: 100%;
}
.succuss-msg1 {
font-family: var(--rp-primary-sans-font);
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: var(--rp-gray-color-0);
margin: 20px 0px 0px 0px;
padding: 0;
text-align: center;
}
.succuss-msg2 {
font-family: var(--rp-primary-sans-font);
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: var(--rp-gray-color-0);
margin: 15px 0px 0px 0px;
padding: 0;
text-align: center;
}


.done-button {
text-align: center;
margin: 30px 0px 0px 0px;
padding: 0;
}
.done-button .done-btn {
background: var(--rp-primary-color-dark);
border-radius: 2px;
font-family:  var(--rp-primary-sans-font);
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 19px;
text-align: center;
color: var(--rp-white-color-3);
height: 50px;
padding: 12px 50px 15px 50px;
border: none;
}
.done-button .retry-btn {
background: var(--rp-primary-color-dark);
border-radius: 2px;
font-family:  var(--rp-primary-sans-font);
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 19px;
text-align: center;
color: var(--rp-white-color-3);
width: 150px;
height: 50px;
padding: 12px 50px 15px 50px;
border: none;
}
.payment-success-page h5 {
font-family: var(--rp-primary-sans-font);
font-style: normal;
font-weight: 600;
font-size: 21px;
line-height: 26px;
color: var(--rp-primary-color-dark);
text-align: center;
margin-top: 25px;
}
/*---------------- Membership-Page End------------*/

#loginpage .saml-btn {
display: block;
width: 150px;
height: 42px;
background: #FFEEE2;
font-family: var(--rp-primary-sans-font);
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 21px;
color: var(--rp-primary-color-dark);
border-radius: 5px;
margin: 10px auto 10px auto;
cursor: pointer;
}
#loginpage .col-xs-12.text-center {
margin: 10px auto 15px auto;
}
#loginpage .col-xs-12.text-center img.sociallogin {
width: 50px;
padding-left: 10px;
padding-right: 10px;
cursor: pointer;
}
#loginpage .saml-btn:focus,
#loginpage .saml-btn.active,
#loginpage .saml-btn:hover {
background: var(--rp-primary-color-dark-hover);
color: var(--rp-white-color-3);
cursor: pointer;
}  
#device-pair-modal .saml-btn {
display: block;
width: 150px;
height: 42px;
background: #FFEEE2;
font-family: var(--rp-primary-sans-font);
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 21px;
color: var(--rp-primary-color-dark);
border-radius: 5px;
margin: 10px auto 10px auto;
cursor: pointer;
}
#device-pair-modal .col-xs-12.text-center {
margin: 10px auto 15px auto;
}
#device-pair-modal .col-xs-12.text-center img.sociallogin {
width: 50px;
padding-left: 10px;
padding-right: 10px;
cursor: pointer;
}
#device-pair-modal .saml-btn:focus,
#device-pair-modal .saml-btn.active,
#device-pair-modal .saml-btn:hover {
background: var(--rp-primary-color-dark-hover);
color: var(--rp-white-color-3);
cursor: pointer;
}

.orderdetails-page .back-button {
font-family: var(--rp-primary-sans-font);
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 15px;
color: var(--rp-primary-color-dark);
margin: 0px 0px 23px 0px;
padding: 0px 6px 0px 0px;
cursor: pointer;
width: 60px;
}
.orderdetails-page .back-button .leftarow {
  width: 12px;
  display: inline-block;
  margin: -2px 0px 0px 0px;
  padding: 0px 6px 0px 0px;
}

.error {
  background: #F93943 !important;
}

.content-icon {
  width: 15px;
}

.btn-success {
  color: #fff !important;
  font-weight: bold;
  background-color: var(--rp-primary-color-dark) !important;
  border-color: var(--rp-primary-color-dark) !important;
  min-width: 100px !important;
}
.btn-success:hover {
  background-color: var(--rp-primary-color-dark-hover) !important;
  border-color: var(--rp-primary-color-dark-hover) !important;
  color: #fff !important;
}
.btn-success-white {
  color: var(--rp-primary-color-dark) !important;
  font-weight: bold;
  background-color: #fff !important;
  border-color: var(--rp-primary-color-dark) !important;
  min-width: 100px !important;
}
.btn-success-white:hover {
  background-color: var(--rp-primary-color-dark) !important;
  border-color: var(--rp-primary-color-dark) !important;
  color: #fff !important;
}