@charset "utf-8";
/*** FONTS ***/
@import url('https://fonts.googleapis.com/css?family=Assistant:200,300,400,600,700,800&subset=hebrew');

html,
body {
	overflow-x: hidden; /* Prevent scroll on narrow devices */
	background: #f7f7f7;
	font-family: 'Assistant', sans-serif;
	font-size: 15px;
	font-weight: 300;
	color: black;
	line-height: 19px;
}

body {
	font-family: 'Assistant', Arial, sans-serif;
	font-size: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	/*background:#fff url(../images/hands.jpg) no-repeat center 320px fixed;*/
}
footer {
	padding: 30px 0 0 0;
	background: #D6DAE3;
}
h1 {
	font-size: 48px;
	font-weight: 300;
/*	color: #0CA437; */
/*	color: #1B24C0; */
	color: #101010;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0em;
	margin-right:0.4em;
	padding-bottom:0.4em;
}
h2 {
	font-size: 35px;
	font-weight: bold;
/*	color:#0CA437; */
/*	color: #1B24C0; */
	color: #101010;
	line-height: 38px;
	margin-top: 1em;
	margin-bottom: 0.3em;
	padding-bottom:0.4em;
}
h3 {
	font-size: 30px;
	font-weight: 700;
/*	color: #0CA437; */
/*	color: #1B24C0; */
	color: #101010;
	margin-bottom: 1em;
	margin-right:0.4em;
}
h4 {
	font-size: 19px;
	font-weight: bold;
	color: black;
	margin-bottom: 1em;
	margin-right:0.4em;
}
h5 {
	font-size: 16px;
	font-weight: 700;
	color: black;
	margin-bottom: 1em;
	margin-right:0.4em;
}
h6 {
	font-size: 16px;
	font-weight: 500;
	color: black;
	margin-bottom: 1em;
	margin-right:0.4em;
}

a {
/*	color:#0C531B; */
	color: #1B24C0;
	color: #101010;
	font-weight:500;
}
a:hover{
	text-decoration: none;
	color:gray;
}
#nav-icon2 {
	background: #fff;
	border: 0;
	width: 30px;
	height: 22px;
	position: relative;
	/*margin: 50px auto;*/
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

#nav-icon2 span {
	display: block;
	position: absolute;
	height: 4px;
	width: 50%;
	background: #42c1c6;
	opacity: 1;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
	left: 50%;
	/*border-radius: 0 9px 9px 0;*/
}

#nav-icon2 span:nth-child(odd) {
	left:0px;
	/*border-radius: 9px 0 0 9px;*/
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
	top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
	top: 9px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
	top: 18px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
	left: 5px;
	top: 7px;
}

#nav-icon2.open span:nth-child(2) {
	left: calc(50% - 5px);
	top: 7px;
}

#nav-icon2.open span:nth-child(3) {
	left: -50%;
	opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
	left: 100%;
	opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
	left: 5px;
	top: 12px;
}

#nav-icon2.open span:nth-child(6) {
	left: calc(50% - 5px);
	top: 12px;
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 991px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    /*right: -50%;*/
	right: -294px;
	top: -12px;
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; 
  }

  .row-offcanvas-right.active {
    /*right: 50%;*/ 
	right: 294px;
  }

  .row-offcanvas-left.active {
    left: 50%; 
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    /*width: 50%;*/ 
	width: 294px;
  }
}

/*
 * Frame
 * --------------------------------------------------
 */
#back-to-top {
	background: #42c1c6;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	width: 60px;
	height: 60px;
	position: fixed;
	left: 15px;
	bottom: 80px;
	box-shadow:1px 2px 2px rgba(0, 0, 0, 0.35);
	color: #fff;
	text-align: center;
	line-height: 60px;
	font-size: 26px;
	cursor: pointer;
	display: none;
}
.mafrid {
	width: 100%;
	height: 1px;
	clear: both;
	border-bottom: 1px #e8e8e8 solid;
}
.margin-top {
	margin-top: 15px;
}
.margin-bottom {
	margin-bottom: 15px;
}
#main-wrapper {
	width: calc(100% - 294px);
}
#main-content {
	padding: 15px 0;
}
#sidebar {
	width: 284px;
	background: #D6DAE3;
	overflow: 'hidden';
	padding: 0;
	/*padding: 15px 0;*/
}
#branding {
	position: relative;
	padding: 0 0 21px 0;
	width: 100%;
}
#sidebar-content {
	padding-top: 10px;
}
.sidebar-widget {
	margin: 0 0 10px 0;
	padding: 10px 15px 20px 15px;
	display: block;
}
.sidebar-widget-wide {
	padding: 10px 0 20px 0;
}
#logo-mobile {
	height: 72px;
	background: #fff;
	padding: 10px;
	margin-bottom: 15px;
}
#logo-mobile:after {
	display: block;
	height: 21px;
	margin: 10px 0 25px 0;
	content: ' ';
}
#mobile-toggle {
	position: relative;
	margin: -66px 20px 0 0;
}
#sidebar-signup-login {
	
}
#sidebar-active-user,
.user-credits {
	text-align: right;
	color: #fff;
	line-height: 1.2;
	font-size: 15px;
}
#sidebar-active-user a,
#sidebar-active-user span,
.user-credits span {
	color: #42c1c7;
	font-weight: 700;
}
span.no-more-credits {
	color: #d91626 !important;
}
.btn {
	border: 0;
	border-radius: 0;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	padding: 9px 24px;
	font-size: 18px;
	box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.17);
}
/* Ripple magic */
.btn {
	position: relative;
	overflow: hidden;
}

