body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: "pnum";
    font-variant-numeric: proportional-nums;
    background-color: #E9EBEE;
    margin:0px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    overflow: auto;
}
#overlay {
  position: fixed;
  width: 100%; 
  height: 100%; 
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.8);
  z-index: 1075; 
  cursor: pointer; 
  padding: 10px;
  text-align:center;
  color:#fff;
  font-size:18px;
  text-shadow: #06ff00 0px 0 10px;
}
h1 {
    line-height: 35px; 
    margin: 0px;
    color:#585858;
}

h2 {
    font-size: 22px;
    line-height: 30px;
    color:#12A70C;
}

b, strong {
    font-weight: 500;
}

div {
    display: block;
}
.collection-title {
    font-weight: 700;
    color: #4A4848;
    font-size: 20px;
}
.gp-heading-link {
    font-size: 27px;
    line-height: 30px;
    color: #0b82a0;
    text-decoration: underline;
    display:block;
}
.gp-content h3 {
    font-size: 22px;
}
.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}
.file-author {
    line-height: 12px;
    overflow: hidden;
    white-space: nowrap;
}
#upload-top {
    color:#565656;
    font-weight: 500;
    margin-right: 13px;
    font-size: 17px;
}
.hope-logo {
    width: 80%;
    max-width: 382px;
    border:0; 
}
.hope-heading {
    font-weight: 500;
    text-align: center;
    font-size: 1.3em;
    margin-top: 5px;
}
.hope-search-box {
    padding: 0px 2%;
}
.hope-search-button {
    background-color: #a98c2c;
    border-color: #a98c2c;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.premium-promo {
    font-size: 17px;
    color: #775605;
    text-align: center;
    line-height: 25px;
    padding: 14px 12px;
    background-color: #ffe28d;
    margin-bottom: 10px;
    cursor: pointer;
    border: 1px #ccc solid;
    border-radius: 5px;
}
#loading-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #ececec;
    display:none;
    text-align: center;
}
#reload-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 41px;
    background-color: #fff;
    display:none;
    text-align: center;
}
.collection-title > a {
    color: #4A4848;
}

.alerts-body {
    padding: 0px;
    width: 485px;
    text-align: center;
}
.alerts-img {
    width:485px;
    border:0;
}
.alerts-content {
    width: 487px;
}
.alerts-email {
    min-width: 320px;
}
.alerts-heading {
    width:100%;
    font-size: 18px;
    font-weight: 500;
    margin: 3px 0px 10px 0px;
    color: #0d86c3;
}
button, input, optgroup, select, textarea {
    font-family: 'Roboto', sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
.p-value {
    display: block;
    color: #000;
}
.alert-success {
    border-color:#93b386;
}

.popover {
    min-width:430px;
}

.popover-content {
    padding: 0px;
}
.new {
    color: #ff5656;
    font-weight: 500;
}
#signin-mobile {
    font-size: 21px;
    color: #1378D5;
    position: absolute;
    top: 9px;
    right: 17px;
}

.taboola-right {
    width: 352px;
}
.dropdown-menu-muted {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 13px;
    line-height: 19px;
    color: #424242;
}
#flag {
    top: 0;
    left: 0;
    position: fixed;
    text-indent: -1000px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: url(/assets/img/flag-tr.png) 0 0 no-repeat;
    z-index:12
}
.btn-secondary {
    color: #292b2c;
    background-color: #fff;
    border-color: #ccc;
}
.btn-secondary:hover {
    color: #292b2c;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn {
    padding: .5rem 1rem;
}
.btn-responsive {
    padding: 0.4rem 1rem;
    line-height: 1.4em;
}
.star-rating {
  font-size:17px;
  cursor: pointer;
}

