@import url('../css/ionicons.min.css');
@import url('../css/animate.css?v=3.7.0');

* {margin: 0; padding: 0; box-sizing: border-box;}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #212121;
    line-height: 1.6;
    background: #eff1f5;
}
a {
    text-decoration: none;
    border: none;
    outline: none;
    color: #4a90e2;
    overflow: inherit;
    transition: all 0.3s ease 0s;
}
a:hover {text-decoration:none;}
ul {margin: 0; padding: 0;}
li {list-style: none;}
img {max-width: 100%;}

h1, h2, h3, h4, h5, h6 {color: #212121;margin: 0;line-height: 28px;font-family: 'Oswald';font-weight: 500;}
h1 {text-transform: uppercase;font-size: 20px;}

.bg_white {background: #fff !important;}
.bg_blue {background: #72d0fb !important;}
.bg_green {background: #35c535 !important;}
.bg_orange {background: #ffc000 !important;}
.text_blue {color: #72d0fb !important;}
.text_green {color: #35c535 !important;}
.text_orange {color: #ffc000 !important;}

.pt-0 {padding-top: 0 !important;}
.p-25 {padding: 25px !important;}

/*.uadm.uadm--closed {display: none;}*/

.container {max-width: 1400px; margin: 0 auto; padding: 0 30px;}
.middle {display: flex; min-height: 95vh;}
.aside {background: #fff; flex: 1 auto; max-width: 320px; min-width: 320px;box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); padding: 20px 0;}
.main_content {padding: 30px 0 30px 30px;flex: 1 auto; max-width: calc(100% - 320px);}

/*=============================================================*/
/* PRELOADER
/*=============================================================*/
#xLoader {position: fixed;top: 0;bottom: 0;right: 0;left: 0;z-index: 9;background: #fff;}
#xLoader .google-spin-wrapper {top: 0;left: 0;width: 100%;height: 100%;z-index: 1000}
#xLoader .google-spin-wrapper .google-spin {display: block;position: relative;left: 50%;top: 50%;width: 100px;height: 100px;margin: -50px 0 0 -50px;border-radius: 50%;border: 3px solid transparent;border-top-color: #35c535;-webkit-animation: xLoaderGoogleSpin 2s linear infinite;-moz-animation: xLoaderGoogleSpin 2s linear infinite;-ms-animation: xLoaderGoogleSpin 2s linear infinite;-o-animation: xLoaderGoogleSpin 2s linear infinite;animation: xLoaderGoogleSpin 2s linear infinite}
#xLoader .google-spin-wrapper .google-spin:before {content: "";position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;border-radius: 50%;border: 3px solid transparent;border-top-color: #8eacff;-webkit-animation: xLoaderGoogleSpin 3s linear infinite;-moz-animation: xLoaderGoogleSpin 3s linear infinite;-ms-animation: xLoaderGoogleSpin 3s linear infinite;-o-animation: xLoaderGoogleSpin 3s linear infinite;animation: xLoaderGoogleSpin 3s linear infinite}
#xLoader .google-spin-wrapper .google-spin:after {content: "";position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;border-radius: 50%;border: 3px solid transparent;border-top-color: #ffc000;-webkit-animation: xLoaderGoogleSpin 2s linear infinite;-moz-animation: xLoaderGoogleSpin 2s linear infinite;-ms-animation: xLoaderGoogleSpin 2s linear infinite;-o-animation: xLoaderGoogleSpin 2s linear infinite;animation: xLoaderGoogleSpin 2s linear infinite}
@-webkit-keyframes xLoaderGoogleSpin {0% {transform: rotate(0deg)}100% {transform: rotate(360deg)}}
@-moz-keyframes xLoaderGoogleSpin {0% {transform: rotate(0deg)}100% {transform: rotate(360deg)}}
@-ms-keyframes xLoaderGoogleSpin {0% {transform: rotate(0deg)}100% {transform: rotate(360deg)}}
@-o-keyframes xLoaderGoogleSpin {0% {transform: rotate(0deg)}100% {transform: rotate(360deg)}}
@keyframes xLoaderGoogleSpin {0% {transform: rotate(0deg)}100% {transform: rotate(360deg)}}

/*=============================================================*/
/* HEADER
/*=============================================================*/
.header {background: #fff; box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); position: relative;}
.header_content, .header_body {display: flex; justify-content: space-between; align-items: center;}
.logo {flex: 1; max-width: 320px; min-width: 320px; text-align: center; padding: 10px 25px; text-transform: uppercase; font-size: 26px; line-height: 1; white-space: nowrap;font-family: 'Oswald';font-weight: 500;}
.logo a {color: #72d0fb;}
.logo a span {color: #35c535;}
.header_body {width: 100%; padding: 10px 0;}
.mob_nav, .mob_search {display: none;}

/*=============================================================*/
/* SEARCH
/*=============================================================*/
.search {flex: 1; padding:0 30px;}
.search form {position: relative;}
.search input {width: 100%; border-radius: 4px; border: 1px solid #ececec; font-size: 13px; padding: 7px 60px 7px 15px; height: 37px;}
.search button {position: absolute;top: 0;right: 0;background-color: transparent;color: #777;font-size: 24px;line-height: 1;padding: 6px 15px;border-left: 1px solid #ececec;border-radius: 0;}
.search button:hover {color: #4a90e2;}

/*=============================================================*/
/* FOOTER
/*=============================================================*/
.footer {background: #fff; box-shadow: 0 -2px 4px rgba(108, 111, 115, 0.1); position: relative;}
.footer_content, .footer_body {display: flex; justify-content: space-between; align-items: center;}
.footer_body {width: 100%; padding: 10px 0px;}
.footer_counter {line-height: 1;}
.footer_copy {flex: 1; padding:0 30px; color: #777777; font-size: 12px;}

/*=============================================================*/
/* ASIDE
/*=============================================================*/
.aside_bl {margin-bottom: 30px;}
.aside_title {font-family: 'Oswald';font-weight: 500;text-transform: uppercase; font-size: 18px; text-align: center; padding: 10px 25px;}
.aside_content {padding: 25px;}
.aside_content::after {content: ''; clear: both; display: table; position: relative;}

/*=============================================================*/
/* ASIDE NAV
/*=============================================================*/
.nav {margin: -25px;}
.main_nav {position: relative;margin: 10px 0px;}
.main_nav a {display: block; padding: 8px 25px;color: inherit;}
.main_nav .dropdown-menu {position: absolute;top: 0;left: 100%;min-width: 250px;box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1);border-radius: 0;border: 1px solid #ececec; margin: 0; padding: 10px;}
.main_nav .dropdown-menu a {display: block;white-space: nowrap;padding: 8px 20px;}
.main_nav .dropdown-menu a:hover {background: #f8f8f8; padding-left: 23px;}
.main_nav .sub_nav {display: flex;}
.main_nav .sub_nav > div {min-width: 250px;}
.main_nav a[data-toggle="dropdown"]::after {content: '\f489';font-family: "Ionicons";float: right;font-size: 18px;margin-top: -3px;}
.main_nav li.open a[data-toggle="dropdown"]:focus::after {content: '\f462';float: right;font-family: "Ionicons";font-size: 18px;margin-top: -3px;}
.main_nav li.open a:focus, .main_nav > li > a:hover {background: #72d0fb; color: #fff;}

/*=============================================================*/
/* BREADCRUMBS
/*=============================================================*/
.breadcrumbs-wrapper {padding: 0px;background: #fff;box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1);border-radius: 3px;margin-bottom: 30px;color: #777;font-size: 13px;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;position: relative;}
.breadcrumbs {flex: 1 auto;padding: 0 25px;}
.breadcrumbs a {color: #777;}
.breadcrumbs a:hover {color: #212121;}

/*=============================================================*/
/* SELECTOR LIST / GRID for COOKIE
/*=============================================================*/
.btn_list-grid {display: flex; border-left: 1px solid #ececec;padding: 10px 15px 10px 12px;}
.btn_list-grid button {background: none;color: #777777; font-size: 29px; padding: 0 10px;}
.btn_list-grid button:hover {color: #72d0fb;}
body.list .btn_list {color: #72d0fb;}
body:not(.grid) .btn_list {color: #72d0fb;}
body.grid .btn_grid {color: #72d0fb;}

/*=============================================================*/
/* SLIDER (PROMO)
/*=============================================================*/
.promo_bl {padding: 25px;background: #fff;box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); border-radius: 3px; margin-bottom: 30px;}
.item_promo_slider {position: relative; overflow: hidden; padding: 0 0 0 1px;}
.slider_img {height: 265px; border-radius: 3px; overflow: hidden;border-radius: 3px;}
.slider_img img {display: block; width: 100%; height: 100%; object-fit: cover;border-radius: 3px;padding-right: 190px;}
.slider_content {position: absolute;top: 0;right: 0;height: 0;width: 385px;border-bottom: 265px solid #FFF;border-left: 185px solid transparent;border-right: 0px solid transparent;}
.slider_content_title {padding: 20px 0 30px; text-align: right; font-size: 18px;font-family: 'Oswald';font-weight: 500;min-height: 140px;}
.slider_content_title a {color: inherit;border-bottom: 3px solid transparent;}
.slider_content_title a:hover {border-bottom: 3px solid #35c535;}
.bdr_green,
.bdr_blue,
.bdr_orange {position: absolute;top: 0;right: 0;height: 0;width: 400px;border-left: 185px solid transparent;border-right: 0px solid transparent;}
.bdr_green {border-bottom: 265px solid rgba(53, 197, 53, 0.5);}
.bdr_blue {border-bottom: 265px solid rgba(114, 208, 251, 0.5);}
.bdr_orange {border-bottom: 265px solid rgba(255, 192, 0, 0.5);}
.item_promo_slider_cat {font-size: 12px;}
.item_promo_slider_cat i[class*="ion"] {font-size: 18px;float: left;padding-right: 10px;line-height: 1;}
.promo_bl .owl-nav {position: absolute;right: 0;width: 340px;bottom: 40px;}
.promo_bl .owl-prev {position: absolute;left: 0;}
.promo_bl .owl-next {position: absolute;right: 0;}
.promo_bl .owl-prev i, .promo_bl .owl-next i {font-size: 45px; line-height: 1; color: #777777;transition: all 0.3s ease 0s;}
.promo_bl .owl-prev:hover i, .promo_bl .owl-next:hover i {color: #ffc000; }
.promo_bl .owl-dots {position: absolute;right: 0;bottom: 8px;width: 240px;text-align: center;margin: 0 50px;}
.promo_bl .owl-dots .owl-dot {width: 17px;height: 17px;border-radius: 50%;border: 1px solid #777777;margin: 0px 7px;}
.promo_bl .owl-dots .owl-dot.active {background: #72d0fb;box-shadow: inset 0px 0px 0px 2px #fff;border: 1px solid #72d0fb;}

/*=============================================================*/
/* INFORMERS
/*=============================================================*/
.inf_popular {transition: all 0.3s ease 0s; margin: 0 -25px;position: relative; display: flex; align-items: center; padding:23px 25px 23px 22px;border-left: 3px solid transparent;}
.inf_popular:nth-child(2n) {background: #f8f8f8;}
.inf_popular:hover {border-left: 3px solid #35c535;}
.inf_popular_number {position: absolute;right: -10px;top: -10px;width: 32px;height: 32px;border-radius: 50%;text-align: center;background: #72d0fb;color: #fff;line-height: 24px;border: 3px solid #fff;transition: all 0.3s ease 0s; }
.inf_popular:hover .inf_popular_number {background: #ffc000;}
.inf_popular_img {flex: 1; min-width: 70px; max-width: 70px; height: 70px; position: relative; margin-right: 20px;}
.inf_popular_img img {display: block; width: 100%; height: 100%; object-fit: cover;border-radius: 50%;}
.inf_popular_content {height: 50px; overflow: hidden;}
.inf_popular_content a {color: #212121; line-height: 24px; display: inline-block;}

#rating_carousel {padding-top: 20px;}
.inf_rating_item {position: relative;}
.inf_rating_stars {position: absolute; top: 0; left: 0; width: 100%; display: flex; justify-content: center; background: rgba(0, 0, 0, 0.5); padding:0 10px;}
.inf_rating_stars i {color: #ffc000;font-size: 18px;padding: 0 2px;}
.inf_rating_poster {overflow: hidden;height: 175px;}
.inf_rating_poster img {height: 100%;object-fit: cover;}
.inf_rating_num {display: flex; justify-content: center;margin-top: -25px;}
.inf_rating_num span {display: block; background: #35c535; width: 50px;height: 50px; border-radius: 50px; text-align: center; color: #fff; font-size: 16px; line-height: 42px; border: 3px solid #fff;}
#rating_carousel .owl-nav {position: absolute;top: -35px;left: 0;width: 100%;}
#rating_carousel .owl-prev {position: absolute;left: 45px;}
#rating_carousel .owl-next {position: absolute;right: 45px;}
#rating_carousel .owl-prev i, #rating_carousel .owl-next i {font-size: 45px; line-height: 1; color: #777777;transition: all 0.3s ease 0s;}
#rating_carousel .owl-prev:hover i, #rating_carousel .owl-next:hover i {color: #ffc000; }

/*=============================================================*/
/* SHORTSTORY
/*=============================================================*/
#allEntries {display: flex; flex-wrap: wrap;}
body.list [id*="entryID"] {width: 100%;}
.shortstory {display: flex; width: 100%; padding:0 25px;background: #fff;box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); border-radius: 3px; margin-bottom: 30px;}
.short_poster {flex: 1 auto; min-width: 140px; max-width: 140px; margin-right: 25px; overflow: hidden; border-radius: 3px; padding: 25px 0;}
.short_poster img {display: block;width: 100%;border-radius: 3px;height: auto;background: #eff1f5;}
.short_descr {flex: 1 auto; hyphens: auto; padding: 25px 0;}
.short_descr h3 {font-size: 18px; margin-bottom: 20px; margin-top: 5px;}
.short_descr h3 a {color: #212121; display: inline-block;}
.short_descr h3 a:hover {text-decoration: underline;}
.short_text {margin-bottom: 20px; min-height: 90px;}
.short_cat {font-size: 12px;}
.short_cat i[class*="ion"] {font-size: 18px;float: left;padding-right: 10px;line-height: 1;}
.short_info {border-left: 1px solid #ececec;flex: 1 auto;min-width: 160px;max-width: 160px;margin-left: 25px;padding: 25px 0 25px 25px;display: block;text-align: center;}
.short_info .raiting_num {width: 60px;height: 60px;text-align: center; border-radius: 50%; background: #72d0fb; font-size: 18px; line-height: 60px; color: #fff; margin-bottom: 15px;display: inline-block;}
.shortstory .raiting_stars_grid {display: none;}
.short_info .raiting_stars {color:#ffc000; font-size: 18px; margin-bottom: 10px;}
.short_info .size_file {color:#777; margin-bottom: 20px;}
.short_info .size_file i[class*="ion"] {font-size: 24px;padding-right: 10px;line-height: 1;position: relative; top: 5px;}
.short_info .btn_more {}
.short_info .btn_more a {white-space: nowrap;}

body.grid #allEntries {margin: 0 -15px;}
body.grid [id*="entryID"] {flex: 1 auto; min-width: 25%; max-width: 25%;padding: 0 15px;}
body.grid .shortstory {display: block;}
body.grid .short_poster {min-width: 100%;margin-right: 0;padding-bottom: 10px;height: 285px;overflow: hidden;border-radius: 3px;}
body.grid .short_poster img {object-fit: cover;height: 100%;}
body.grid .short_descr {padding: 0;}
body.grid .raiting_stars_grid {display: block;color: #ffc000;font-size: 18px;margin-bottom: 5px;text-align: center;}
body.grid .short_descr h3 {font-size: 14px;height: 50px;overflow: hidden;line-height: 24px;}
body.grid .short_text, body.grid .short_info {display: none;}
body.grid .short_cat {border-top: 1px solid #ececec;display: flex;margin: 0 -25px;padding: 15px 25px;overflow: hidden;}
body.grid .short_cat a {text-overflow: ellipsis;white-space: nowrap;padding-left: 2px;}

/*=============================================================*/
/* FULLSTORY
/*=============================================================*/
.full_page .breadcrumbs-wrapper {padding: 18px 0;}
.full_page .btn_list-grid {display: none;}
.full_content {padding: 25px;background: #fff;box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); border-radius: 3px; margin-bottom: 30px;}
.full_top {border-bottom: 1px solid #ececec; display: flex; flex-wrap: wrap; margin: -25px -25px 15px; padding: 25px 25px 0;overflow: hidden;}
.full_poster {flex: 1 auto; max-width: 250px; margin-right: 25px;margin-bottom: 25px;}
.full_poster img {width: 100%; border-radius: 3px; display: block;}
.full_info {flex: 1;}
.full_title {border-bottom: 1px solid #ececec;margin-right: -25px;padding-right: 25px;padding-bottom: 25px;}
.full_title h1 {font-size: 20px;text-transform: none;line-height: 32px;margin-top: -2px;}
.full_info_bottom {display: flex;width: 100%;justify-content: space-between;flex-wrap: wrap;height: 100%;/*padding-bottom: 30px;*/}
.full_info_bottom_left {flex: 1;padding: 20px 0px;}
.full_info_bottom_left ul {margin-bottom: 25px;}
.full_info_bottom_left li {padding: 7px 20px 7px 160px; font-size: 13px;}
.full_info_bottom_left li:nth-child(2n) {background: #f8f8f8;}
.full_info_bottom_left li span {margin-left: -140px;min-width: 140px;display: inline-block;}
.full_info_bottom_left li a {color: inherit;}
.full_info_bottom_left li a.add_user {color: #35c535;}
.full_info_bottom_left li a:hover {text-decoration: underline;}
.info_for_users {border-left: 3px solid #35c535;padding: 5px 0 5px 20px;hyphens: auto;}
.info_for_users_title {text-transform: uppercase; color:#35c535; font-family: 'Oswald';font-weight: 500;margin-bottom: 5px;}
.info_for_users_content {font-size: 13px;}
.full_info_bottom_right {flex: 1 auto; border-left: 1px solid #ececec; max-width: 160px; margin-left: 25px;text-align: center;padding: 25px 0 25px 25px;}
.full_page .raiting_num {width: 60px;height: 60px;text-align: center; border-radius: 50%; background: #72d0fb; font-size: 18px; line-height: 60px; color: #fff; margin-bottom: 15px;display: inline-block;}
.full_page .raiting_stars_grid {display: none;}
.full_page .raiting_stars {color:#ffc000; font-size: 18px; margin-bottom: 10px;}
.full_page .size_file {color:#777; margin-bottom: 20px;}
.full_page .size_file i[class*="ion"] {font-size: 24px;padding-right: 10px;line-height: 1;position: relative; top: 5px;}
.full_page .btn_more {margin-bottom: 15px;}
.full_page .btn_more a {white-space: nowrap; width: 100%;}
.count_download {font-size: 12px; color: #777;}
.full_descr {position: relative; display: block; clear: both;}
.full_title_bl {text-transform: uppercase; font-family: 'Oswald';font-weight: 500; font-size: 18px; margin-bottom: 15px;}
.full_title_bl span {color:#35c535;}
.full_screens {margin-top: 30px;}
.full_screens .owl-item {height: 170px;border-radius: 3px; overflow: hidden;}
.full_screens .owl-item img {border-radius: 3px; height: 100%; object-fit: cover; display: block;}
.screen_hidden {display:none !important;}
#screens_carousel {margin-top: 25px;}
#screens_carousel .owl-nav {width: 100%;margin-top: 10px;margin-bottom: -10px;padding: 0 32%;line-height: 1;}
#screens_carousel .owl-prev, #screens_carousel .owl-next {flex: 1;}
#screens_carousel .owl-prev {text-align: left;}
#screens_carousel .owl-next {float: right;}
#screens_carousel .owl-prev i, #screens_carousel .owl-next i {font-size: 45px; line-height: 1; color: #777777;transition: all 0.3s ease 0s;}
#screens_carousel .owl-prev:hover i, #screens_carousel .owl-next:hover i {color: #ffc000; }
#screens_carousel .owl-dots {position: absolute;right: 35%;bottom: 8px;width: auto;text-align: center;margin: 0 50px;left: 35%;}
#screens_carousel .owl-dots .owl-dot {width: 17px;height: 17px;border-radius: 50%;border: 1px solid #777777;margin: 0px 7px;}
#screens_carousel .owl-dots .owl-dot.active {background: #72d0fb;box-shadow: inset 0px 0px 0px 2px #fff;border: 1px solid #72d0fb;}

/*=============================================================*/
/* QUOTE
/*=============================================================*/
.bbQuoteBlock {border-left: 5px solid #eff1f5;padding-left: 20px;margin-top: 20px;}
.quoteMessage {border: 0 !important; max-height: none !important;overflow: visible !important;font-size: 17px;color: #000;}
.bbQuoteName {display: none;}

/*=============================================================*/
/* SPOILER
/*=============================================================*/
input.uSpoilerButton {font-family: 'Open Sans', sans-serif;background: #eff1f5;width: 100%;text-align: left;font-size: 13px; color: inherit !important;}
.uSpoilerText {padding: 7px 15px;}
input.uSpoilerButton:hover {background: #eff1f5;}