.btn:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 5px;
	height: 5px;
	background: rgba(255, 255, 255, .5);
	opacity: 0;
	border-radius: 100%;
	transform: scale(1, 1) translate(-50%);
	transform-origin: 50% 50%;
}
@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(25, 25);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(60, 60);
  }
}
/*.ink styles */
.ink {
	display: block; position: absolute;
	background:#4C4CFF;
	border-radius: 100%;
	transform: scale(0);
}
.ink.animate {
	animation: ripple-links 0.6s ease-out;
}
@keyframes ripple-links {
	100% {
		opacity: 0; transform: scale(2.5);
	}
}

.btn-default:hover::after,
.btn-success:hover::after,
.btn-info:hover::after, 
.btn-blank:hover::after,
.btn-warning:hover::after {
	animation: ripple .6s ease-out;
}
.btn-white:hover::after {
	animation: ripple .6s ease-out;
}

.btn-default,
.btn-default:hover {
	color: rgb(255, 255, 255);
	background-color: rgb(66, 193, 199);
}
.btn-success,
.btn-success:hover,
.btn-success:active,
.btn-success.active, 
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success,
.btn-success.focus, 
.btn-success:focus {
    color: #fff;
    border-color: #a78fc4;
	background-color: #a78fc4;	
}
.btn-info,
.btn-info:hover,
.btn-info:active,
.btn-info.active, 
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info,
.btn-info.focus, 
.btn-info:focus {
    color: #fff;
    border-color: #6db377;
	background-color: #6db377;	
}
.btn-white,
.btn-white:hover {
	color: #666 !important;
	background-color: #fff;
	font-weight: 600 !important;
}
.btn-blank,
.btn-blank:hover {
	color: #fff !important;
	background-color: transparent !important;
	background: transparent !important;
	box-shadow: none;
	padding: 0;
	margin: 0;
}
.btn-link {
	font-size: 18px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	background-color: transparent;
	padding: 9px 24px;
	box-shadow: none !important;
}
.btn-link:hover {
	color: rgb(66, 193, 199);
}
.btn-link:focus,
.btn-link:active {
	color: rgb(66, 193, 199);
}
.btn-warning,
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active, 
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning,
.btn-warning.focus, 
.btn-warning:focus {
    color: #fff;
    border-color: #fbaf17;
	background-color: #fbaf17;	
}
.btn-circle {
	font-size: 17px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	line-height: 12px;
	text-align: center;
	background-color: #fff;
	padding: 0px;
	width: 34px;
	height: 34px;
	vertical-align: middle;
	-webkit-border-radius:32px;
	-moz-border-radius:32px;
	border-radius:32px;
}
.btn-group-sm > .btn, .btn-sm {
    padding: 5px 10px;
    font-size: 15px;
	font-weight: 400;
    line-height: 1.5;
}
.btn-group-sm > .btn i, .btn-sm i {
    margin-left: 5px;
}

.color-facebook {
	background:#4862a3 !important;
	color:#fff;
}
.color-twitter {
	background:#55acee !important;
	color:#fff;
}
.color-google {
	background:#e36044 !important;
	color:#fff;
}
.color-instagram {
	background:#335e84 !important;
	color:#fff;
}
.color-youtube {
	background:#c8312b !important;
	color:#fff;
}

.color-facebook:hover {
	color:#4862a3;
	background:#fff !important;
}
.color-twitter:hover {
	color:#55acee;
	background:#fff !important;
}
.color-google:hover {
	color:#e36044;
	background:#fff !important;
}
.color-instagram:hover {
	color:#335e84;
	background:#fff !important;
}
.color-youtube:hover {
	background:#fff !important;
	color:#c8312b;
}
#q {
	background-color: rgb(94, 94, 97);
	width: 100%;
	height: 40px;
	border: 0;
	border-radius: 0;
	color: #fff;
	padding: 10px;
	font-size: 16px;
}
#form-submit {
	position: relative;
	width: 24px;
	height: 24px;
	background: transparent;
	border: 0;
	color: #bebebe;
	font-size: 18px;
	float: left;
    margin-left: 10px;
	top: -32px;
}
#sidebar-categories ul,
#sidebar-menu ul {
	margin-right: 0px;
}
#sidebar-categories ul li,
#sidebar-menu ul li {
	position: relative;
	overflow: hidden;
	padding-right: 45px;
}
#sidebar-categories ul li a,
#sidebar-menu ul li a {
	font-size: 18px;
	line-height: 2.778;
	position: relative;
	user-select: none;
	display: block;
	font-weight: 600;
	letter-spacing: 0.022em;
}
#sidebar-social ul li,
#contact-social ul li {
	position: relative;
	overflow: hidden;
}
#sidebar-social ul li a,
#contact-social ul li a {
	position: relative;
	user-select: none;
	display: inline-block;
	padding: 10px 5px;
}
#sidebar-categories ul li a:focus,
#sidebar-categories ul li a:active {
	color: #fff !important;
	text-decoration: none;
}
#sidebar-categories ul li a:hover,
#sidebar-menu ul li a:focus, 
#sidebar-menu ul li a:active,
#sidebar-menu ul li a:hover {
	text-decoration: none;
}
#sidebar-menu ul li a {
/*	color: #0C531B; */
	color: #101010;
	font-weight: bold;
}
#sidebar-categories ul li a i {
	margin-left: 10px;
	width: 20px;
	text-align: center;
}
#sidebar-categories ul li a img {
	margin-left: 8px;
	width: 20px;
	height: auto;
}
.text-color-white,
.text-color-white:hover,
.text-color-white:active {
	color: #fff;
}
.text-color-violet,
.text-color-violet:hover,
.text-color-violet:active {
	color: #de4197;
}
.text-color-orange,
.text-color-orange:hover,
.text-color-orange:active {
	color: #fbaf17;
}
.text-color-cyan,
.text-color-cyan:hover,
.text-color-cyan:active {
	color: #42c1c6;
}
.text-color-apple,
.text-color-apple:hover,
.text-color-apple:active {
	color: #6db377;
}
.text-color-eggplant,
.text-color-eggplant:hover,
.text-color-eggplant:active {
	color: #a58dc2;
}
.text-color-ocean,
.text-color-ocean:hover,
.text-color-ocean:active {
	color: #4287c7;
}
.text-color-bubblegun,
.text-color-bubblegun:hover,
.text-color-bubblegun:active { /* new: Proza */
	color: #F978be;
}
.text-color-navy,
.text-color-navy:hover,
.text-color-navy:active { /* new: Kids */
	color: #75cdff;
}
.text-color-mandarin,
.text-color-mandarin:hover,
.text-color-mandarin:active { /* new: Arts */
	color: #ef6c00;
}
.text-color-skies,
.text-color-skies:hover,
.text-color-skies:active { /* new: Spiritual */
	color: #42c1c7;
}
.text-color-sticklight,
.text-color-sticklight:hover,
.text-color-sticklight:active { /* new: Syfy */
	color: #cddc39;
}
.text-color-highnoon,
.text-color-highnoon:hover,
.text-color-highnoon:active { /* new: Entertainment */
	color: #ebc30b;
}
.text-color-cloudy,
.text-color-cloudy:hover,
.text-color-cloudy:active { /* new: Tutorials */
	color: #abadac;
}
.text-color-deepsea,
.text-color-deepsea:hover,
.text-color-deepsea:active { /* new: Judaism */
	color: #6DA8D2;
}
.text-color-peach,
.text-color-peach:hover,
.text-color-peach:active { /* new color for: recommended */
	color: #f78384;
}
.text-color-army,
.text-color-army:hover,
.text-color-army:active { /* new color for: thrillers */
	color: #90896d;
}