.star-rating .fa-star{
    color: #737373;
}
#authors-books-title {
    font-weight: 300;
    color: #3865af;
    font-size: 26px;
    margin-top: 20px;
    margin-bottom: 12px;
}
.reviews {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 32%;
    font-size: 14px;
    line-height: 24px;
    border: 0;
    margin: 0;
    padding-bottom: 20px;
}
.review-score {
    color: #333;
    font-size: 64px;
    font-weight: 100;
    line-height: 64px;
    text-align: center;
}
.review-star {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAAyklEQVR4AWNAB6VxDPhBmWbJz2ppvEpKZhX/L2nDo6BBpOR78f/it32cuM2oBSoAwpJ07CYwlUoUv4AquVbC3cc5iX0mawNLAxNDSUHxnuJLQMk/YGlMWMPQwFWyCZsU1LxysBWrmEum4lBQhOzQ0uJ/GAry0H3TgqZgFaaHJ6IpOYGpZD+akq9A76KC4rdgqX8lh2CuKlNHjT4ZSJCVWwHj2rrkIohXGo6aBLyKf5U2NrAxwIKhoPhjcTuKknL3cm1Ui6skS5MgLAAe2rQWRd0/ggAAAABJRU5ErkJggg==) no-repeat left;;
    -webkit-background-size: cover;background-size: cover;
    font-size: 14px;
    line-height: 24px;
    margin: 0 4px;
    display: inline-block;
    text-align: left;height: 16px;
    white-space: normal;
    visibility: visible;
    border: 0;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    width: 16px;
}
.rating-star-sm {
    width:11px;
    height: 11px;
}
.rating-star-md {
    width:14px;
    height: 14px;
}
.review-star-empty {
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAQAAABvl+iIAAABwklEQVR4Aa3TAxAdMRQF0NS2bdu2bdu2bdvjDmvb1ljVu2+/B7Wt1O13srhvtMiJhU54gnAmrtr0mXI5QmE/SVrmBFQQX0nS00AK+9QGkj8Lw+yuUzp6/Ye6KxPYojCZ5N/iZjYgmRi+/xSdtEEZ3YIgiW+e4pYp3CIZXNhmETJqkgyj3gYyWqKwl2R48XQTgEzkye4uiyY8CF8iKQSMmlydqroqG5W4ApVzlTFKc0lPcVdRFBRoQkMwGxtpFy7iDj3GN5LmC1+4l6CqeEjSZn2m7n9uGZEt6BN3Fn8TyEjXLEMfjfYiOJ7k2GMFwge0jty5BLzaNPTeaC6ih0bjqwnoHZqI2OF2eKtJvTEaiPihqnikAb1GXaEOF1JPkyfqXeM8Guu0QYtCKw3qshZFMzSoF1oUdpJUl7eADnVHhzLaKyFOhi86FM1XUxUjGj3hTfQm4u0hJYX+YQu8k7P8PCDYH0Z5lRStDWL8aBV03pqDgzFPehV17g/zjTY/ThOxjnPw7i/F9RTU7xuIu0ZNETXeAjj6m8K4uJA3B0n6RAtk0rhb04Y8JLE9LsXNcJNLCWUCKbAINxWjkgmFZlx5RUi+A9GzHKRr3zkeAAAAAElFTkSuQmCC);
    background-size: cover;position: relative;
    display: inline-block;text-align: left;
}
.review-star-end {
    margin: 0;
    position: absolute;
}
.review-star-sm {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAQAAABuvaSwAAABD0lEQVR4AWPABoqNSxQZiAUlS0v7iFRaJlPyu/hjGS9x5nYU/y/+X5pPjFLukncgxSV3GpgIK84BKQUr9yegtIGp+DZc8X4cilYxV4mX6JW4FNcBlSFgbJlziVOJQ7FduU2pdakRQ2lZ8ZXi1yV/gVL44Y8Sb4YGlpI5BBX+L/le7g7zVC0Bxd9KXJAjOLb4F05Tv5Q4oMebc8kHrIo/l9piTT5YzU3EGnwVhlgVl2NPmPFYFS/HHtG9WBVfw27yHriS+8XP4Ow/fZzYTH4FNulvSX8JdwNf8YTiPxDlZWYYSkslwFKXEFLAtHIELJaGqdit+EdxzUxWZLH/jKUJJa9KpmJmJsdKDayJVgAR0gC34SfaX+/JXgAAAABJRU5ErkJggg==) no-repeat left;
    -webkit-background-size: cover;
    background-size: cover;
    margin: 0 1px;
    display: inline-block;
    text-align: left;
    height: 10px;
    width: 10px;
    visibility: visible;
}
.review-counts {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 0px 0px 20px 30px;
    vertical-align: top;
    width: 66%;
}
.review-counts-bar {
    color: #737373;
    font-weight: 400;
    height: 20px;
    margin-bottom: 4px;
    position: relative;
    width: 100%;
}
.review-counts-no {
    font-size: 11px;
    left: -16px;
    letter-spacing: 1px;
    position: absolute;
    line-height: 20px;
}
.review-counts-line {
    -webkit-transition: width .25s ease;
    transition: width .25s ease;
    display: inline-block;
    height: 100%;
    opacity: .8;
}



