/*=============================================================*/
/* Theme: Ivan-Films
/* Version: 1.0.0
/* Copyright (c) 2020 https://shopthemes.ru/ and http://art-ucoz.ru/
/* Design Autor: Roman Buger
/*=============================================================*/
* {margin: 0; padding: 0; box-sizing: border-box;}
body {font-family:'Nunito',sans-serif;font-size:15px;background:#131720;color:#869db9;line-height:1.5}
a {text-decoration:none;border:none;outline:none;font-weight:500;color:#ffa500;transition:all .3s ease 0s}
a:hover {text-decoration:none;}
ul {margin: 0; padding: 0;}
img {max-width: 100%;}
hr {opacity: 0.05;margin: 20px 0;}
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {cursor:pointer; border: none;width: auto !important;}

::-webkit-input-placeholder {opacity:1; color: #869db9;}
::-moz-placeholder          {opacity:1; color: #869db9;}
:-moz-placeholder           {opacity:1; color: #869db9;}
:-ms-input-placeholder      {opacity:1; color: #869db9;}
input[placeholder]          {text-overflow:ellipsis;}
input::-moz-placeholder     {text-overflow:ellipsis;} 
input:-moz-placeholder      {text-overflow:ellipsis;} 
input:-ms-input-placeholder {text-overflow:ellipsis;} 
:focus::-webkit-input-placeholder {color: transparent !important;}
:focus::-moz-placeholder          {color: transparent !important;}
:focus:-moz-placeholder           {color: transparent !important;}
:focus:-ms-input-placeholder      {color: transparent !important;}
:focus {outline: none;}

.container {max-width:1200px;margin:50px auto}
.wrap__block {min-height:calc(100vh - 100px);display:flex;flex-direction:column;justify-content:space-between;border-radius:20px}
.middle {flex: 1;}
.content_middle {display: flex; flex-wrap: wrap;}
.content_items {padding: 0px 20px 20px;flex:1; background-color:#18202a;}
.section_title {margin:10px 0 20px;font-size:20px;padding: 0 0 0 20px;}
/* .section_title::first-letter {color:#ffa500} */

/*=============================================================*/
/* BUTTONS
/*=============================================================*/
[class*="btn_"], .codeButtons, input[type="submit"], input[type="reset"], input[type="button"] {font-size:14px;display:inline-flex;align-items:center;padding:5px 12px;border-radius:5px;font-weight:600;transition:all ease-in-out .3s}
.btn_more.default, .codeButtons {background:#18202a;color:#ffa500;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.btn_more.default:hover, .codeButtons:hover {background:#ffa500;color:#000;box-shadow:rgba(255,165,0,.3) 0 4px 10px}
.btn_more.orange, input[type="submit"], input[type="reset"], input[type="button"] {background:#ffa500;color:#000;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.btn_more.orange:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {background:#ffa500;color:#000;box-shadow:rgba(255,165,0,.2) 0 4px 10px}
.btn_more.blue {background:#2f80ed;color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.btn_more.blue:hover {background:#2f80ed;color:#fff;box-shadow:rgba(47, 128, 237, .2) 0 4px 10px}
.mobile_button_menu {margin-left: 10px; display: none;}
.mobile_button_menu button {margin-right:10px;box-shadow:0 4px 10px rgba(0,0,0,.3)!important;background:#131720!important;height:37px}
.mobile_button_menu button svg {width: 18px;height: 18px;fill: #ffa500;transition: all ease-in-out .3s}
.mobile_button_menu button:hover,
.mobile_button_menu button.open {background: #ffa500 !important;color: #000 !important;box-shadow: 0 4px 10px rgba(255, 165, 0, .3) !important}
.mobile_button_menu button:hover svg,
.mobile_button_menu button.open svg {fill: #000;}
.mobile_button_menu button:last-child {margin-right: 0}

/*=============================================================*/
/* HEADER
/*=============================================================*/
.header {background:#1c2331;border-radius:20px 20px 0 0;border-bottom:3px solid #2f80ed;box-shadow:0 20px 30px -22px rgba(47,128,237,.3);display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center; padding: 15px 20px;}

/*=============================================================*/
/* FOOTER
/*=============================================================*/
.footer {display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:15px 20px;border-top:1px solid #131720;background:#161e28;border-radius:0 0 20px 20px}
.footer .counter img {display: inline-block; margin-left: 10px;}

/*=============================================================*/
/* LOGO
/*=============================================================*/
.logo {font-size: 28px; font-weight: 800;}
.logo a {display:flex;align-items:center;font-size:28px;font-weight:800;color:#2f80ed}
.logo a span {color: #ffa500;}
.logo img {width: 40px; height: 40px; margin-right: 15px;}

/*=============================================================*/
/* SEARCH
/*=============================================================*/
.search {flex: 1;padding: 0 20px;}
.search form {position: relative;}
.search input {width:100%;background:#131720;border:none;padding:8px 70px 8px 20px;color:#869db9;font-size:14px;border-radius:20px}
.search button {position:absolute;right:0;top:0;bottom:0;border-radius: 0 20px 20px 0;padding:0 15px 0 10px;border:none;background:#ffa500;font-weight:600;font-size:14px;transition:all ease-in-out .3s;display:flex;align-items:center}
.search button svg {width:18px;height:18px;margin-right:7px}
.search button:hover {box-shadow:rgba(255,165,0,.3) 0 4px 10px}

/*=============================================================*/
/* USER PANEL
/*=============================================================*/
.user_panel a {color:#869db9;display:inline-block;padding:3px;font-size:14px}
.user_panel a:hover {color: #ffa500;transition:all ease-in-out .3s}

/*=============================================================*/
/* PROMO CAROUSEL
/*=============================================================*/
.promo_content {background:#18202a;border-radius:0 0 0 20px}
.promo {/* background:radial-gradient(circle at center,rgba(47,128,237,.1) 0,transparent 70%); */ padding: 20px;background: #18202a;border-radius: 0 0 0 20px;}
#promo_carousel i[class*="ri-"] {color:#ffa500;transition:all ease-in-out .3s;line-height:0}
#promo_carousel .owl-prev,
#promo_carousel .owl-next {position:absolute;top:30%;display:inline-flex;font-size:90px;align-items:center;width:52px;height:70px}
#promo_carousel .owl-prev {left:-73px;justify-content:left}
#promo_carousel .owl-next {right:-73px;justify-content:right}
#promo_carousel .owl-next i[class*="ri-"] {text-shadow:rgba(255,165,0,.7) 4px 0 15px;}
#promo_carousel .owl-next:hover i[class*="ri-"] {color: #2f80ed; text-shadow:rgba(47, 128, 237, .7) 4px 0 15px}
#promo_carousel .owl-prev i[class*="ri-"] {text-shadow:rgba(255,165,0,.7) -4px 0 15px;}
#promo_carousel .owl-prev:hover i[class*="ri-"] {color: #2f80ed; text-shadow:rgba(47, 128, 237, .7) -4px 0 15px}
#promo_carousel .promo_poster img {height: 190px; display: block; width: 100%; object-fit: cover;border-radius: 10px;}

/*=============================================================*/
/* SHORTSTORY
/*=============================================================*/
.shortstory_item {background:#131720;margin-bottom:20px;padding:20px;border-radius:15px;display:flex;flex-wrap:wrap; box-shadow:0 4px 10px rgba(0,0,0,.2)}
.poster_item {flex:0 0 200px;max-width:200px;margin-right:20px;position:relative;border-radius:10px;/* background:#141b24; */}
.poster_item img {border-radius:10px;display:block;width:100%; box-shadow:0 4px 10px rgba(0,0,0,.2)}
.shortstory_content {flex:1;display:flex;flex-direction:column;justify-content:space-between}
.label_item {position:absolute;top:15px;left:0;background:#ffa500;color:#000;font-weight:700;padding:5px 8px;line-height:1;border-radius:0 10px 10px 0;font-size:14px;box-shadow:rgba(255,165,0,.3) 0 4px 10px}
.title_item {margin-bottom:15px;font-size:20px; color:#ffa500;}
.title_item a {color:#ffa500;font-weight:700}
.title_item .year {margin-left: 7px;color: #869db9;}
.cat_item {font-size: 14px; margin-bottom: 20px;}
.cat_item a {color:#ffa500;}
.descr_item {margin-bottom: 15px;hyphens: auto;}
.info_item {display:inline-flex;align-items:center;font-size:12px;margin-right:20px}
.info_item [class*="ri-"] {font-size: 16px; margin-right: 7px;}
.bottom_item {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}

/*=============================================================*/
/* PAGINATION
/*=============================================================*/
.pagination {margin-bottom: 5px !important;display: flex;justify-content: center;width: 100%; padding: 0 20px;}
.paging-wrapper-bottom {margin-bottom: 30px !important;display: flex;justify-content: center;width: 100%;}
#pagesBlock1, .pagesBlock1, .pagesBlockuz1, .pagesBlockuz2 {font-size: 16px;display: inline-flex;align-items: center;flex-wrap: wrap;}
/* -- active -- */
.pgSwchA b,
.swchItemA span,
.swchItemA1 span {background:#ffa500;display:inline-flex;align-items:center;padding:5px 12px;border-radius:5px;color:#000;font-weight:600;box-shadow:rgba(255,165,0,.3) 0 4px 10px;margin:0 5px;min-width:35px;justify-content:center;height:35px;transition:all .3s ease 0s}
/* -- no active -- */
.pgSwch span,
.swchItem span,
a.swchItem1,
.swchItemDots {background:#131720;display:inline-flex;align-items:center;padding:5px 12px;border-radius:5px;color:#ffa500;font-weight:600;box-shadow:0 4px 10px rgba(0,0,0,.2);margin:0 5px;min-width:35px;justify-content:center;height:35px; transition:all .3s ease 0s}
/* -- hover -- */
.pgSwch:hover span,
.swchItem:hover span,
a.swchItem1:hover {background:#ffa500;color:#000;box-shadow:rgba(255,165,0,.3) 0 4px 10px}

/*=============================================================*/
/* ASIDEBAR
/*=============================================================*/
.aside {flex:0 0 320px;max-width:320px;padding:0 0 20px;background-color:#18202a}
.aside_title {background:#131720;padding:10px 20px;font-size:18px;font-weight:700;border-radius:0 20px 20px 0}
.aside_title::first-letter {color: #ffa500;}
.aside_container {background:#131720}
.aside_content {background:#18202a;padding:20px;border-radius:20px 0 0 20px}
.aside_block:last-child .aside_content {border-radius:20px 0 0 0}

/*=============================================================*/
/* NAV MENU
/*=============================================================*/
.nav_menu {display:flex;flex-wrap:wrap; justify-content: space-between;}
.nav_menu li {list-style:none;font-size:14px;flex:0 0 45%;max-width:45%}
.nav_menu li a {color:#869db9;padding:3px 0;display:block}
.nav_menu li a:hover {color: #ffa500; padding-left: 3px;}

/*=============================================================*/
/* INFORMERS
/*=============================================================*/
/* popular */
.popular_aside {display:flex;flex-wrap:wrap; justify-content: space-between; margin: 0 -10px -20px;}
.popular_aside_item {flex:0 0 50%;padding:0 10px;max-width:50%}
.popular_aside_poster {transition:all ease-in-out .2s;margin-bottom:20px;height:195px;background:#131720;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.3)}
.popular_aside_poster:hover {box-shadow: none;}
.popular_aside_poster img {display: block; border-radius: 10px; width: 100%; height: 100%; object-fit: cover;}

/* last comments */
.last_comments {display: block; font-size: 14px;}
.last_comments_item {background:#131720;border-radius:10px;padding:14px 20px;position:relative;margin:23px 0 45px 17px;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.last_comments_item:last-child {margin-bottom: 0;}
.last_comments_ava {background:#131720;width:40px;height:40px;border-radius:50%;position:absolute;top:-23px;left:-17px;padding:5px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.last_comments_ava img {display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.last_comments_descr {hyphens: auto; margin-bottom: 10px;}
.last_comments_user {position:absolute;top:-22px;font-size:12px;display:flex;width:calc(100% - 45px);justify-content:space-between;align-items:center;left:30px}
.last_comments_user > span {font-size: 10px;}
.last_comments_title {background:#18202a;font-size:12px;padding:4px 8px;border-radius:5px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;margin:0 -7px;color:thistle;font-weight:600}
.last_comments_title:hover {background:#ffa500;color:#000;box-shadow:rgba(255,165,0,.2) 0 4px 10px}

/* random_items */
.random_items_block > .section_title::first-letter {color: #ffa500;}
.random_items_block > .section_title {font-weight: 700;}
.random_item_content {display:flex;flex-wrap:wrap;justify-content:space-between;background:#131720;border-radius:10px;padding:10px;box-shadow:0 4px 10px rgba(0,0,0,.2);margin-bottom:20px}
.random_item {padding: 10px; flex: 0 0 20%; max-width: 20%;}
.random_poster {height: 215px; overflow: hidden;box-shadow:0 4px 10px rgba(0,0,0,.3);border-radius:10px;transition:all .3s ease 0s}
.random_poster:hover {box-shadow: none;}
.random_poster img {display:block;border-radius:10px;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:all .3s ease 0s}
.random_poster:hover img {transform:scale(1.05)}

/*=============================================================*/
/* FULLSTORY
/*=============================================================*/
.full .title_item {margin-top:0}
.info_item_list {background:#161e28;border-radius:10px;padding:15px 20px;margin-top:24px;flex:1}
.info_item_list li {list-style:none;padding:3px 0;display:flex;flex-wrap:wrap}
.info_item_list li span {flex:0 0 150px;max-width:150px}
.stars {color: #ffa500;}
.stars a {transition:none;}
.full_descr {hyphens: auto;line-height: 1.6; margin-bottom: 20px;}
.full_descr_title {font-size:20px;font-weight:700;margin-bottom:10px;}
.full_descr_title::first-letter {color: #ffa500;}
.video_block {background:#131720;border-radius:10px;padding:20px;box-shadow:0 4px 10px rgba(0,0,0,.2); margin-bottom: 20px;}
.video_title {font-size:20px;font-weight:700;text-align:center;margin-bottom:20px}
.video_block .nav-tabs {border: none;}
.video_block .nav-tabs li {list-style: none;}
.nav-tabs > li > a:hover {border-color:transparent}
.nav-link {font-size:14px;display:inline-flex;align-items:center;padding:5px 12px;border-radius:5px;font-weight:600;background:#18202a;color:#ffa500;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.nav-link:hover,
.nav-link.active {background:#ffa500;color:#000;box-shadow:rgba(255,165,0,.3) 0 4px 10px}
.nav-tabs > li {margin-bottom:0}
.nav-tabs > li > a {margin-right:10px;border-radius:4px}
.tab-content {padding-top:20px}

/*=============================================================*/
/* VIDEO IFRAME
/*=============================================================*/
.videoWrapper {position:relative; height:0;padding-bottom:56.25%; padding-top:25px; }
.videoWrapper iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

/*=============================================================*/
/* COMMENTS
/*=============================================================*/
.comments_block {position: relative;}
.comments_content {padding-top:1px}
.comments_block .section_title {font-size:20px;font-weight:700}
.comments_block .section_title::first-letter {color:#ffa500}
.comments_item {background:#131720;border-radius:10px;padding:14px 20px;position:relative;margin:23px 0 50px 17px;box-shadow:0 4px 10px rgba(0,0,0,.2);}
.comments_ava {background:#131720;width:40px;height:40px;border-radius:50%;position:absolute;top:-23px;left:-17px;padding:5px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.comments_ava img {display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.comments_user {position:absolute;top:-25px;font-size:14px;display:flex;align-items:center;left:30px;width: calc(100% - 40px);justify-content: space-between;}
.comments_user > span {font-size:12px; margin-left: 15px;}
.comments_descr {hyphens:auto;}
.comments_content .btn_more {margin-bottom:5px;margin-top:15px}
.comments_block .pagination {margin-top: -20px; margin-bottom: 20px !important;}
.add_comm {background:#131720;border-radius:10px;padding:20px;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.add_comm textarea {width:100%;background:#18202a;border:none;color:#869db9;box-shadow:0 4px 10px rgba(0,0,0,.2);border-radius:7px;padding:10px 15px;min-height:150px}
.add_comm .btn_more {margin-top:20px}
.com-order-block {display: none;}
.ratingtypeplusminus {display: inline-flex;align-items: center;min-width: 25px;justify-content: center;font-weight: 600;font-size: 14px;}


ul.form-fields [type="text"]:not([name="sort"]):not([name="code"]):not([name="uzip"]), ul.form-fields textarea, input, textarea {width: 100%;background: #18202a;border: none;padding: 8px 20px 8px 20px;color: #869db9;font-size: 14px;border-radius: 7px; box-shadow: 0 4px 10px rgba(0,0,0,.2);}
form#addEntForm .iCode_main_inp {font-size: 90% !important;padding: 5px 7px !important;border: none !important;}
.codeButtons {
    width: auto !important;
    border: none !important;
    margin-right: 3px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    background: #131720 !important;
    color: #ffa500 !important;
    font-size: 13px !important;
}
.codeButtons:hover {
    background: #ffa500 !important;
    color: #000 !important;
    box-shadow: rgba(255,165,0,.3) 0 4px 10px !important;
}

.descr_item > br + br {display:none}

#policy[type="checkbox"] {
    width: auto;
    margin-right: 5px;
}

form td[nowrap="nowrap"] input[type="checkbox"],
form td[nowrap="nowrap"] input[type="checkbox"] + label,
form td[nowrap="nowrap"] input[type="checkbox"] + label + br {
    display: none !important;
}

.xw-plain .light-btn {
    margin-top: 10px;
    width: 80px !important;
    background: #18202a !important;
    border: none !important;
}

.xw-plain {
    border-radius: 15px;
    background: #131720 !important;
    margin-bottom: 20px;
    box-shadow: 0 4px 10px rgba(0,0,0,.2) !important;
}

.xw-plain .xw-bl, .xw-plain .xw-ml, .xw-plain .xw-tl {
    background-color: #161e28 !important;
}

.myWinCont .tmplCodeH, .myWinCont input:not([type="color"]):not([type="file"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(.tmplCodeH) {
    color: #e0e2e6;
    height: 33px !important;
    padding: 0 10px !important;
    transition: border .3s linear,color .3s linear;
    background: #131720 !important;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,.2);
    border: 1px solid #1c242f !important;
}

.xw-plain .light-btn {
    margin-top: 10px;
    width: 80px !important;
    border: none !important;
    background: #ffa500 !important;
    color: #000 !important;
    font-weight: 600;
}

.xw-plain .light-btn {
    margin-bottom: 10px;
}

.myWinCont a.noun:link, .myWinCont a.noun:visited, .myWinCont a:link, .myWinCont a:visited {
    text-decoration: none;
    color: #ffa500 !important;
    font-size: 12px !important;
}

.myWinCont .u-form input[type=password]:focus,
.myWinCont input.tmplCodeH:focus,
.myWinCont input.tmplCodeHo:focus,
.myWinCont input:not([type=file]):not([type=button]):not([type=checkbox]):not([type=radio]):not(.tmplCodeH):focus {
 color:#ddd !important;
}