.bg-color-white {
	background-color: #fff;
}
.bg-color-violet {
	background-color: #de4197;
}
.bg-color-orange {
	background-color: #fbaf17;
}
.bg-color-cyan {
	background-color: #42c1c6;
}
.bg-color-apple {
	background-color: #6db377;
}
.bg-color-eggplant {
	background-color: #a58dc2;
}
.bg-color-ocean {
	background-color: #4287c7;
}
.bg-color-bubblegun {
	background-color: #F978be;
}
.bg-color-navy {
	background-color: #75cdff;
}
.bg-color-mandarin {
	background-color: #ef6c00;
}
.bg-color-skies {
	background-color: #42c1c7;
}
.bg-color-sticklight {
	background-color: #cddc39;
}
.bg-color-highnoon {
	background-color: #ebc30b;
}
.bg-color-cloudy {
	background-color: #abadac;
}
.bg-color-deepsea {
	background-color: #6da8d2;
}
.bg-color-peach {
	background-color: #f78384;
}
.bg-color-army {
	background-color: #90896d;
}

#top-nav-social,
#contact-social ul {
	margin-right:22px;
	color:#fff;
	font-size:22px;
	text-align: right;
}
#top-nav-social li a,
#contact-social ul li a {
	color:#fff;
	padding: 10px;
}
#top-nav-social li a:hover,
#contact-social ul li a:hover {
	color:#42c1c6;
}
#top-nav-social li,
#contact-social ul li {
	margin: 0;
}
.panel {
	margin: 0 0 15px 0;
}
.panel-default {
	background: #fff;
	box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.17);
}

/*
 * Content
 * --------------------------------------------------
 */

.package-wrapper {
	box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.37);
	background: #fff;
	margin: 0 0 15px 0;
}
.pinched {
	position:relative;
	padding:0px 15px 15px 15px;
	/*margin:15px 0 3em;*/
	margin:15px 0 0 0;
	text-align:center;
	color:#fff;
}
.pinched h3 {
	color: #fff;
	font-weight: 400;
	line-height: 50px;
	padding: 15px 0 15px 0;
	margin: 20px 0;
}
.pinched:before {
	content:"";
	position:absolute;
	bottom:0px;
	left:50%;
	width:100px;
	height:30px;
	margin:0 0 0 -50px;
	background:#333;
}
.pinched.bg-color-cyan:before {
	background:#42c1c6;
}
.pinched.bg-color-white:before {
	background: #fff;
}
.pinched.bg-color-violet:before {
	background: #de4197;
}
.pinched.bg-color-orange:before {
	background: #fbaf17;
}
.pinched.bg-color-cyan:before {
	background: #42c1c6;
}
.pinched.bg-color-apple:before {
	background: #6db377;
}
.pinched.bg-color-eggplant:before {
	background: #a58dc2;
}
.pinched.bg-color-ocean:before {
	background: #4287c7;
}
.pinched:after {
	content:"";
	position:absolute;
	bottom:0px;
	left:0;
	width:50%;
	height:30px;
	background:#fff;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-top:20px;
	border-top-right-radius:20px;
}