.review-comment {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.review-comment-photo-div {
    display: table-cell;
    vertical-align: top;
    width: 48px;
}
.review-comment-photo-img {
    -webkit-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: 0 1px 2px #8d8d8d;
    box-shadow: 0 1px 2px #8d8d8d;
    -webkit-background-size: contain;
    background-size: contain;
    height: 42px;
    margin-top: 7px;
    width: 42px;
}
.review-comment-top {
    display: table;
    table-layout: fixed;
    width: 97%;
    height: 55px;
    line-height: 24px;
    vertical-align: top;
}
.review-comment-top-right {
    border: 0;
    height: 55px;
    width: 12px;
    display: table-cell;
    vertical-align: top;
}
.review-comment-text {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    color: #000;
    font-size: 14px;
    line-height: 20px;
}
.field { position:relative; font-family: Arial; text-transform:uppercase; font-weight:bold; display:inline-block; width: 100%; margin-bottom: 20px; }
.field label { position:absolute; left:1; top:-11px; transition: all .2s linear; color:#999; font-size:11px; }
.field input { margin-top:15px; }
.field input:invalid + label { opacity:1; top:-11px; }
.field input:valid + label { opacity:1; top:-11px; }
.field input:focus { outline:none; }
.field input:focus + label { color:#5cb3fd; }
.card-img-top-heading {
    position: absolute;
    top: 1rem;
    left: 11px;
    margin-top: 0;
    margin-bottom: 0;
    background: rgba(255, 255, 255, 0.75);
    padding: 4px;
    margin-right: 11px;
    line-height: 1.3em;
    color: #000;
}
.cc-link {
    cursor: pointer;
    color: #0275d8;
    font-size: 14px;
}

.btn-light-blue {
    background-color: #3ea8e5;
    border-color: #3ea8e5;
}
.btn-more {
    background-color: #eaeaea;
    color: #000;
    border-color: #eaeaea;
    padding: 0.6em;
    margin-left:2px;
    cursor:pointer;
}
.btn-more:hover {
    background-color: #8c8c8c;
    border-color: #8c8c8c;
}

.quotes {
    color: #444;
    font-size: 14px;
    margin-top: 10px;
    line-height: 23px;
}
.ebook-file-info {
    margin-top: 9px;
    font-weight: 300;
    font-size: 15px;
}
.m-info {
    margin-left: .25rem;
    margin-right: .25rem;
}
.filter-selects {
        display:none;
    }
.info-green {
        color: #006621;
}
#pdad {
        margin-bottom: 0px !important;
}
.select2 {
    text-align:left;
}
.select2-results__options {
   max-height: 500px !important;
}

.select2-container .select2-selection {
    font-size:15px;
}
.cc-icon {
    font-size: 20px !important;
    vertical-align: middle;
    color: #717171;
    margin-right:2px;
}
.in-cloud {
    color: #1085f1 !important;
    font-weight: 400;
}
.btn-responsive-member {
    font-size: 21px;
    background-color: #e9ebee;
    border: 0;
    color:#444;
    padding: .5rem 0.8rem;
}
.btn-secondary.focus, .btn-secondary:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.file-pro-link {
    color: #616770;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    margin-right: 15px !important;
    border: 0px;
    background-color: #fff;
    padding:0;
} 
.file-pro-link:focus { outline:0; }

.file-pro-link a {
    color: rgb(118, 118, 118);
}
.file-pro-link:hover {
    color: #014c8c !important;
}

.liked {
    color: #f1102c !important;
}
.liked:hover {
    color: #ff5669 !important;
    text-decoration: none;
}
.liked:focus {
    text-decoration: none;
}



@keyframes blink {50% { color: transparent }}
.loader__dot { animation: 1s blink infinite }
.loader__dot:nth-child(2) { animation-delay: 250ms }
.loader__dot:nth-child(3) { animation-delay: 500ms }

.tooltip {
    z-index:5;
}

.mobile-menu {
  display: block;
  max-width: 500px;
  width: 85%;
  right: -100%;
  height: 100vh;
  background: #F5F5F5;
  position: fixed;
  z-index: 1048;
  transition: 0.6s ease;
  top: 0;
  opacity: 0;
  box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
}

.mobile-menu ul {
  position: relative;
  top: 185px;
  transform: translateY(-50%);
  padding: 0;
}

.mobile-menu ul li { list-style: none; }

.mobile-menu ul li a {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: block;
  text-align: right;
  text-decoration: none;
  color: #333;
  font-size: 34px;
  overflow: hidden;
  position: relative;
  padding-right: 15px;
}

.mobile-menu ul li a:after {
  content: '';
  background: #0e0e0e;
  width: 100%;
  height: 100%;
  position: absolute;
  right: -100%;
  top: 0;
  z-index: -1;
  transition: 0.4s ease;
}

.mobile-menu ul li a:hover { color: #fff; }

.mobile-menu ul li a:hover:after { right: 0; }

.mobile-menu img {
  position: absolute;
  width: 150px;
  display: block;
  left: 50%;
  top: 3rem;
  transform: translatex(-50%);
  padding: 0;
  text-align: center;
}

.mobile-menu--open {
  right: 0;
  opacity: 1;
}

.mobile-nav-button {
  display: none;
  width: 27px;
  position: fixed;
  margin: 13px;
  left: 0;
  z-index: 1049;
  cursor: pointer;
  height: 30px;
}

.mobile-nav-button .mobile-nav-button__line {
  width: 100%;
  height: 3px;
  background: #6b6b6b;
  position: relative;
  transition: 0.5s ease;
}

.mobile-nav-button .mobile-nav-button__line:nth-of-type(2) { margin: 0.3rem 0; }

.mobile-nav-button .mobile-nav-button__line--1 {
  transform: rotate(45deg);
  top: 13px;
  position: absolute;
}

.mobile-nav-button .mobile-nav-button__line--2 { display: none; }

.mobile-nav-button .mobile-nav-button__line--3 {
  transform: rotate(135deg);
  top: 13px;
  position: absolute;
}





.mobile-menu-link {
    padding: 20px !important;
    font-size: 32px;
}

.liad {
    height: auto !important;
    border: 0px !important;
    background-color: #E9EAED !important;
    margin-bottom: 0px;
    margin-bottom: 15px;
    padding-left: 0px;
}
.liadm {
    height: auto !important;
    background-color: #fff;
    margin-bottom: 8px;
    height: 98px;
}
.liad:hover {
    border-color: initial !important;
    box-shadow: initial !important;
    -moz-box-shadow: initial !important;
    -webkit-box-shadow: initial !important;
}
.files-new ul
{
    width: 100%;
    margin: 0px;
    list-style-type: none;
    padding: 0px;
    display:inline-block;
}

.files-new ul li .row .col-sm {
    height: 100px;
    background: #fff;
    margin-bottom: 17px;
    border: 1px solid; 
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    padding: 0px;
    font-size: 13px;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
    border-radius: 3px;
}
.files-new ul li .row .col-sm:hover {
    border-color: #00b2ff #00b2ff #00b2ff;
    -moz-box-shadow: 0 0 10px #00b2ff;
    -webkit-box-shadow: 0 0 10px #00b2ff;
    box-shadow: 0 0 10px #00b2ff;
}

.files-new ul li a h2 {
    text-decoration: none;
    padding: 6px 6px 0px 0px;
    color: #365899;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 27px;
    overflow-y: hidden;
    overflow-x: hidden;
    max-height: 60px;
    -webkit-transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    transition: all .20s ease-in-out;
    letter-spacing: 0.5px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.files-new ul li a h2 b {
    color: #0e55da;
}

.files-new ul li a h2:hover {
    color:#1561da;
    text-decoration: none;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}
.files-new ul li a:hover {
    text-decoration: none;
}
.file-info {
    margin-top: 2px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0px;
    margin-bottom: 3px;
}

.file-right {
    padding: 0px 3px 0px 85px;
    overflow: hidden;
    height: 97px;
    line-height: 27px;
    color: #767676;
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 0.2px;
    word-break: break-word;
}
.book-right {
    line-height: 15px;
}

.sticky-cat {
    position: fixed;
    top: 74px;
    width: 312px;
}


.progress-bar-animated {
        transition: all .10s linear;
}
  
/*------------------ header ------------------*/


.header {
    color: rgb(34, 34, 34);
    text-align: left;
    z-index: 12;
    position: fixed;
    width: 1145px;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    margin-top: 9px;

}

.header-fixed {
    border-bottom: 1px solid #AFAAAA;
}

/*------------------ ebook ------------------*/
.ebook-author {
    font-weight: 300;
    margin-top: 4px;
    max-height: 68px;
    overflow: hidden;
    line-height: 23px;

}
.ebook-info {
    z-index: 10;
    width: 100%;
    margin-top: 10px;
}

.ebook-img {
    width: 210px;
    height: 295px;
    float:left;
}
.ebook-main {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 4px 2px rgba(189,189,189,1);
    -moz-box-shadow: 0px 0px 4px 2px rgba(189,189,189,1);
    box-shadow: 0px 0px 4px 2px rgba(189,189,189,1);
    height: 295px;

}
.ebook-button {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-family: Arial;
    color: #ffffff;
    font-size: 15px;
    background: #039be5;
    padding: 7px 8px;
    text-decoration: none;
}
.ebook-button:hover { 
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
}
.ebook-right-inner {
 
    height: 275px;
    position:relative;
}
.ebook-buttons {
    margin-right: 6px;
    position: relative;
    top: -40px;
    text-align: right;
    z-index: 2;
}
#download-button {
    margin-left: 2px;
}
.ebook-tags {
    max-height: 39px;
    text-align: left;
    font-size: 12px;
    line-height: 19px;
    overflow: hidden !important;
    margin-top: 10px;  

}

.ebook-tags a {
    text-decoration: none;
    font-size: 14px;
    height:22px;
}
a.info-content {
    color: #01579b;
    text-decoration: none;
}
.ebook-tags a:hover {
    text-decoration: underline;
}
.ebook-content {
    font-size:14px;
    padding:10px 35px 30px 35px;
    font-weight: 300;
    color: #000;
}
.ebook-left {
    float: left;
    margin-right: 10px;
    position: relative;
}
.ebook-right {
    padding: 17px 15px 0px 240px;
}

.ebook-title {
    font-weight: 300;
    line-height: 41px;
    white-space: normal;
    color: #212121;
    font-size: 29px;
    margin: 0px 0px 0px 0px;
    max-height: 120px;
    overflow: hidden;
}

#share-buttons {
    position: absolute;
    bottom: 4px;
    z-index:10;
}

/*------------------ files ------------------*/
.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.files {
        width: 100%;
    text-align: left;
}
.file {
    clear: both;
    height: 100px;
    background: #fff;
    cursor: pointer;
    background-color: #fff;
    margin-bottom: 8px;
    margin-top: 8px;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    padding:0px;
}

.file-sm {
    height: 127px !important;
    margin-left: 0px;
    margin-top: 9px;
    margin-bottom: 9px;
    border-radius: 5px;
}

.file:hover, file-sm:hover {
    border-color: #00B2FF #00B2FF #00B2FF;
    -moz-box-shadow:    0 0 5px #00B2FF;
    -webkit-box-shadow: 0 0 5px #00B2FF;
    box-shadow:         0 0 5px #00B2FF;
}

.file-content {
    overflow: hidden;
    height: 90px;
    font-size: 14px;
    font-weight: 300;
}

.file-content h2 {
    text-decoration: none;
    padding: 0px 2px 0px 2px;
    -webkit-transition: all .20s linear;
    -moz-transition: all .20s linear;
    transition: all .20s linear;
    color: #3C579D;
    font-weight: 400;
    font-size: 17px;
    margin-bottom: 0px;
}




.file-left {
    float: left;
    margin-right: 5px;
    position: relative;
}

.file-img {
    position: absolute;
    z-index: 10;
    width: 71px;
    height: 98px;
    border-radius: 3px 0px 0px 3px;
}
.file-img-sm {
    width: 84px;
    height: 125px;
    border-radius: 5px 0px 0px 5px;
    border-right: 1px solid #f9f9f9;
}
.zoom-icon {
    position: absolute;
    display: block;
    z-index:10;
    left: 50px;
    top: 80px;
    color: #2194c3;
    font-size: 18px;
    -moz-text-stroke-color: #fff;
    -webkit-text-stroke-color: #fff;
    -moz-text-stroke-width: 1px;
    -webkit-text-stroke-width: 1px;
}
.zoom-icon-sm {
    top: 106px;
    left: 68px;
}
.zoom-icon img {
    width:15px;
}

.file-info-sm {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    font-weight: 300;
    color: #49577a;
}


.file-info-mobile {
    color: #478BB8;
    margin-left: 2px;
}

.file-right-sm {
    padding: 4px 5px 5px 91px;
    height: 125px;
    position: relative;
}
.file-sm h2 {
    font-size: 16px;
    max-height: 84px;
    overflow: hidden;
    margin:4px 0px 0px 4px;
    text-decoration: none;
    font-weight: 300;
    color: #212121;
    line-height: 27px;
}
.fi-active {
    font-weight: 500;
    color: #ff3775 !important;
}
.fi-pagecount {
    color: #006621;
}
.fi-year {
    color: #006621;
}
.fi-size {
    color: #006621;
    
}
.fi-hit {
    color: #006621; 
}
.fi-lang {
    color: #f96b00;
}
/*------------------ search ------------------*/


.search-tags {
    height: 51px;
    overflow: hidden;
    list-style: none;
}
.contact-form {
    width: 100%;
}
.subscribe-btn {
    background-color: #e2e2e2 !important;
    color: #696969;
    border: 1px solid rgba(0,0,0,.15) !important;
    font-size: 15px;
    margin-left: -1px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.subscribe-options {
    margin-bottom: 0;  
    font-size: 14px;
    font-weight: 400 !important; 
    margin: auto; 
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%;
} 
.search-container {
    position: relative;
}
.user-info-inner {
    display:initial;
}
#menu-search {
    display:none;
}
#m-search-form {
    width:100%;
    display:none;
    
}
#m-q {
    width: 70%;
    height: 29px;
    margin-top: -36px;
    height: 33px;
    padding: 10px 5px;
    padding-left: 15px;
    font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    border-bottom: 1px solid rgb(221, 222, 223);
    border-radius: 0px;
    outline: none;
    
}



