/*Определяем основные цвета сайта*/
:root {
 --main-color: #1abc9c;
 --main-color-1: #118f76;
 --main-color2: #1abb49;
 --main-color2-1: #16993c;
 --main-color3: #dc3545;
 --main-color3-1: #b42735;
 --main-gradient: linear-gradient(10deg,#dc3545, #b42735, #dc3545);
}

/*Общие*/
body { background: none; background-color: whitesmoke; font-family: 'Roboto', sans-serif;}
article, section {background-color: whitesmoke;}
.container, .row { padding-right: 0;padding-left: 0;}
.row {margin-left:0px; margin-right:0px;}
a:hover{ text-decoration: none !important; color: var(--main-color); }
a { color: var(--main-color3); font-weight: bold;text-decoration: none !important;}
.d-table a, .d-table a i {white-space: nowrap; vertical-align: middle;}
.load-img { background-image: url('img/load.gif');background-size: 70px;color: transparent !important; background-position: center; background-repeat: no-repeat;}


@media (min-width: 1280px){
	.container { max-width: 1280px;}
}
@media (min-width: 1366px){
	.container { max-width: 1300px;}
}

body *::selection {background: #ff0d00; color: white;}
body *::-webkit-selection {background: #ff0d00; color: white;}
body *::-moz-selection {background: #ff0d00; color: white;}
hr {clear: both;}

/*Изображения lazy*/
.img-lazy:not([src]) {opacity:0;}
.img-lazy {opacity: 1;transition: opacity 0.5s 0s;}

/*ТЕГИ*/
.tags a { padding: 3px 10px; margin-right: 5px; border: 1px solid var(--main-color); border-radius: 100px; font-size: 12px; color: gray; }
.tags a:hover {background-color: var(--main-color);color: white;}

/*Фиксированные блоки*/
.fix-block .fix.top-fix {position: absolute;top: 10px; transition: top 0.5s 0.1s}
.fix-block {position: relative;}

/*Вывод постов*/
.posts-grid .one-post {padding: 1px; overflow: hidden; min-height: 200px;}
.posts-grid .descritp {position: absolute; bottom: 0px;padding: 15px;color: white;background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);width: 100%;}
.posts-grid .one-post img, .posts-grid .one-portfolio img {width: 100%; height:300px; object-fit: cover; object-position: center;}
.posts-grid .one-portfolio img {width: 100%; height: auto; min-height: 200px;}
.posts-grid .descritp h3{ font-size: 18px; line-height: 20px;font-weight: 500;color: white;}
.posts-grid .descritp p {display: none; font-size: 15px}
.posts-grid a:hover {text-decoration: none;}
.posts-grid a:hover .descritp p {display: block; font-weight: 100;}
.posts-grid .one-post:hover .descritp {background: linear-gradient(to top, rgba(0, 0, 0, 1), transparent);}
.posts-grid .img-cov {display: block; width: 410px;height: 210px;}
.posts-grid .col-lg-6 .img-cov { width: 460px;}
.posts-grid .views {right: 0; top:0; opacity: 0.3; color: white;}
.posts-grid a:hover .views {right: 0;opacity: 0.8;}

.posts-grid .one-portfolio {padding: 1px;overflow: hidden;}
.posts-grid .one-portfolio.end {opacity: 0.7}
.posts-grid .one-portfolio:hover .descritp {background-color: rgb(26, 188, 156, 0.69); height: 100%;}
.posts-grid .one-portfolio:hover .descritp h3 {font-size: 20px; line-height: 25px; color: white; margin: auto 0; display: block; text-align: center; padding-top: 35%; font-weight: bold; }


.posts-grid .one-portfolio ul li {padding: 4px 10px;background-color: var(--main-color);border-radius: 0px 5px 5px 0px; margin-top: 4px;}
.posts-grid .one-portfolio ul {position: absolute;top: 20px;list-style: none;color: white;padding:0;margin:0; left: -0px; transition: left 0.5s 0s;}


.img-back {background-size: cover; background-repeat: no-repeat; position: relative;}
.img-back:before { position: absolute; content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); left: 0; top: 0; z-index: -1; transition: all 1s 0s; }


/*Видео*/
.video-grid .card-img-overlay .icon { font-size: 0px; transition: font-size 0.2s 0s; position: absolute; width: 100%; height: 100%; top: 0; padding-top: 25%; left: 0; text-align: center; color: white; }
.video-grid .card-img-overlay .icon:hover { background-color: rgba(26, 188, 156, 0.4); font-size: 100px; transition: font-size 0.2s 0s; }
 
 /*Герои*/
.posts-grid.heroes .one-portfolio img {height: 400px;}

 /*фильмы*/
.films-grid .one-film {padding: 1px; max-height: 430px;overflow: hidden;}
.films-grid h3 { display:none; margin: 0px; font-size: 22px;line-height: 24px;font-weight: 500;position: absolute;bottom: 0px;padding: 20px 5px;color: white;background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);width: 100%;text-align: center;}
.films-grid .one-film img {width: 100%; height: 450px;object-fit: cover;object-position: center;height: 450px;}
.films-grid .one-film:hover h3 {display:block; background: linear-gradient(to top, rgba(0, 0, 0, 1), transparent);}
.films-grid ul {position: absolute;top: 20px;list-style: none;color: white;padding:0;margin:0; left: -260px; transition: left 0.5s 0s;}
.films-grid .one-film:hover ul { transition: left 0.5s 0s; left: 0;}
.films-grid ul li{padding: 4px 10px;background-color: var(--main-color);border-radius: 0px 5px 5px 0px;margin-top: 4px;}
.calendar .films-grid ul {left: 0px;}
a.one-film.col-lg-2 img { height: 300px;}

/*Разное*/
.main-color{color: var(--main-color);}
.main-color-1{color: var(--main-color-1);}
.main-color2{color: var(--main-color2);}
.main-color2-1{color: var(--main-color2-1);}
.main-color3{color: var(--main-color3);}
.main-color3-1{color: var(--main-color3-1);}

.main-color-back{background-color:var(--main-color); color: white;}
.main-color-back-2{background-color:var(--main-color2) !important; color: white;}

.main-color-back-3{background-color:var(--main-color3) !important; color: white;}
.main-color-back-3-1{background-color:var(--main-color3-1) !important; color: white;}
.main-color-back-3-1:hover{background-color:var(--main-color3) !important; color: white;}
.main-color-back-3-hover{background-color:var(--main-color3); color: white;}
.main-color-back-3-hover:hover{background-color: var(--main-color3-1); color: white;}

.main-col-b-hover {background-color:var(--main-color); color: white;}
.main-col-b-hover:hover {background-color:var(--main-color-1); color: white;}

.main-col-b-hover-inv {background-color:white; color: var(--main-color);}
.main-col-b-hover-inv:hover {background-color:var(--main-color); color: white;}

.border-l-main {border-left: 4px solid var(--main-color);}
.border-r-main {border-right: 4px solid var(--main-color);}
.block-shadow {box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);}
.block-shadow2 {box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);}
.img-background { overflow: hidden; position: relative; z-index: 1}
.img-background:after {content: "";opacity: 0.2;top: 0;left: 0;bottom: 0;right: 0;position: absolute;z-index: -1;}
button:focus {outline: none;}