.pinched > :first-child:before {
	content:"";
	position:absolute;
	bottom:0px;
	right:0;
	width:50%;
	height:30px;
	background:#fff;


	-webkit-border-top-left-radius:20px;
	-moz-border-radius-top:20px;
	border-top-left-radius:20px;
}
.package-description {
	padding: 30px 0;
	min-height: 350px;
}
.package-description-header {
	font-size: 30px;
	font-weight: 400;
	text-align: center;
	line-height: 50px;
	margin: 0 0 15px 0;
}
.package-description ul {
    list-style: none;
}
.package-description li {
	font-size: 16px;
	font-weight: 400;
	line-height: 36px;
	padding-left: 1em; 
    text-indent: -.7em;
}
.package-description li:before {
    content: "• ";
	font-size: 24px;
    color: #6db377; 
}
.package-footer {
	/*padding: 15px;*/
	text-align: center;
}
.package-footer strong {
	font-size: 30px;
	color: #000000;
	line-height: 30px;
	font-weight: 800;
	display: block;
	margin-bottom: 0px;
}
.package-footer a,
.package-footer a:hover,
.package-footer a:active {
	text-decoration: none;
	display: block;
	width: 100%;
	padding: 10px;
}
.package-footer span {
	font-size: 25px;
	color: #fff;
	font-weight: 300;
}


.book-inline {
	direction:rtl;
	line-height:22px;
	margin-bottom:60px;
	min-height:360px;
	text-align: center;
}
.author-inline {
	line-height:22px;
	margin-bottom:30px;
	min-height:210px;
}
.sale-badge {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 75px 75px 0 0;
	color:#fff;
	line-height:14px;
	text-align:center;
	padding-top:0px;
	font-size:13px;
	font-weight:400;
	position:absolute;
	top:0px;
	left:0px;
	z-index:998;
	border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
}
.sale-badge-color-violet {
	border-color: rgba(222, 65, 151, 0.8) transparent transparent transparent;
}
.sale-badge-color-orange {
	border-color: rgba(251, 175, 23, 0.8) transparent transparent transparent;
}
.sale-badge-color-cyan {
	border-color: rgba(66, 193, 198, 0.8) transparent transparent transparent;
}
.sale-badge span {
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Safari */
	transform: rotate(-45deg);
	display:block;
	color:#fff;
	line-height:14px;
	text-align:center;
	padding-top:0px;
	margin-bottom:25px;
	height:25px;
	font-size:15px;
	font-weight:400;
	position:absolute;
	top:-65px;
	left:5px;
	z-index:999;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}

#book-details-top .sale-badge {
	left: 15px;
}
.book-name {
	margin-top: 7px;
	height:58px;
	font-size:18px;
	font-weight:700;
	margin-bottom: 2px;
	overflow:hidden;
	padding: 0 5px;
	line-height: 19px;
}
.book-name a {
	color: #3b3b3b;
}
.book-inline .book-name a {
	display: block;
	max-height: 42px;
	margin-bottom: 4px;
}
.book-author {
	font-size:14px;
	line-height:15px;
	font-weight:400;
	margin-top: 3px;
}
.book-inline .book-author {
	margin-top: 1px;
}
.book-release {
	font-size:13px;
	color: #fd6b13;
}
.book-release span {
	color:#2e2e2e;
	margin:0 3px;
}
.book-prices {
	text-align: center;
	font-size: 19px;
}
.price-new {
	font-size:19px;
	color:#4d4d4f;
	font-weight:700;
	line-height:20px;
	display:inline-block;
	margin-left: 3px;
	margin-right: 3px;
}
.price-old {
	margin-top:5px;
	margin-bottom:8px;
	font-size:16px;
	display:inline-block;
	text-decoration:line-through;
	color:#888;
	line-height:14px;
	margin-left: 3px;
	margin-right: 3px;
}
.price-saved {
	font-size:14px;
}
.book-inline .price-new {
	margin: 8px 0 0 0;
}
.book-inline .price-new {
	display: block;
}
.book-inline .btn {
	margin: 10px 0;
}
.price-wrapper {
	font-size: 19px;
	font-weight: 700;
}
.price-old:after,
.price-new:after,
.cart-book-price:after,
#cart-sutotal-1 span.price:after,
#cart-sutotal-2 span.price:after,
#cart-sutotal-1-mobile span.price:after,
#cart-sutotal-2-mobile span.price:after,
.cart-discount:after,
.cart-user-total-price:after {
	content: " \20aa";
}
footer a {
	color: #000000;
}
footer a:hover,
footer a:active {
	color: #000000;
}
footer img {
	margin: 15px auto;
}
#footer-nav li {
	color: #000000;
	line-height: 36px;
	font-size: 18px;
	text-align: center;
}
#footer-nav li:first-child {
	margin-top: -10px;
}
#footer-social {
	height: 34px;
	margin-left: 15px;
}
#footer-social li {
	text-align: left;
	font-size: 22px;
	margin: 5px;
}
#copyrights,
#credits {
	color: #fff;
	text-align: right;
	margin: 10px 0 0 0;
	background: #252526;
	padding: 3px 15px;
}
#credits {
	text-align: left;
}
#copyrights a,
#credits a {
	color: #fff;
}
.add-to-wishlist {
	padding-right: 0;
	font-weight: 400;
}
.add-to-wishlist img {
	margin-left: 5px;
}
.book-full-rent {
	width: 100%;
	max-width: 195px;
	display: block;
}
.book-full-rent i {
	margin-left: 5px;
}
.social-icons {
	padding:5px;
	margin: 7px 0;
	color:#454545;
}
.media-list-share {
	text-align:center;
	padding:0;
	margin:0;
}
.media-list-share li {
	display:inline-block;
	margin-left:0px;
	font-size: 18px;
}
.social-icons-header {
	width: 100%;
	font-size: 16px !important;
}
.media-list-share li a {
	display:inline-block;
	color:#42c1c6;
	width:34px;
	height:34px;
	line-height:40px;
	text-align:center;
	font-size:18px;
	border-radius:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.media-list-share li a:hover {
	color:#646464;
}
.media-list-share-right {
	text-align:right;
	padding:0;
	margin-right:-12px;
}
.nav-tabs {
	margin: 0 -13px 15px -13px;
}
.nav-tabs li a {
	color: #7e7f82;
	font-size: 20px;
	font-weight: 700;
	line-height: 40px;
	height: 60px;		
}
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus,
.nav-tabs li.active a:active {
	color: #42c1c7;
	border: 0 none;
}
.nav-tabs li.active {	
	border-bottom: solid 3px #42c1c7;
}
.nav-tabs > li > a:hover {
    border-color: transparent;
}
.nav > li > a:focus, 
.nav > li > a:hover {
    background-color: transparent;
	color: #42c1c7;
}

/*** Book Page ***/
#book-full-wrapper .panel {
	padding: 15px 0;
}