/*------------------ signin ------------------*/


.fa-google {
    color: #4385F6;
}
#use-email {
    text-align: center;
    margin-top: 13px;
    font-weight: 500;
    font-size: 17px;
    color: #3c3c3c; 
}
.btn-login {
    float: left;
    font-size: 32px !important;
    padding: 9px;

}
.btn-login-text {
    padding-top: 15px;
    font-size: 16px;
}
.ui.facebook.button {
    background-color: #3B5998;
    color: #FFF;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 0 0 #e7e7e7 inset;
}
.ui.google.button {
    background: 0 0!important;
    color: rgba(0,0,0,.6)!important;
    font-weight: 400;
    text-shadow: none!important;
    border: 1px solid #e7e7e7;
}
.ui.button, .ui.buttons .button, .ui.buttons .or {
    font-size: 1rem;
}
.ui.button {
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: 0;
    border: none;
    vertical-align: baseline;
    background: #E0E1E2;
    color: rgba(0,0,0,.6);
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    margin: 0 .25em 15px 0;
    padding: .3em 1.5em .3em .6em;
    text-transform: none;
    text-shadow: none;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: .28571429rem;
    box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 #e7e7e7 inset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: '';
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: background .1s ease 0s;
    transition: background .1s ease 0s;
    width:100%;
}