/*Изображения*/
.wp-caption-text { background-color: #f2f2f2; padding: 2px;}
.wp-caption, .wp-caption img, img.alignleft, img.alignright, img.alignnone, img.aligncenter {max-width: 100%;height: auto;}
.wp-caption.aligncenter, img.aligncenter {text-align: center; margin: 0px auto; display: block;}
.wp-caption.alignleft, img.alignleft {float: left;margin: 0.5em 1em 0.5em 0;}
.wp-caption.alignright, img.alignright { float: right; margin: 0.5em 0 0.5em 1em;}
.wp-caption.aligncenter img {width: calc(100% + 2rem) !important;max-width: calc(100% + 2rem) !important;margin: 0 -2rem !important;}

/*Страницы*/
.container.page iframe {max-width: 100%;}

/*Footer*/
#Footer .widget { padding-bottom: 0px; margin-bottom: 10px;}

/*Сайдбар*/
aside {background-color: none;}

/*ИГРЫ*/
.one-games  .obzor p { background-color: rgba(220, 53, 69, 0.74); transition: all 1s 0s;}
.one-games  .obzor:hover p { background-color: rgba(220, 53, 69, 0.1); transition: all 0.6s 0s;}
.one-games .review {height: 225px;}
.one-games .review span small{ display: block;font-size: 14px;}
.one-games .review span{ height: 120px;width: 120px;margin: 35px 0 0;border-radius: 100px; background-color: var(--main-color3); text-align: center;line-height: 30px; padding-top: 40px;color: white;font-size: 50px;font-weight: 800;}
.one-games .obzor {height: 225px; overflow: hidden;}

.posts-grid.games ul li {padding: 4px 10px;background-color: var(--main-color);border-radius: 0px 5px 5px 0px; margin-top: 4px;}
.posts-grid.games ul {position: absolute;top: 20px;list-style: none;color: white;padding:0;margin:0; left: -0px; transition: left 0.5s 0s;}
.posts-grid.games img { height: 450px;}


/*МЕНЮ*/
header .header {line-height: 60px; background:var(--main-gradient);}
.menu-glavnoe-container {margin: auto;}
header #menu-glavnoe > li > a { color: white; text-transform: uppercase; font-weight: normal; padding: 0px 15px; display: block;}
header #menu-glavnoe > li > a:hover { background-color: var(--main-color3);color: white;}
header .current-menu-item > a {background-color: var(--main-color3-1) !important; color: white !important; display: block; }
header .navbar-toggler { line-height: inherit;border-radius: 0; text-align: center;}
header .navbar-toggler i {font-size: 40px; color: white;}
header .navbar-toggler i:before { content: "\f2c0"; transition: all 0.5s 0s ease;}
header .navbar-toggler.collapsed i:before { content: "\f1c3"; transform: rotate(180deg); transition: all 0.2s 0s ease;}
header .seachicon {width: 100%;height: 100%;color: white !important;fill: white;padding: 0px 25px;}
header #login-page,header #search_hide {font-size: 30px;color: white;}
header #login-page:hover,header #search_hide:hover { background-color: var(--main-color3-1);}

header #collapse-search {position: absolute;top: 0; right: 110px;margin: 5px 0 0 !important; width: calc(60% - 110px);box-shadow: 0 5px 20px 2000px #00000061;}

header .menu-item {position: relative;}
header #menu-glavnoe > .menu-item-has-children >.sub-menu, header .sub-menu .sub-menu {display: block; pointer-events: none; transition: all 0.4s 0s; opacity: 0; position: absolute;  background-color: white; box-shadow: 0 12px 12px rgba(0, 0, 0, 0.12); list-style: none; padding: 0; left: 0; top: 150%; width: 200px; min-width: 100%;}
header #menu-glavnoe > .menu-item-has-children:hover >.sub-menu {display: block;pointer-events:unset;top: 100% !important;transition: all 0.3s 0s; opacity: 1; }

header .sub-menu a { display: block; padding: 15px 10px !important; line-height: initial;font-weight: 200 !important; }
header .sub-menu .sub-menu {display: none;}
header .sub-menu li {border-bottom: 1px solid #e9e9e9;  box-shadow: 0 0 0 rgba(0, 0, 0, 0); transition: all 1s 0s;}
header .sub-menu li:hover { box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); transition: all 0.3s 0s; }

header .sub-menu li .sub-menu { display: block; pointer-events: none; left: 100%; opacity: 0; top: -200px !important; background-color: white; border-left: 2px solid #c12c3a; transition: all 0.5s 0s; }
header .sub-menu li:hover >.sub-menu { transition: all 0.5s 0s; top: 0 !important; opacity: 1;pointer-events:unset;  }


header .navbar-brand img { height: 60px; vertical-align: bottom;}
header .navbar-brand.white {font-size: 40px;color: white;}
header .navbar-brand.dark {font-size: 40px;color: black;}
header .navbar-brand:hover img { height: 60px; transform: rotate(540deg);transition: all 1s 0s ease;}
header .navbar-brand img{transition: all 3s 0s ease-out;}
header .navbar-brand span { margin: 0;line-height: 60px; display: inline-block;}


/*Плагины*/
	.g-single {text-align: center;}

	.probox .proinput input { font-size: 20px !important; line-height: 20px !important; height: 50px !important;;}
	.probox {height: 50px !important;}
	.probox .promagnifier, .probox .prosettings {height: 55px !important;width: 55px !important;}
	div#ajaxsearchlitewidget-2 h4 {display: none;}
	.proinput *, .vertical.wpdreams_asl_results * {font-family: "Roboto" !important;}

	.ya-share2__icon { width: 50px !important; height: 50px !important;}
	.ya-share2__counter {font-size: 18px !important;line-height: 50px !important;padding: 0 15px !important;}

	.relap-default__items-container {max-width: 100%; overflow: hidden;}

	.mfp-iframe-holder {padding: 0px;}
	.mfp-iframe-holder .mfp-content { width: 100%; max-width: 800px;height: 100%;}
	.mfp-iframe-holder .mfp-close {top: 50px;right: 12px;font-size: 30px; background-color: #000000;width: 40px;height: 40px;text-align: center;padding: 0;}

/*ХлебныеКрошки*/
#breadcrumbs a {text-transform: uppercase;font-size: 12px; color: grey !important;}
#breadcrumbs .breadcrumb_last {font-size: 12px; color: grey;}
#breadcrumbs { margin: 15px 0 0;}


/*Адаптивность*/
@media screen and (max-width: 768px)
{

	/*Плагины*/
	.ya-share2__icon { width: 30px !important; height: 30px !important;}
	.ya-share2__counter {font-size: 18px !important;line-height: 30px !important;padding: 0 15px !important;}

	/*Изображения*/
	.wp-caption.alignleft, img.alignleft, .wp-caption.alignright, img.alignright {display: block !important;float: unset; margin: 0 auto;}

	/*Шапка*/
	 header .dropdown-menu li {line-height: 30px; }
	 header .header {line-height: 60px;}
	 header #menu-glavnoe { background-color:var(--main-color3);}
	 header .navbar-brand.white {font-size: 20px;}
	 header .navbar-brand img {height: 30px;margin: 15px 0px;}
	 header .navbar-brand span {margin: 0;line-height: 40px;}
	 header li > .sub-menu {display: none !important; opacity: 0; }
	 header li.visi > .sub-menu {display: block !important;opacity: 1!important;  pointer-events: unset!important;position: unset !important;}

	 #breadcrumbs {margin: 0px;}
	 #breadcrumbs a {font-size: 10px;}

	 /*Разное*/
	 h1 {font-size: 25px !important;}

	.posts-grid .img-cov {width: 100%;}
	.posts-grid .one-post img { height:200px;object-position: top;}
	.posts-grid .one-portfolio img {height: 240px;object-position: top;}

	/*Герои*/
	.posts-grid.heroes .one-portfolio img {height: 200px;object-position: top;}

	/*Игры*/
	.posts-grid.games img { height: 240px;}

	/*Фильмы*/
	.posts-grid.films-grid img,a.one-film.col-lg-2 img  { height: 240px;}

	/*Страницы*/
	.page iframe {max-width: 100%; max-height:220px;}
	
	header #collapse-search {right: 70px;width: calc(100% - 75px);}

}

/*Кнопка наверх*/
@media (min-width: 1371px){	
	a.scroll.top { transition: background-color 1s 0s; display: none; position: fixed; left: 0; height: 100%; padding-top: 25%; width: 70px; font-size: 30px; bottom: 0; text-align: center; background-color: rgba(0, 0, 0, 0.08); color: #cecece !important; }
	a.scroll.top:hover { background-color: #c6c6c6; transition: background-color 1s 0s; color: #848484 !important; }
}
@media (max-width: 1370px){
	a.scroll.top { z-index: 9999;display: none; position: fixed;right: 10px; height: 50px;width: 50px;bottom: 10px;line-height: 50px; text-align: center;background-color: var(--main-color);color: white !important; }
}



/*ЛК*/
#login-page[aria-expanded="true"],header #search_hide[aria-expanded="true"] { z-index: 999; background-color: var(--main-color3);}
#login-page[aria-expanded="true"] i:before, #search_hide[aria-expanded="true"] i:before{ content: "\f2c0";transform: rotate(180deg);transition: all 0.2s 0s ease;}
#login-page i:before, #search_hide i:before  {transform: rotate(0deg);transition: all 0.5s 0s ease;}
#login-page.login-user span { font-size: 12px !important; line-height: 14px !important; height: auto !important; display: inline-block; text-align: right; color: white; }

@media screen and (max-width: 768px){
	#login-page.login-user span{display: none !important; }
}

/*temp*/
#dzen { background-color: #13254d;color: white;}
.abla-single, .gbla-single {text-align: center;}
#bm {width: 100%; height: 100%;}
#similar-posts {overflow: hidden;}
div[id*="adfox"] a {margin: auto;}
.header-block div[id*="adfox"] {padding: 10px 0px;}
.header-block .banner-dark {position: relative;z-index: 1;}
.header-block .banner-dark:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: white; z-index: -1; top: 0; opacity: 0.8; }

header#header .google-auto-placed { display: none !important;}
.header-block + .google-auto-placed {display: none !important;}

@media screen and (max-width: 768px){
	.header-block div[id*="adfox"] {padding: 0px;}
}


.modal{ position: fixed !important;}