#book-full-wrapper h2,
#book-full-wrapper h2 a {
	font-size: 28px;
	font-weight: 700;
	margin-top: 0;
	position: relative;
	top: -15px;
	color: #4d4d4f;
}
#book-full-wrapper h2 a {
	top: 0px;
}
#book-full-wrapper h3 {
	font-size: 24px;
	font-weight: 300;
	color: #4d4d4f;
	line-height: 25px;
}
.book-reviewer {
	font-weight: 700;
	font-size: 16px;
}
.user-single-rating {
	margin: 5px 3px;
}
#your-rating a {
	display: block;
}
.user-single-rating li,
#your-rating li a {
	padding: 2px;
	color: #B0B0B0;
}
#your-rating li {
	padding: 0;
	margin: 0;
	position: relative;
	margin-left: -4px;
}
#your-rating {
	margin: 6px -2px 14px 0;
}
#your-rating li a {
	font-size: 25px;
	padding: 3px;
}
.user-single-rating li i.fa-star,
#your-rating li i.fa-star {
	color: #fbaf17;
}
#your-rating li.star-hover i {
	color: #f2d8a5;
}
.form-material label {
	color: #97979c;
	font-weight: 300;
	font-size: 16px;
}
.form-material .form-control {
	border: 0;
	outline: hidden;
	border-bottom: solid 1px #d7d7d7;
	height: 34px;
	box-shadow: none;
	line-height: 34px;
	font-size: 18px;
	padding-right: 2px;
	overflow: hidden;
	-ms-overflow-style: none;
}
.form-material .form-control:focus {
	border-bottom: solid 1px #42c1c7;
}
#tab-reviews h4 {
	margin-bottom: 0;
}
.book-review-text {
	margin: 10px 0 45px 0;
	font-size: 16px;
	line-height: 22px;
}

#authors-alphabeit {
	margin-bottom: 15px;
}
#authors-alphabeit a {
	display:inline-block;
	font-size:25px;
	font-weight:200;
	margin:10px 8px;
	width: 15px;
	height:15px;
	color: #4d4d4f;
}
#authors-alphabeit a:hover {
    color:#6db377;
}
#authors-alphabeit a.active {
	text-decoration:none;
	color:#6db377;
	font-weight:800;
	text-decoration: none;
}
#authors-grid {
	margin: 45px 0;
}
#authors-grid .book-info {
	margin: 0 0 15px 0;
}
#authors-grid .book-image-grid img {
	border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.author-synopsis {
	position: relative;
	margin-top: -2px;
	text-align: right;
	width: 100%;
	height: 82px;
	/*white-space: nowrap;*/
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 1.2;
	font-size: 15px;
	margin-bottom: 5px;
}
h4.author-name-grid a {
	margin: 5px 0;
	font-size: 24px;
	line-height: 21px;
	color: #482716;
	text-align: center;
	display: block;
}
h4.author-name-grid a:hover {
	color: #6db377;
}
h4.author-name-grid {
	padding: 0;
}
.author-read-more {
	text-align: left;
	font-size: 15px;
	font-weight: 700;
	display: block;
}
#more-contact-options {
	margin: 10px 0;
	padding-bottom: 15px;
	text-align: center;
}
#more-contact-options i {
	margin-left:0px;
	font-size: 30px;
	color: #42c1c6;
	display: block;
	margin: 10px;
}
.contact-option {
	text-align: center;
	font-size: 20px;
	margin-bottom: 15px;
}

.form-group .bar {
  position: relative;
  border-bottom: 0.0625rem solid #999;
  display: block;
}
.form-group .bar::before {
  content: '';
  height: 0.125rem;
  width: 0;
  left: 50%;
  bottom: -0.0625rem;
  position: absolute;
  background: #ec008c;
  -webkit-transition: left 0.28s ease, width 0.28s ease;
  transition: left 0.28s ease, width 0.28s ease;
  z-index: 2;
}
.form-group .input-label-selected {
  	color: #ec008c;
}
.form-group select:focus ~ .bar::before,
.form-group input:focus ~ .bar::before,
.form-group textarea:focus ~ .bar::before {
  width: 100%;
  left: 0;
}

#contact-social ul {
	text-align: center;
	margin: 30px 0 15px 0;
}
#contact-social ul li a i {
	font-size: 22px;
	color: #fff;
}
#contact-social ul li a:hover i {
	color: #42c1c6;
}
#contact-social ul li a {
	width: 45px;
	height: 45px;
	line-height: 45px;
	padding: 3px 0 0 0;
}
#bottom-image-mobile {
	position: relative;
	top: 15px;
}
#bottom-image-mobile img {
	margin: 0 auto;
}
.faq-answer-wrapper {
	margin: 20px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #c3c3c3;
}
.faq-answer-wrapper h4 {
	color: 482716;
	font-size: 24px;
	font-weight: 500;
}
.faq-answer-wrapper img {
	position: relative;
	top: -3px;
	margin: 0 3px;
}