.main-content {
    font-size: 16px;
    padding: 36px;
    background-color: #fff;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    line-height: 36px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
}
.holder{
    position:relative;
}
.bar{
    position: absolute;
    top: 14px;
    right: 13px;
    width: 45px;
    height: 44px;
}
.bar2 {
    top: 15px;
    right: 15px;
}

.user-info {
    float: right;
    padding-right: 46px;
    padding-top: 9px;
}
.btn-user {
    color: #2b2b2b;
    background-color: #fdfdfd;
    border-color: #cecece;
    padding: 6px 11px 5px 4px;
    font-weight: 500;
    font-size: 15px;
    box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.19);
    border-radius: 23px;
}
.btn-user:hover {
    color: #797676;
    background-color: #e9ebee;
    border-color: #cecece;

}
.btn-g {
    border: 1px solid #4285f4;
    outline: none;
    background: #4285f4;
    background: -webkit-linear-gradient(top,#4387fd,#4683ea);
    background: linear-gradient(top,#4387fd,#4683ea);
    display: inline-block;
    line-height: 28px;
    padding: 3px 18px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
.btn-g:hover {
    color: #fff;
}

.fb-page, .fb-page:before, .fb-page:after {
    border: 1px solid #fff;
  }
 
  .fb-page:before, .fb-page:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 2px;
    right: 2px;
    height: 1px;
    border-top: none
  }
  
  .fb-page:after {
    left: 4px;
    right: 4px;
    bottom: -5px;
    box-shadow: 0 0 2px #fff
  }
.spellcheck {
    color: #D83F32;
    font-weight: 400;
    font-size: 20px;
}
.spellcheck a {
    color:#18119E;
    font-style: italic;
    text-decoration: underline;
}
#alert-email {
    width: 265px;
    height: 37px;
}
#alert-button {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    height: 37px;
}
a.chip._tkn {
    background-color: #009688;
    margin-bottom: 11px;
}
a.chip {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1),0 0 1px rgba(0,0,0,0.1);
    display: inline-block;
    height: 24px;
    margin: 5px 4px 0;
    overflow: hidden;
}
a.chip span.sq {
    color: rgba(255,255,255,.8);
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    line-height: 36px;
    margin: -6px 7px 5px;
    text-decoration: none;
    white-space: nowrap;
}
.fa-plus-fix {
    font-size: 10px;
    color: #ce8b8b;
}
h2 b { 
font-weight: 500;
}
span.pages {
    color: #2da739;
}
span.downloads {
    color: #56b0f5;
}

.fa-spin-custom {
    font-size: 27px !important;
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

#share-top {
    width: 95px;
    float: left;
    margin-left: 46px;
    margin-top: 16px;
}
.tooltip-inner {
    font-size:12px;
    background: #000; 
    color: #fff;
}
.tooltip.tooltip-bottom .tooltip-arrow,
.tooltip.bs-tether-element-attached-bottom .tooltip-arrow {
  border-top-color: #7abcff !important;
}


#similar-files {
    font-weight: 300;
    color: #d11313;
    font-size: 26px;
}

#result-found {
    text-align: left;
    font-weight: 300;
    font-size: 13px;
    float: left;
    padding-left: 2px;

}
.select-style {
    -webkit-appearance: inherit;
    -moz-appearance: inherit;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-padding-end: 20px;
    -webkit-padding-start: 2px;
    -webkit-user-select: none;
    background-image: url(/assets/img/arrow-down.png);
    background-position: 97% center;
    background-repeat: no-repeat;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    color: rgb(0, 112, 167);
    font-size: 13px;
    margin: 0px;
    overflow: hidden;
    padding: 0px 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    height: 33px;  
}
.select-style-active {
    border-color: #00B2FF #00B2FF #00B2FF !important;
    -moz-box-shadow: 0 0 5px #00B2FF !important;
    -webkit-box-shadow: 0 0 5px #00B2FF !important;
    box-shadow: 0 0 5px #00B2FF !important;
}

#welcome {
    background-color: #fff;
    color: #565656;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12);
    border-color: #ffffff;
    margin-bottom: 30px;
}

#progress-status {
    font-size:18px;
    color: #696969;
    font-weight: 400;
    margin-top:10px;
} 

.pro-link-container {
    position: absolute;
    bottom: 1px;
}

.alert-box-fix {
    text-align: center;
    line-height: 23px;
    margin-bottom: 18px;
    margin-top: 18px;
}
.hide {
    display:none;
}
.hidedesktop {
    display:none;
}
#share-buttons-modal {
    padding-top:5px;
}
#logo-img {
    width: 162px;
    margin-top: 3px;
}

#subscribe-heading {
    color: #0d86c3;
    font-size: 15px;
    margin: 3px 0 3px 0px;
}


#top-menu-bg {
    background-color: #fff;
    height: 73px;
    width: 100%;
    position: fixed;
    z-index: 11;
    border-bottom: 1px solid #d4d4d4;
    /*box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);*/
}

.sexy_line {
    display: block;
    border: none;
    color: white;
    height: 1px;
    background: black;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 219, from(#9c9c9c), to(#e9eaed));
}
.sexy_line.big {
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 419, from(#9c9c9c), to(#e9eaed));
    margin-bottom:10px;
}
.meta-info {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px 0px 10px 40px;
    text-align: left;
    vertical-align: top;
    width: 163px;
}
.info-title {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 2px;
}
.info-content {
    font-size: 14px;
    font-weight: 300;
    line-height: 23px;
}
a.info-content {
    color: #01579b;
    text-decoration: none;
}



.copyright { 
    font-size:11px;
    line-height: 15px;
    margin-bottom:10px;
}
.copyright a {
    color:rgb(119, 114, 114);
}

#reader-app { display:none; }
#kindle { display:block; }
.menu-icon {
    color: #0DB884;
    margin-right:2px;
}
.fb-like-box,
.fb_iframe_widget span,
.fb_iframe_widget iframe {
    width:100% !important;
}
#pagecount li span,#sortby li span,#searchin li span
{
    cursor: pointer;
}



#iframe-container {
    text-align:left;
}
.categories-list {
    font-size: 14px;
}
.categories-list ul
{
    margin: 0px;
    list-style-type: none;
    padding: 0px;
    display:inline-block;
    width: 100%;
}

.categories-list ul li  
{
    margin-bottom: 10px;
    width: 50%;
    float: left;
    overflow-x: hidden;
    white-space: nowrap;
    font-weight: 400;
}

.subcategories-list ul li {
    width: 25%;
}

.categories-list ul li a {
    display:block;
    color: #232323;
    text-decoration: none;
    -webkit-transition: all .10s linear;
    -moz-transition: all .10s linear;
    transition: all .10s linear;

}

.categories-list ul li a:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);


}

.categories-list img
{
    vertical-align: middle;
    width: 40px;
    height: 40px;
    border-radius: 50%;

}
.subcategories {
    padding-left: 0px;
}
.subcategories-list img
{
    width: 40px;
    height: 40px;

}

.categories-list ul li p
{
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0px;
    margin-left: 3px;
}



.box {
    margin-bottom:15px;
}

.box-title {
    font-weight: 300;
    color: #4A4848;
    font-size: 23px;
}

.box-title-icon {
    color: #E03E3E;
    margin-left: -5px;
    margin-right: 4px;
}


.box-content {
    padding:5px;
    margin-top: 24px;
}






.error {
    background-color: #FA6A6A;
    padding: 5px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color:#fff;
}
.error a {
    color:#fff;
}

.subcat {
    float:left;
    width:156px;
    height:175px;
    margin-left:15px;
    text-align:center;
}
.subcat-name {
    text-align:center;
}

.menuitem {
    float: left;
    margin-left: 7px;
    padding: 4px 0px 4px 0px; 
}
.menuitem a {
    padding: 3px 6px 3px 6px;
    text-decoration: none;
    color: #5B83AD;
    font-weight: 400; 
    font-size: 14px;
}
.menuitem a:hover {
    color:#fff;
    background-color: #8A98BB;
    text-decoration: none;
}


.eg a {
    text-decoration: none;
    color:#474747;
}

.eg a:hover {
    text-decoration: none;
    color:#EC1818;
}

.moreButton {
    width: 100%;
    text-align: center;
    -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, #ffffff), color-stop(1, #f6f6f6));
    background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);

    background-color:#ffffff;

    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;

    border:1px solid #dcdcdc;

    display:inline-block;
    color:#666666;

    font-size:18px;
    font-weight: 500;
    cursor:pointer;
    padding:6px 0px;
    text-decoration:none;
    margin-bottom: 10px;
    text-shadow:0px 1px 0px #ffffff;

}


.moreButton:hover {

    border-color:#B1B0B0;
}
.moreButton:active {
    position:relative;
    top:1px;
}


.sub-heading {
    border-bottom: 1px solid #998E8E;
    color: #585858;
    display: block;
    height: 50px;
    line-height: 50px;
    margin: 10px 0px 10px 0px;
    font-size: 35px;
    vertical-align: middle;
    padding: 5px;
    color: #707070;
    font-weight: 400;
}

.img-polaroid {
    padding: 2px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}








.cf:before, .cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
.cf {
    zoom:1;
}


.search-button {
    font-size: 22px !important;
}

.form-wrapper {
    float:left;
    margin: 6px 0px 0px 26px;
    position: relative;
}
.form-wrapper input {
    padding: 10px 5px;
    padding-left: 15px;
    float: left;
    border: 0px; 
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.156863) 0px 2px 2px 0px, rgba(0, 0, 0, 0.0784314) 0px 0px 0px 1px;
    color: rgb(34, 34, 34);
    display: block;
    font-size: 16px;
    font-weight: 300;
    height: 42px;
    line-height: 16px;
    max-width: none;
    overflow-x: hidden;
    overflow-y: hidden;
    text-align: left;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    vertical-align: top;
    white-space: nowrap; 
    width: 525px;

}
.form-wrapper input:focus {
    outline: 0;
    background: #fff;
    border-color: #00B2FF #00B2FF #00B2FF;
    -moz-box-shadow: 0 0 5px #00B2FF;
    -webkit-box-shadow: 0 0 5px #00B2FF;
    box-shadow: 0 0 5px #00B2FF outset;
    
}
.form-wrapper input::-webkit-input-placeholder {
    color: #999;
    font-weight: 400;
    font-size: 14px;

}
.form-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: 400;
    font-size: 14px;

}
.form-wrapper input::-moz-placeholder { 
    color: #3c3c3c;
    font-weight: 400;
    font-size: 14px;

}
    