#faqs {
	margin: 60px 0;
}
.faq-index li.sub-title {
	font-size: 19px;
	font-weight: 600;
	padding: 10px 5px;
	color: #6db377;
}
.faq-index li a:before {
	font: normal normal normal 16px/1 FontAwesome;
	content: "\f104";
	margin: 0 5px;
	color: #42c1c6;
}
.faq-index li a {
	color: #482717;
	color: #676767;
	font-size: 17px;
	font-weight: 500;
}
.category-icon {
	padding: 30px 0;
	float: left;
}
.see-more-pages {
	text-align:center;
	border-top: #e8e8e8 solid 1px;
}
.pagination li a {
	margin:3px;
	border: 0 none;
	font-size: 20px;
	color: #4d4d4f;
}
.pagination li > a:hover {
	background-color: transparent;
	color: #6db377;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: transparent;
    border: 0 none;
	color: #6db377;
	font-weight: 800;
}
.pagination > li > a,
.pagination > li > a:first-child, 
.pagination > li > a:last-child {
	border-radius:0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.pagination > li:last-child > a {
	border-radius: 0 0 0 10px;
    -moz-border-radius: 0 0 0 10px;
    -webkit-border-radius: 0 0 0 10px;
}
.panel-no-padding {
	padding-top: 0;
}
.user-cover {
	background-color: #4d4d4f;
	position: relative;
	padding: 15px;
	color: #fff;
}
.author-cover {
	background-size: cover !important;
	height: 400px;
}
.user-cover img {
	border: solid #dedede 2px;
}

.user-cover h2 {
	margin-bottom: 10px;
}
#user-profile-editor {
	display: none;
}
.form-control-note {
	font-size: 13px;
	margin-bottom: 10px;
	position: relative;
	top: -10px;
}
.book-rent-duration {
	font-size: 14px;
	margin: 0;
	background: #fdfdfd;
	padding: 5px;
	color: #de4197;
	font-weight: 600;
}
#forgot-password-form {
	display: none;
}
.rent-this-book-wrapper h2 {
	position: relative;
	top: -10px;
}
.rent-this-book-wrapper h2 ~ div {
	position: relative;
	top: -20px;
	margin-bottom: 15px;
}
.rent-duration {
	height: 20px;
	line-height: 20px;
	font-weight: 500;
	font-size: 16px;
}
.rent-duration i {
	color: #6db377;
	position: relative;
	top: 1px;
}
.credit-status {
	font-size: 16px;
}
.credit-status span {
	color: #6db377;
	font-weight: 700;
	font-size: 17px;
}
.author-social li a {
	color: #fff;
	font-size: 22px;
	display: inline-block;
	margin: 6px 3px;
}
#author-picture,
.author-header {
	height: 100%;
}
#author-picture img,
#author-name-soccial {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
}

.user-cover-overlay {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.5) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0.5) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
	height: 400px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
}
#readers-reviews img {
	border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	width: 50px;
	height: auto;
	float: right;
	margin: 15px 0 0 10px;
}
#readers-reviews h4 {
	margin-bottom: 0;
	margin-top: 15px;
}
.btn-extend,
.btn-cancel {
	font-size: 18px;
	padding: 3px;
	font-weight: 600;
}
.btn-extend {
	color: #6db377;
}
.btn-cancel {
	color: #4d4d4f;
}
.btn-close {
	box-shadow: none;
color: #BCBCBD;
}
.publisher-social {
	display: block;
}
.publisher-social li a {
	color: #6db377;
	font-size: 22px;
	display: inline-block;
	margin: 6px 3px;
}
.gallery img {
	margin-bottom: 30px;
}
.slider {
	direction: ltr !important;
}
#slider {
	display: none;
}
.slider ul {
	margin-bottom: 0 !important;
}
.lSPager {
	margin-top: -20px !important;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, 
.lSSlideOuter .lSPager.lSpg > li a,
.lSSlideOuter .lSPager.lSpg > li.active a {
	background-color: #4d4d4f;
	border-radius: 30px;
	height: 16px;
	width: 16px;
	box-shadow:1px 2px 2px rgba(0, 0, 0, 0.35);
}
.lSSlideOuter .lSPager.lSpg > li:hover a, 
.lSSlideOuter .lSPager.lSpg > li.active a {
	background-color: #6db377;
}

/*
 * Modal
 * --------------------------------------------------
 */
.modal-content {
	border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
input[type="checkbox"].checkbox-inline {
	margin: 5px 0 5px 5px;
}
.modal-content .btn {
    margin: 10px 0 0 0;
}
body.modal-open {
	margin-right: 0 !important;
	padding-right: 0 !important;
}
.form-control {
	border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color:black;
    font-weight:600;
}
/*
 * Responsive
 * --------------------------------------------------
 */
@media (min-width: 1360px) and (max-width: 1499px) {
	#main-wrapper {
		width: calc(100% - 294px);
	}
	#main-wrapper .container {
		width: 970px;
	}
}