.form-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: 400;
    font-size: 14px;

}
.form-wrapper button {
    overflow: visible;
    position: absolute;
    top: 1px;
    right: 2px;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 40px;
    width: 46px;
    color: #4485f6;
    background: none;


}
.form-wrapper button:hover {
    color: #d01313;
}
.form-wrapper button:active, .form-wrapper button:focus { 
    color: #d01313;
}

.form-wrapper button::-moz-focus-inner {
    border: 0;
    padding: 0;
}



file-right a {
    text-decoration: none;
    padding: 0px 2px 0px 2px;
    -webkit-transition: all .20s linear;
    -moz-transition: all .20s linear;
    transition: all .20s linear;
    color: #3C579D;
    font-weight: 400;
}
file-right a:hover {

    text-decoration: underline;

}
.hey {
    padding:5px;
}
.ftit {
    color: #5a5a5a;
    margin-right: 5px;
    margin-left: 27px;
    font-size: 17px;
    vertical-align: middle;
}

#searchbar {
    width: 100%;
    height: 40px;
    background: black;
    color: white;
    padding: 6px 0;
    margin-bottom: 15px;
    margin-top: 0px;
    border: 6px solid rgb(233, 231, 231);
    font-size: 30px;
    background-color: #FDD400;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.dialog-outer {
    color: rgb(104, 104, 104);
    display: table-cell;
    line-height: 20px;
    margin: 0px;
    padding:0 0 74px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: 1276px;
}
.dialog {
    color: rgb(34, 34, 34);
    display: block;
    margin:0px auto 30px;
    position: relative;
    text-align: left;
    width: 1145px;
    min-height: 800px;
    padding-top:100px;
}
.footer {
    background-color: #fff;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    -webkit-border-radius: 3px;
    padding-bottom: 20px;
    padding-top: 10px;
}
.footer-title { 
    font-weight: bold;
    font-size: 20px;
    color: #818181;
    height: 10px;
    margin-top: 10px;
}
.footer a {
    color: #4A80C4;
    text-decoration: none;
    font-weight: 400;
}

.footer a:hover {
    color: #09428A;

}

.footer-section {
    float: left;
    width: 25%;
    padding-left: 50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.catname a {
    font-size: 16px;
    padding: 3px 0px 3px 0px;
    line-height: 18px;
    color: #5B83AD;
    text-decoration: none;
}

.catname a:hover {
    color: #1A88EE;

}


.catname {
    float:none;
}

.filter-menu {
    display:none;
}



.box-fixed {
    margin-top:10px;
}

.dialog-main {
    color: rgb(119, 114, 114);
    display: block;
    line-height: 30px;
    padding:10px 0px; 
    text-align: left;
    width: 1145px;
    font-weight: 400;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.dialog-left {
    width:728px;
    float:left;
    display:block;
}
.dialog-right {
    width: 409px;
    display: block;
    float: left;
    padding-left: 26px;
}

#top-info {
    color: rgba(73, 73, 73, 1);
    font-size: 12px;
    padding-left: 45px;
    width: 300px;
    float: left;
    text-align: center;
    text-fill-color: #fff;
    text-stroke-color: #d78965;
    text-stroke-width: 3px;
    line-height: 16px;
    margin-top: 4px;

}
.modal-title {
    text-align: center;
    font-size: 20px;
    color: #5a5a5a;
}

#top-cat {
    clear:both;
    background-color: #FFFFFF;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    -webkit-border-radius: 3px;
    overflow: hidden;
    height: 27px;
}

#logo {
    float: left;
    margin-right: 14px;
    margin-top: 8px;
    margin-left:-2px; 
} 
.cards:hover {
    -webkit-animation: pulse 1s;
    animation: pulse 1s;
}

.btn-dark:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}

.btn-dark {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    font-weight: 500;
    cursor:pointer;
}

.btn-lb:hover {
    color: #fff;
    background-color: #169cf1;
    border-color: #169cf1;
}

.btn-lb {
    color: #fff;
    background-color: #2AA3EF;
    border-color: #2AA3EF;
    font-weight: 500;
    cursor:pointer;
}

.pull-right {
    float: right;
}
.pull-left {
    float:left;
}
#previewButton {

}
.dropdown-toggle-no-arrow::after {
    display:none;
}
.cards h3 {
    font-size: 24px;
    color: #252525;
}
.pricinf h4 {
    font-size: 18px;
    color: #424242;
}
.btn-pill {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.title {
    color: #056f00;
    font-size: 20px;
}
.hero-subscription .pricing {
    min-height: 70px;
}
.features {
    border-top: 1px solid #d9dadc;
    border-bottom: 1px solid #d9dadc;
    padding: 24px 0 26px;
    margin: 4px 0 28px;
    font-size: 14px;
}
.feature-quick {
    font-size: 40px !important;
    color: #4285F4;
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 50%;
    padding: 17px 27px;
}
.feature-quick-text {
    font-size: 22px;
    color: #4285f4;
    margin-bottom: 11px;
}
.feature-cloud {
    font-size: 40px !important;
    color: #35b5ea;
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); 
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 50%;
    padding: 17px;
}
.feature-cloud-text {
    font-size: 22px;
    color: #138ec1;
    margin-bottom: 11px;
}
.feature-reading {
    font-size: 38px !important;
    color: #34A853;
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 50%;
    padding: 19px 17px;
}
.feature-reading-text {
    font-size: 22px;
    color: #34A853;
    margin-bottom: 11px;
}
.feature-safe {
    font-size: 40px !important;
    color: #f37605;
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); 
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 50%;
    padding: 17px;
}
.feature-safe-text {
    font-size: 22px;
    color: #f37605;
    margin-bottom: 11px;
}
.premium-title {
    font-size: 36px;
    text-align: center;
    padding: 0 0 24px 0px;
    font-weight: 400;
    color: #f35626;
    background-image: -webkit-linear-gradient(92deg,#19bd0f,#0dabf7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 60s infinite linear;
}
.pdfdrive-free-list, .pdfdrive-premium-list {
    list-style: none;
    color: #656565;
    margin-left: -16px;
    margin-bottom: 0;
}

.btn-green {
    color: #fff;
    background-color: #1db954;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}
.btn-stroked-green {
    color: #1db954;
    box-shadow: 0 0 0 2px #1db954 inset;
    background-color: transparent;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}
.cards {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    transition-timing-function: ease-out;
    transition-duration: .15s;
    transform: translateY(0);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.2);
    box-shadow: 0 0 8px rgba(0,0,0,.2);
    background-color: #fff;
    padding: 20px 32px;
    width: 100%;
    margin-top: 24px;
}


#filters {
    text-align: right;
    margin-bottom: 15px;
    z-index: 12;
    margin-top: 13px;
    min-height: 30px;
}




#viewer {
    width:99%;
    height:350px;
}
.viewer-pro {
    width: 426px;
    border: 2px solid #ccc;
    border-radius: 3px;
}
#title {
    line-height: 35px;
    margin-bottom: 11px;
    font-weight: 300;
    font-size: 26px;
    text-align: center;
}
#preview {
    margin-bottom: 10px;
    text-align: left;
    height:350px;
}
#filter-search-button {
    background-color: #23BA12;
    text-align: center;
    color:#fff;
}

.horizontal-scrollable-tabs {
    min-height: 50px;
    background: #ffffff;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 8px 8px;
}

.horizontal-scrollable-tabs .arrow-right {
  float: right;
  cursor:pointer;
}
.horizontal-scrollable-tabs .arrow-left {
  float: left;
  cursor:pointer;
}
.horizontal-scrollable-tabs .scroller {
  font-size: 24px;
  color: red;
  padding: 0px 5px;
  display: none;
  margin-top:45px;
}
.horizontal-scrollable-tabs .scroller.disabled {
  color: gray;
}
.horizontal-scrollable-tabs .horizontal-tabs .nav-tabs-horizontal {
  overflow-x: auto;
  overflow-y: hidden;
  display: -webkit-box;
  display: -moz-box;
  list-style: none;
}

.horizontal-scrollable-tabs .horizontal-tabs .nav-tabs-horizontal::-webkit-scrollbar {
  width: 0 !important;
}

.horizontal-scrollable-tabs .horizontal-tabs .nav-tabs-horizontal > li {
  float: none;
  min-width: 50px;
  text-align: center;
  max-width: 190px;
}

.nav-tabs-horizontal img { 
  height: 100px;
}

.tab-content img {
  width: 320px;
  height: auto;
}

.nav-tabs-horizontal {
  border-bottom: 0px;
}

.nav-tabs-horizontal > li.active {
  border-bottom: 4px solid red;
}

.yt-video-title {
    padding-left: 5px;
    text-align: left;
    height: 40px;
    overflow-y: hidden;
    font-size: 15px;
    line-height: 20px;
    color: #4c4c4c;
    font-weight: 500;
    margin-top: 5px;
}

.yt-video-container {
    padding-top:10px;
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    margin-top: 10px;
    margin-bottom: 10px;
    height: 0;
}
.yt-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}





 #progress {
        position: fixed;
        z-index: 2147483647;
        top: 0;
        left: -6px;
        width: 0%;
        height: 2px;
        background: #b91f1f;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        border-radius: 1px;
        -moz-transition: width 500ms ease-out,opacity 400ms linear;
        -ms-transition: width 500ms ease-out,opacity 400ms linear;
        -o-transition: width 500ms ease-out,opacity 400ms linear;
        -webkit-transition: width 500ms ease-out,opacity 400ms linear;
        transition: width 500ms ease-out,opacity 400ms linear
    }
    #progress.done {
        opacity: 0
    }
    #progress dd,#progress dt {
        position: absolute;
        top: 0;
        height: 2px;
        -moz-box-shadow: #b91f1f 1px 0 6px 1px;
        -ms-box-shadow: #b91f1f 1px 0 6px 1px;
        -webkit-box-shadow: #b91f1f 1px 0 6px 1px;
        box-shadow: #b91f1f 1px 0 6px 1px;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%
    }
    #progress dd {
        opacity: 1;
        width: 20px;
        right: 0;
        clip: rect(-6px,22px,14px,10px)
    }
    #progress dt {
        opacity: 1;
        width: 180px;
        right: -80px;
        clip: rect(-6px,90px,14px,-6px)
    }
    @-moz-keyframes pulse {
        30% {
            opacity: 1
        }
        60% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    @-ms-keyframes pulse {
        30% {
            opacity: .6
        }
        60% {
            opacity: 0
        }
        100% {
            opacity: .6
        }
    }
    @-o-keyframes pulse {
        30% {
            opacity: 1
        }
        60% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    @-webkit-keyframes pulse {
        30% {
            opacity: .6
        }
        60% {
            opacity: 0
        }
        100% {
            opacity: .6
        }
    }
    @keyframes pulse {
        30% {
            opacity: 1
        }
        60% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    #progress.waiting dd,#progress.waiting dt {
        -moz-animation: pulse 2s ease-out 0s infinite;
        -ms-animation: pulse 2s ease-out 0s infinite;
        -o-animation: pulse 2s ease-out 0s infinite;
        -webkit-animation: pulse 2s ease-out 0s infinite;
        animation: pulse 2s ease-out 0s infinite
    }

    .dropdown-item:hover {
        background-color: #ceceff;
    }

    .collection-title > a > i {
        color: #5b00ff;
        margin-right: 8px;
    }

    .files-new {
        margin-bottom:15px;
    }