@media (min-width: 992px) and (max-width: 1359px) {
	#main-wrapper .container {		/*width: 780px;*/
		width: 100%;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#main-wrapper {
		/*width: 970px;*/
	}
	footer .col-md-8,
	footer .col-md-4 {
		margin-bottom: 30px;
	}
	#footer-social {
		text-align: right;
	}
	.media-list-share li a {
		width:28px;
		height:28px;
		line-height:40px;
		font-size:17px;
	}
}
@media (max-width: 991px) {
	#main-wrapper {
		width: 100%;
	}
	#home-what-is-bookly {
		padding: 30px 0 0 0;
	}
	.home-what-is-bookly-bg {
		padding-bottom: 260px;
	}
	footer .col-md-8,
	footer .col-md-4 {
		margin-bottom: 50px;
		text-align: center;
		font-size: 15px;
	}
	#packages-bg {
		padding: 0;
	}
	.packages-bg, .faq-bg  {
		/*background: url(../images/packages-bg.png) no-repeat center 330px #fff;
		background-size: 50%;*/
		background: none;
		background-color: #fff;
	}
	.packages-bg #bottom-image-mobile,
	.faq-bg #bottom-image-mobile {
		top: 0;
	}
	.contact-bg {
		background-size: 200px;
	}
	.category-icon {
		padding: 30px 0;
		float: none;
		margin: 0 auto;
	}
	.author-cover {
		height: 270px;
	}
	#author-name-soccial {
		margin-right: 15px;
	}
	.user-cover-overlay {
		height: 270px;
	}
}
@media (max-width: 768px) {
	/*
	#packages-bg {
		padding-bottom: 700px;


	}
	*/
}
@media (max-width: 767px) {
	.pinched h3 {
		font-size: 44px;
	}
	.package-description-header {
		font-size: 36px;
	}
	.package-description li {
		font-size: 22px;
	}
	#copyrights,
	#credits {
		text-align: center;
		margin: 0;
		background: #252526;
		padding: 3px 15px;
	}
	.nav-tabs li {
		width: 100%;
		display: block;
	}
	.contact-bg {
		background: none;
		background-color: #fff;
	}
}
@media (max-width: 639px) {
	#home-what-is-bookly .btn {
		margin-top: 20px;
	}
	.home-what-is-bookly-bg {
		padding-bottom: 220px;
		background-size: 50%;
		background-position: bottom center;
	}
	#home-what-is-bookly p:last-child {
		text-align: center;
	}
	.pinched h3 {
		font-size: 36px;
	}
	.package-description li {
		font-size: 18px;
		line-height: 24px;
	}
	.book-name {
		height:58px;
		font-size:20px;
		margin-bottom: 2px;
		padding: 0 5px;
		line-height: 19px;
	}
	.book-inline .book-name a {
		max-height: 38px;
	}
	.book-author {
		font-size:18px;
		line-height:15px;
	}
	.packages-bg {
		/*background: url(../images/packages-bg.png) no-repeat center 330px #fff;
		background-size: 50%;*/
		background: none;
		background-color: #fff;
	}

	.user-cover h2 {
		font-size: 18px;
	}
	.user-cover .btn {
		margin-bottom: 10px;
	}
	.author-cover {
		height: 220px;
	}
	.user-cover-overlay {
		height: 220px;
	}
}
@media (max-width: 640px) {
    .col-pt-6 {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .col-pt-12 {
        width: 100%;
    }
	.author-cover {
		height: 160px;
	}
	.user-cover-overlay {
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0.65) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0.65) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0.65) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
		height: 160px;
	}
}

/* Added by Ori Idan */
.avatar {
	cursor:pointer;
}
.avatar-selected {
	border:3px solid #4d4d4f;
}
.txtpage {
      padding-right:15px;
}

/* Fixes 27.2.2017 */
#packageModal .modal-dialog {
	width: 295px;
	max-width: 100%;
}
#packageModal .modal-body {
  overflow-y: auto;
}
@media (max-width: 767px) {
	#packageModal .modal-dialog {
		margin: 30px auto;
	}
}
.payment-method-check {
	font-size: 20px;
	border: dotted 1px #4d4d4f;
	padding: 15px 10px;
	margin: 0 0 15px 0;
	cursor: pointer;
}
.payment-method-check i {
	position: absolute;
	margin-top: -26px;
	background: #fff;
	padding: 0 2px;
}
.payment-method-check.checked {
	color: #3dcc53;
	border: dotted 1px #3dcc53;
}
.payment-method-check.checked i {
	margin-right: -2px;
}
.pinched h3 {
	text-align: center;
}

.circle{
	height:70px;
	width:70px;
	border-radius:35px;
	border:3px solid #946D36;
	float:right;
	padding-top:12px;
	margin:15px;
	text-align:center;
	margin-top:2em
}
.circleclass{
	width:530px; /*(width+(margin*2))*circlecount*/
	text-align:center;
	margin:auto;
	
}
.circleclass a{
	color:#B1986F;
}
.adminsupportitle{
	margin-top:0.5em;
	padding-bottom:1em;
	text-decoration:underline;
	text-align:right;
	font-size:1.5em;
	font-weight: bold;
}
.adminsupportwindow{
    border: 2px solid #a1a1a1;
    padding: 10px 40px; 
    border-radius: 25px;
}

.titleheader{
	color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px #160D0E, 0 0 5px darkblue;
	margin-top:0.5em;
	padding-bottom:2em;
	text-align:center;
	
}
.newbookexp{
	margin-top:1em;
	text-align:left;
}
.titleheader quick{
	margin-top:3em;
	margin-bottom:3em;
	padding-bottom:2em;
}


.viewpackage{

	text-align:right;
	padding-top:2.5em;
	padding-bottom:2em;
	padding-right:10px;
	background-repeat: no-repeat;
	background-position:center top;
	background-size:10%;
	-webkit-box-shadow: 0 0px 0px black;
	-moz-box-shadow: 0 0px 0px black;
	box-shadow: -10px 10px 10px #525252;
	-webkit-transform: rotate(1.5deg);
	-moz-transform: rotate(1.5deg);
	-o-transform: rotate(1.5deg);
	-ms-transform: rotate(1.5deg);
	transform: rotate(1.5deg);

}

.pkgpink{
	background-color:#FF80BF;
	background-image:url('../intpics/t3.png');
}

.pkgblue{
	background-color:#3AC6FF;
	background-image:url('../intpics/t4.png');
}

.pkgyellow{
	background-color:#FCE48E;
	background-image:url('../intpics/t1.png');
}

.pkgred{
	background-color:#FF565D;
	background-image:url('../intpics/t2.png');
}

.bullets{
	padding-right:10px;
}

.pay{
	text-align: justify;
	margin-top:0.5em;
	text-align:center;
	margin-left:0.5em;
	margin-right:0.5em;
}

.notes{
	text-align:right;
	margin-bottom:3em;
	padding-top:2.5em;
	padding-bottom:2em;
	margin-right:1em;	
	margin-left:1em;	
	padding-right:10px;
	border:1px solid #D6DAE3;
	border-radius:5px;
	background-color:#D6DAE3;
	box-shadow: 10px 10px 5px grey;

}
.newbook{
	text-align:center;
	margin-top:0.5em;
	margin-bottom:1em;
	color:#2EBC4A;
	text-shadow: 1px 1px 2px black, 0 0 25px #000000, 0 0 5px #7AF18D;
	font-size:3em;
	font-weight:650;
}

.join{
	text-align:center;
	margin-top:2em;
	color:#2EBC4A;
	text-shadow: 1px 1px 2px black, 0 0 25px #000000, 0 0 5px #7AF18D;
	font-size:2em;
}

.join a{
	text-align:center;
 	background-color: #2EBC4A;
    color: white;
}

.sendbook{
	text-align:right;
	margin-top:0.5em;
	margin-bottom:1em;
	font-size:1.5em;
    text-shadow: 2px 2px 5px green;

}
blockquote.reviews {
  padding-bottom: 2em;
  background-color: #faebbc;
  border-top: 1px solid #e1cc89;
  border-bottom: 1px solid #e1cc89;
  margin: 5px;
 }

.textreviews {
	font: 14px/20px italic Times, serif;
	padding: 8px;
	text-indent: 35px;
}
.mycheckbox{
	position:relative;
	display:inline-block;
	border:1px solid #a9a9a9;
	border-radius:0.25em;
	font-size:1.1em;
	height:1.3em;
	width:1.3em;
}

.benefits{
	font-size:1.4em;
	margin-bottom:1em;
}


.progress {
	height:2.5em;
}

.progress-bar {
	font-size:1.2em;
	padding-top:0.5em;
}
.progress-bar a{
	color:white;
}
.loginbtn {
/*	color:#0C531B; */
	color: #1B24C0;
	border:1px dotted #0C531B;
	width:10em;
	margin-right:2em;
	margin-top:0.5em;
}
.sidebartxt{
	font-size:1.5em;
/*	color:#39C963; */
	color: #1B24C0;
	font-weight:bold;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

}
.sidebartxt a:hover{
	text-decoration:none;
}

.sidebartxt a{
	color:#39C963;
}

p{
	font-size:18px;
	line-height: 1.2em;
}

.line{
	border-bottom: 1px dotted gray;
	margin-top:1em;
	margin-bottom:1em;
}

.mainboxes{
	box-shadow:inset 0px 0px 20px 10px #0C531B;
	margin-bottom:3em;
	padding-top:2em;
	padding-bottom:2em;
	margin-right:1em;	
	margin-left:1em;	
	padding-right:10px;
	border:1px solid #D6DAE3;
	border-radius:5px;
	background-color:#D6DAE3;
	text-align:center;
	padding-left:10px;
	font-weight: bold;
}

.saleprice{
	background-color:#B53436;
    color: #fff;
    line-height: 14px;
    text-align: center;
    padding-top: 10px;
	margin-top:0px;
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 998;
    width: 60px;
    height: 60px;
    border-radius: 0 0 60px 0;
    -moz-border-radius: 0 0 60px 0;
    -webkit-border-radius: 0 0 60px 0;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.35);
}

.sale span{
    ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: block;
    color: #fff;
    line-height: 14px;
    text-align: center;
    padding-top: 2px;
	padding-right:20px;
    margin-bottom: 25px;
    height: 25px;
    font-size: 15px;
    font-weight: 400;
    position: absolute;
    top: 6px;
    left: 2px;
    z-index: 999;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
	font-weight: bold;
}
.mainsale{
	color: #A9363C;
	text-align:center;
	font-size: 21px;
	font-weight: bold;
	line-height:200%;
}
.mainsale a{
	border: dotted 2px #A9363C;
	color: #A9363C;
}
.chapterlist{
	padding-top:-2em;
	margin-right:-1em;
	margin-left:-2em;
	text-align:right;
}
.clicablecomment{
	cursor:pointer;
}

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}

.autocomplete-items {
  position: absolute;
/*  border: 1px solid #d4d4d4; */
  border-bottom: none;
  border-top: none;
  z-index: 1000;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  margin-right:35px;
  cursor: pointer;
  background-color: #fff; 
/*  border-bottom: 1px solid #d4d4d4; */
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9; 
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}

li {
	font-size:18px;
	line-height:1.2em;
}

.imgdialog {
	text-align:center;
	width:100px;
	padding:5px;
	padding-top:15px;
}

.img {
	cursor: pointer;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

