@charset "utf-8";
/* CSS Document */

/********* top-site *********/
.top-site {
	padding: 30px 35px 0;
}
.black-page .top-site {
	background-color: #000;
}
.logo {}
.logo a img {
	transition-duration: 0.96s;
    -webkit-transition-duration: 0.96s;
    -moz-transition-duration: 0.96s;
    -o-transition-duration: 0.96s;
    -ms-transition-duration: 0.96s;
}
.logo a:hover img {
	opacity: 0.7;
}
.top-site-desktop .main-menu {}
.top-site-desktop .main-menu ul {
	justify-content: center;
	gap: 30px;
}
.top-site-desktop .main-menu ul li {}
.top-site-desktop .main-menu ul li a {
	font-weight: 300;
	text-transform: uppercase;
}
.white-page .top-site-desktop .main-menu ul li a {
	color: #212121;
}
.black-page .top-site-desktop .main-menu ul li a {
	color: #ffffff;
}
.main-menu ul li a:hover,
.main-menu ul li a:focus,
.main-menu ul li.active a {
	text-decoration: underline;
}
.top-btns {}
.top-btns a:hover,
.top-btns a:focus {
	text-decoration: none;
}
/********** home ***********/
/*------- header ----------*/
#HeaderHome {
    position: relative;
    overflow: hidden;
    background: #000;
}
.header-home-scene {
    position: relative;
    width: 100%;
    height: calc(100vh - 106px);
    overflow: hidden;
}
.header-home-base {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transform-origin: center center;
    transition: transform .2s linear;
}
.header-home-portal {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
    transform: scale(1);
    transform-origin: center center;
    transition: transform .2s linear;
}
/*-------- UnrealEngine ---------*/
#UnrealEngine {}
.custom-unreal-engine {
	color: #ffffff;
	text-align: center;
}
.custom-unreal-engine .h1 {
	font-weight: 600;
	text-transform: uppercase;
}
.custom-unreal-engine .h4 {
	max-width: 860px;
	margin: 0 auto;
	font-weight: 300;
}
/*-------- WhoWeAre --------*/
#WhoWeAre {}
.custom-who-we-are {}
.custom-who-we-are .img-who {}
.custom-who-we-are .desc-who {}
.custom-who-we-are .desc-who .h1 {
	font-weight: 600;
	text-transform: uppercase;
	color: #ffffff;
}
.custom-who-we-are .desc-who .h1 span {
	color: #6AC952;
}
.custom-who-we-are .desc-who p {
	color: #ffffff;
}
.custom-who-we-are .desc-who .row-count {
	margin-bottom: 20px;
}
.custom-who-we-are .desc-who .row-count .block-count {}
.custom-who-we-are .desc-who .row-count .block-count .digit {
	color: #6AC952;
	font-weight: 600;
}
.custom-who-we-are .desc-who .row-count .block-count .value {
	color: #ffffff;
	font-weight: 300;
}
.custom-who-we-are .desc-who .link {}
.custom-who-we-are .desc-who .link a {
	float: left;
}
.btn-sign {
	padding: 8px 35px;
}
.btn-sign:hover,
.btn-sign:focus {
	text-decoration: none;
}
/*-------- MonstreakPromo ------*/
#MonstreakPromo {}
.monstreak-promo {
    position: relative;
    height: 720px;
    overflow: hidden;
}
.monstreak-promo-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: url('/images/for-site/bg-img-girl.jpg') center center / cover no-repeat;
    border-radius: 25px;
}
.monstreak-promo-content {
    position: relative;
    z-index: 4;
    width: 42%;
    padding: 180px 0 0 95px;
    color: #fff;
}
.monstreak-promo-content .h1 {
	font-weight: 600;
	text-transform: uppercase;
}
.monstreak-promo-content .h3 {
	font-weight: 600;
}
.monstreak-promo-content .h5 {
	font-weight: 300;
}
.monstreak-promo-girl {
    position: absolute;
    z-index: 3;
    right: 40px;
    bottom: 0;
    height: auto;
    pointer-events: none;
}
.monstreak-promo-girl img {}
/*------ NowLooks ---------*/
#NowLooks {}
.custom-looks {}
.custom-looks .h1 {
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 50px;
	text-align: center;
}
.custom-looks .h1 span {
	color: #6AC952;
}
.custom-looks .desc-looks {}
.custom-looks .desc-looks .block-looks {
	margin-bottom: 20px;
}
.custom-looks .desc-looks .block-looks:last-child {
	margin-bottom: 0;
}
.custom-looks .desc-looks .block-looks .wrap {
	border-radius: 65px;
	border: 2px solid #1C1D1F;
	padding: 20px;
	display: flex;
	align-items: center;
	transition-duration: 0.96s;
    -webkit-transition-duration: 0.96s;
    -moz-transition-duration: 0.96s;
    -o-transition-duration: 0.96s;
    -ms-transition-duration: 0.96s;
}
.custom-looks .desc-looks .block-looks .wrap:hover {
	border-color: #6AC952;
}
.custom-looks .desc-looks .block-looks .wrap .img {
	flex: 0 0 91px;
	margin-right: 20px;
}
.custom-looks .desc-looks .block-looks .wrap .img img {
	width: 91px;
	height: 91px;
}
.custom-looks .desc-looks .block-looks .wrap .text {
	color: #ffffff;
}
.custom-looks .desc-looks .block-looks .wrap .text .h4 {
	font-weight: 600;
}
.custom-looks .desc-looks .block-looks .wrap .text .h5 {
	margin-bottom: 0;
	font-weight: 300;
}
.custom-looks .img-looks {}
/*-------- WeDo ---------*/
#WeDo {}
.custom-we-do {}
.custom-we-do .head {
	text-align: center;
}
.custom-we-do .head .h1 {
	font-weight: 600;
	text-transform: uppercase;
}
.custom-we-do .head .h1 span {
	color: #6AC952;
}
.custom-we-do .head .h5 {
	font-weight: 300;
	margin-bottom: 0;
}
.custom-we-do .h2 {
	font-weight: 600;
	margin: 50px 0;
	text-align: center;
	line-height: 1;
}
.custom-we-do .block-we-do {}
.custom-we-do .block-we-do .img {
	margin-bottom: 10px;
}
.custom-we-do .block-we-do .img img {
	border-radius: 25px;
}
.custom-we-do .block-we-do .desc-do {
	text-align: center;
}
.custom-we-do .block-we-do .desc-do .h3 {
	font-weight: 600;
	text-transform: uppercase;
}
.custom-we-do .block-we-do .desc-do .h5 {
	font-weight: 300;
	margin-bottom: 0;
}
/*-------- WhyChoose ------*/
#WhyChoose {}
.custom-why-choose {}
.custom-why-choose .row-top-choose {
	color: #ffffff;
	align-items: center;
	margin-bottom: 70px;
}
.custom-why-choose .row-top-choose .titles-choose {}
.custom-why-choose .row-top-choose .titles-choose .h6 {
	text-transform: uppercase;
	font-weight: 300;
}
.custom-why-choose .row-top-choose .titles-choose .h1 {
	font-weight: 600;
	text-transform: uppercase;
}
.custom-why-choose .row-top-choose .titles-choose .h1 span {
	color: #6AC952;
}
.custom-why-choose .row-top-choose .titles-choose .h5 {
	font-weight: 300;
	margin-bottom: 0;
}
.custom-why-choose .row-top-choose .imgs-choose {}
.custom-why-choose .row-top-choose .imgs-choose .row {
	justify-content: center;
	align-items: center;
}
.custom-why-choose .row-top-choose .imgs-choose .row .img-choose {
	text-align: center;
}
.custom-why-choose .row-bottom-choose {}
.custom-why-choose .row-bottom-choose .block-choose {
	display: flex;
}
.custom-why-choose .row-bottom-choose .wrap {
	border-radius: 25px;
	border: 1px solid #404040;
	height: 215px;
	width: 100%;
	padding: 20px;
	transition-duration: 0.96s;
    -webkit-transition-duration: 0.96s;
    -moz-transition-duration: 0.96s;
    -o-transition-duration: 0.96s;
    -ms-transition-duration: 0.96s;
    display: flex;
    flex-direction: column;
}
.custom-why-choose .row-bottom-choose .wrap:hover {
	border: 1px solid #6AC952;
	box-shadow: 0 0 10px 0 #6AC952 inset, 0 0 10px 0 #6AC952;
}
.custom-why-choose .row-bottom-choose .wrap .img {}
.custom-why-choose .row-bottom-choose .wrap .h5 {
	color: #ffffff;
	margin-top: auto;
}
.custom-why-choose .row-bottom-choose .wrap:hover .h5 {
	color: #6AC952;
}
/*-------- News -----------*/
#News {}
.custom-news {}
.custom-news .titles {
	display: flex;
    flex-direction: column;
}
.custom-news .titles .h1 {
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 25px;
}
.custom-news .titles .h1 span {
	color: #6AC952;
}
.custom-news .titles .h5 {
	font-weight: 300;
}
.custom-news .titles-white {
	color: #ffffff;
}
.custom-news .titles .link {
	margin-top: auto;
}
.custom-news .titles .link a {
	float: left;
}
.custom-news .mod-news {}
.custom-news .mod-news ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.custom-news .mod-news ul li {}
.custom-news .wrap-teaser {
	position: relative;
}
.custom-news .img-teaser figure {
	overflow: hidden;
	border-radius: 16px;
	margin-bottom: 0;
}
.custom-news .img-teaser a img {
	border-radius: 16px;
	width: 100%;
	height: 100%;
	transition-duration: 0.96s;
    -webkit-transition-duration: 0.96s;
    -moz-transition-duration: 0.96s;
    -o-transition-duration: 0.96s;
    -ms-transition-duration: 0.96s;
}
.custom-news .img-teaser a:hover img {
	transform: scale(1.05);
}
.custom-news .desc-teaser {
	position: absolute;
	left: 20px;
	bottom: 20px;
}
.custom-news .desc-teaser .title-teaser {}
.custom-news .desc-teaser .title-teaser a {
	color: #ffffff;
}
.custom-news .desc-teaser .date-teaser,
.custom-news .desc-teaser .date-teaser time {
	color: #ffffff;
}
/*-------- Before Footer ---*/
#BeforeFooter {
    position: relative;
    overflow: hidden;
    background-image: image-set(
        url("../images/bg-form-get.png") 1x,
        url("../images/bg-form-get-retina.png") 2x
    );
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
}
.before-footer-decor {
    position: absolute;
    z-index: 2;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    will-change: transform;
}
.decor-left {
    left: 15px;
    bottom: 70px;
    width: 190px;
    height: 260px;
    background-image: url("../images/decor-left.png");
}
.decor-center {
    left: 270px;
    bottom: 0px;
    width: 300px;
    height: 80px;
    background-image: url("../images/decor-center.png");
}
.decor-right {
    right: 15px;
    bottom: 90px;
    width: 210px;
    height: 300px;
    background-image: url("../images/decor-right.png");
}
.custom-before-footer {
	position: relative;
	z-index: 10;
}
.custom-before-footer .titles-form {}
.custom-before-footer .titles-form .big-title {
	font-size: 128px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1;
}
.custom-before-footer .titles-form .big-title span {
	color: #6AC952;
}
.custom-before-footer .titles-form .h5 {
	font-weight: 300;
}
.custom-before-footer .img-form {
	text-align: right;
}
.custom-before-footer .form-get {}
.custom-before-footer .form-get .include-form {}
.form-get .include-form .cf-form-wrap {
	padding: 0;
}
.form-get .include-form .cf-form-wrap .cf-control-group {
	padding-bottom: 0;
}
.form-get .include-form .cf-form-wrap .cf-control-group input:focus {
	box-shadow: none;
	border-color: #6AC952;
}
.form-get .include-form .cf-form-wrap .cf-btn-text {
	font-weight: 600;
	display: flex;
  	align-items: center;
  	justify-content: center;
}
.form-get .include-form .cf-form-wrap .cf-btn-text::after {
	content: "\f2fb";
	font-family: 'Material-Design-Iconic-Font';
	padding-left: 5px;
	font-size: 35px;
	line-height: 0;
}
.form-get .include-form .cf-form-wrap .cf-control-group.privacy-block .cf-control-input {
	height: 100%;
	justify-content: center;
}
.form-get .include-form .cf-form-wrap .confid {
	color: #212121;
}
.form-get .include-form .cf-form-wrap .confid a {
	text-decoration: underline;
	color: #212121;
}
.form-get .include-form .cf-form-wrap .confid a:hover,
.form-get .include-form .cf-form-wrap .confid a:focus {
	text-decoration: none;
}
/********* footer *********/
.footer-main {
	background-color: #161616;
	padding: 60px 0;
}
.footer-logo {}
.footer-logo a img {
	transition-duration: 0.96s;
    -webkit-transition-duration: 0.96s;
    -moz-transition-duration: 0.96s;
    -o-transition-duration: 0.96s;
    -ms-transition-duration: 0.96s;
}
.footer-logo a:hover img {
	opacity: 0.7;
}
.footer-menus {}
.footer-menus .footer-menu {}
.footer-menus .footer-menu .h5 {
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
}
.footer-menus .footer-menu ul {
	display: block;
}
.footer-menus .footer-menu ul li {
	line-height: 2.3;
}
.footer-menus .footer-menu ul li a {
	color: #ffffff;
}
.footer-menus .footer-menu ul li.active a {
	text-decoration: underline;
}
.footer-info {}
.footer-info .img-footer {}
.copyright-section {
	background-color: #161616;
}
.copyright-section .wrap {
	padding: 25px 0;
	border-top: 1px solid rgba(218, 218, 218, 0.2);
}
.copyright-section .copyright {
	color: #ffffff;
}
.copyright-section .privacy {}
.copyright-section .privacy ul {
	display: flex;
	align-items: center;
	justify-content: flex-end;
  	gap: 40px;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.copyright-section .privacy ul li {}
.copyright-section .privacy ul li a {
	color: #ffffff;
}
/******** content **********/
.site-main-inner .page-header h1 {
	font-weight: 600;
}
/*--------- breadcrumbs -----------*/
.breadcrumb {
	margin: 30px 0;
}
.breadcrumb li {
    font-size: 14px;
    font-weight: 300;
}
.white-page .breadcrumb li a {
	color: #212121;
}
.white-page .breadcrumb a,
.white-page .breadcrumb .active span,
.white-page .breadcrumb-item + .breadcrumb-item::before {
	color: #212121;
}
.white-page .breadcrumb li.active span {
	color: #212121;
}
.white-page .breadcrumb-item + .breadcrumb-item::before {
	color: #212121;
}
.breadcrumb li a {
    color: #ffffff;
    text-decoration: none;
}
.breadcrumb li a:hover {
    text-decoration: underline;
}
.breadcrumb li.active span {
    font-weight: 400;
    color: #ffffff;
}
.breadcrumb-item + .breadcrumb-item::before {
	color: #ffffff;
}
/*--------- pagination ----------*/
.com-content-category-blog__navigation,
.jshop_pagination {
    text-align: left;
    margin-top: 40px;
}
.pagination__wrapper {
    margin: 0 auto;
}
.pagination {
    justify-content: flex-start;
}
.pagination .page-item,
.pagenavigation .pagination a {
    margin: 0 5px;
}
.page-item:first-child .page-link {
  	border-top-left-radius: 100%;
  	border-bottom-left-radius: 100%;
}
.page-item:last-child .page-link {
  	border-top-right-radius: 100%;
  	border-bottom-right-radius: 100%;
}
.pagination .page-link {
    border: none;
    color: #1F1F1F;
    border-radius: 100%;
    border: 3px solid #DBDBDB;
    width: 42px;
    text-align: center;
    background-color: transparent;
}
.pagination .page-link:focus {
	box-shadow: none;
}
.pagination .page-item.active .page-link {
    border: 3px solid #6AC952;
    background-color: transparent;
    border-radius: 100%;
    color: #6AC952;
    width: 42px;
    text-align: center;
}
.pagination .page-link:hover {
    border-radius: 100%;
    width: 42px;
    text-align: center;
    text-decoration: none;
    border: 3px solid #6AC952;
    color: #6AC952;
}
/*------- page services --*/
#HeaderSmBlack {}
.custom-header-sm-bl {}
.custom-header-sm-bl .row {
	align-items: center;
}
.custom-header-sm-bl .title {}
.custom-header-sm-bl .title h1 {
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
}
.custom-header-sm-bl .title .h5 {
	color: #ffffff;
	font-weight: 300;
}
.custom-header-sm-bl .img {}
#SeoServs {}
.custom-seo {}
.custom-seo .title {}
.custom-seo .title .h3 {
	font-weight: 600;
	text-transform: uppercase;
}
.custom-seo .desc {}
.custom-seo .desc .h5 {
	font-weight: 300;
}
#BlocksServices {}
.custom-blocks-servs {}
.custom-blocks-servs .block-serv {
	display: flex;
}
.custom-blocks-servs .block-serv .wrap {
	display: flex;
    flex-direction: column;
    border-radius: 24px;
    background-color: #F3F3F3;
    padding: 24px;
    height: 535px;
    width: 100%;
    transition-duration: 0.96s;
    -webkit-transition-duration: 0.96s;
    -moz-transition-duration: 0.96s;
    -o-transition-duration: 0.96s;
    -ms-transition-duration: 0.96s;
}
.custom-blocks-servs .block-serv .wrap:hover {
	color: #ffffff;
	background-color: #313131;
}
.custom-blocks-servs .block-serv .wrap .img {}
.custom-blocks-servs .block-serv .wrap .img img {}
.custom-blocks-servs .block-serv .wrap .desc {
	margin-top: auto;
}
.custom-blocks-servs .block-serv .wrap .desc .h3 {
	font-weight: 600;
	text-transform: uppercase;
}
.custom-blocks-servs .block-serv .wrap .desc .h5 {
	margin-bottom: 0;
	font-weight: 300;
}
/*------ page about -------*/
#AboutWho {}
.custom-about-who {}
.custom-about-who .row {
	align-items: center;
}
.custom-about-who .img-who {}
.custom-about-who .img-who img {}
.custom-about-who .desc-who {}
.custom-about-who .desc-who .h2 {
	font-weight: 600;
	text-transform: uppercase;
}
.custom-about-who .desc-who .h5 {
	font-weight: 300;
}
#AboutWhat {}
.custom-about-what {}
.custom-about-what .row {
	align-items: center;
}
.custom-about-what .desc-what {}
.custom-about-what .desc-what .head {
	margin-bottom: 40px;
}
.custom-about-what .desc-what .head .h2 {
	font-weight: 600;
	text-transform: uppercase;
}
.custom-about-what .desc-what .head .h5 {
	font-weight: 300;
}
.custom-about-what .desc-what .h3 {
	font-weight: 600;
	margin-bottom: 16px;
}
.custom-about-what .desc-what .block-desc {
	margin-bottom: 16px;
}
.custom-about-what .desc-what .block-desc:last-child {
	margin-bottom: 0;
}
.custom-about-what .desc-what .block-desc .h4 {
	font-weight: 600;
	margin-bottom: 0;
}
.custom-about-what .desc-what .block-desc p {}
.custom-about-what .img-what {
	text-align: right;
}
.custom-about-what .img-what img {}
#AboutWhy {}
.custom-about-why {}
.custom-about-why .row-main {
	align-items: center;
}
.custom-about-why .img-why {}
.custom-about-why .img-why img {}
.custom-about-why .desc-why {}
.custom-about-why .desc-why .h2 {
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.custom-about-why .desc-why .h2 span {
	color: #6AC952;
}
.custom-about-why .desc-why .block-why {
	display: flex;
}
.custom-about-why .desc-why .block-why .wrap {
	border-radius: 25px;
	border: 1px solid #6AC952;
	padding: 20px;
	height: 180px;
	width: 100%;
	display: flex;
    flex-direction: column;
}
.custom-about-why .desc-why .block-why .wrap .img {}
.custom-about-why .desc-why .block-why .wrap .img img {}
.custom-about-why .desc-why .block-why .wrap .h5 {
	font-weight: 300;
	margin-top: auto;
}
#Techno {}
.custom-techno {
	color: #ffffff;
}
.custom-techno .title {}
.custom-techno .title .h2 {
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.1;
}
.custom-techno .title p {}
.custom-techno .blocks-tech {}
.custom-techno .blocks-tech .block-tech {}
.custom-techno .blocks-tech .block-tech .img {
	margin-bottom: 10px;
}
.custom-techno .blocks-tech .block-tech .img img {}
.custom-techno .blocks-tech .block-tech .h4 {
	font-weight: 600;
	text-transform: uppercase;
}
.custom-techno .blocks-tech .block-tech p {}
/******** pages projects *****/
/*------ page monstreak ------*/
#HeaderProj {}
.custom-header-proj {
	background-image: url(../images/bg-img-header-monstr.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 16px;
	margin: 20px 35px 100px;
}
.custom-header-proj .breadcrumb {
	margin: 0;
	padding: 30px 0 0;
}
.custom-header-proj .wrap-header {
	position: relative;
	height: 840px;
}
.custom-header-proj .img-header-desktop {
	position: absolute;
	right: 0;
	bottom: 0;
}
.custom-header-proj .wrap-header .row {
	height: 100%;
}
.custom-header-proj .titles {
	color: #ffffff;
	display: flex;
}
.custom-header-proj .titles .wrap {
	height: 100%;
	display: flex;
    flex-direction: column;
    padding: 70px 0;
}
.custom-header-proj .titles .wrap .top-titles {}
.custom-header-proj .titles .wrap .top-titles .h1 {
	font-weight: 600;
	text-transform: uppercase;
}
.custom-header-proj .titles .wrap .top-titles .h3 {
	font-weight: 600;
	text-transform: uppercase;
}
.custom-header-proj .titles .wrap .top-titles .h5 {
	font-weight: 300;
}
.custom-header-proj .titles .wrap .play-now {
	margin-top: auto;
}
.custom-header-proj .titles .wrap .play-now .h3 {
	font-weight: 600;
	text-transform: uppercase;
}
.custom-header-proj .titles .wrap .play-now .link-play {}
.custom-header-proj .titles .wrap .play-now .link-play a img {
	display: flex;
	overflow: hidden;
	transition-duration: 0.96s;
    -webkit-transition-duration: 0.96s;
    -moz-transition-duration: 0.96s;
    -o-transition-duration: 0.96s;
    -ms-transition-duration: 0.96s;
}
.custom-header-proj .titles .wrap .play-now .link-play a:hover img {
	transform: scale(1.05);
}
#SeoProj {}
.custom-seo-proj {}
.custom-seo-proj .row {
	align-items: center;
}
.custom-seo-proj .img-seo {}
.custom-seo-proj .img-seo img {
	border-radius: 16px;
}
.custom-seo-proj .desc-seo {
	color: #ffffff;
}
.custom-seo-proj .desc-seo .h3 {
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.custom-seo-proj .desc-seo .h5 {
	font-weight: 300;
	margin-bottom: 20px;
}
#LooksGame {}
.custom-look-game {}
.custom-look-game .h1 {
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 35px;
}
.custom-look-game .h1 span {
	color: #6AC952;
}
.custom-look-game .block-game {
	color: #ffffff;
}
.custom-look-game .block-game .img {
	margin-bottom: 10px;
}
.custom-look-game .block-game .img img {
	border-radius: 16px;
}
.custom-look-game .block-game .h3 {
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 0;
}
.custom-look-game .block-game p {}
#Portal {}
.custom-portal {
	padding: 20px 35px;
	background-image: url(../images/bg-img-portal.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	border-radius: 16px;
	height: 580px;
	color: #ffffff;
}
.custom-portal .row {
	align-items: center;
}
.custom-portal .desc-port {}
.custom-portal .desc-port .h2 {
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.custom-portal .desc-port .h5 {
	font-weight: 300;
}
.custom-portal .img-port {}
.custom-portal .img-port img {}
#Companions {}
.custom-companion {
	color: #ffffff;
}
.custom-companion .h1 {
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 35px;
}
.custom-companion .h1 span {
	color: #6AC952;
}
.custom-companion .block-compan {}
.custom-companion .block-compan .wrap {
	position: relative;
}
.custom-companion .block-compan .img {}
.custom-companion .block-compan .img img {
	border-radius: 16px;
}
.custom-companion .block-compan .desc {
	position: absolute;
	left: 20px;
	bottom: 20px;
}
.custom-companion .block-compan .desc .h4 {
	font-weight: 600;
	margin-bottom: 0;
}
.custom-companion .block-compan .desc p {
	line-height: 1.3;
}
#PlayNow {}
.custom-play-now {}
.custom-play-now .wrap {
	position: relative;
}
.custom-play-now .wrap .img {}
.custom-play-now .wrap .img img {
	border-radius: 16px;
}
.custom-play-now .wrap .play-now {
	color: #ffffff;
	position: absolute;
	left: 30px;
	bottom: 30px;
}
.custom-play-now .wrap .play-now .h3 {
	font-weight: 600;
	text-transform: uppercase;
}
.custom-play-now .wrap .play-now .link-play a img {
	display: flex;
	overflow: hidden;
	transition-duration: 0.96s;
	-webkit-transition-duration: 0.96s;
	-moz-transition-duration: 0.96s;
	-o-transition-duration: 0.96s;
	-ms-transition-duration: 0.96s;
}
.custom-play-now .wrap .play-now .link-play a:hover img {
	transform: scale(1.05);
}
/*-------- contacts ---------*/
.contacts-page {}
.contacts-page .content-section {
	background-color: #000;
	color: #ffffff;
}
.item-contacts-page .page-header {
	margin-bottom: 45px;
}
.item-contacts-page .page-header h1 {
	font-weight: 300;
	text-transform: uppercase;
}
.item-contacts-page .row-data {
	padding-bottom: 80px;
}
.item-contacts-page .block-cont {
	display: flex;
}
.item-contacts-page .block-cont .wrap {
	background-color: #1F1F1F;
	border-radius: 16px;
	padding: 30px 50px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.item-contacts-page .desc-cont {}
.item-contacts-page .desc-cont .h2 {
	font-weight: 600;
	text-transform: uppercase;
}
.item-contacts-page .desc-cont .h2 span {
	color: #66BD51;
}
.item-contacts-page .desc-cont .block-info {}
.item-contacts-page .desc-cont .block-info .wrap-info {
	display: flex;
}
.item-contacts-page .desc-cont .block-info .wrap-info .img {
	flex: 0 0 56px;
	margin-right: 20px;
}
.item-contacts-page .desc-cont .block-info .wrap-info .img img {
	width: 56px;
	height: 56px;
}
.item-contacts-page .desc-cont .block-info .wrap-info .desc-info {
	font-weight: 300;
}
.item-contacts-page .desc-cont .block-info .wrap-info .desc-info .h5 {}
.item-contacts-page .desc-cont .block-info .wrap-info .desc-info p {
	margin-bottom: 0;
}
.item-contacts-page .desc-cont .block-info .wrap-info .desc-info p a {
	color: #ffffff;
}
.item-contacts-page .desc-cont .block-address {}
.item-contacts-page .desc-cont .block-mail {}
.item-contacts-page .desc-cont .block-phone {}
.item-contacts-page .form-cont {}
.item-contacts-page .form-cont .h2 {
	font-weight: 600;
	text-transform: uppercase;
}
.item-contacts-page .form-cont .include-form {}
.item-contacts-page .form-cont .include-form .cf-form-wrap {
	padding-left: 0;
	padding-right: 0;
}
.item-contacts-page .form-cont .include-form .cf-form-wrap input,
.item-contacts-page .form-cont .include-form .cf-form-wrap textarea {
	background-color: transparent;
}
.item-contacts-page .form-cont .include-form .cf-form-wrap .confid {
	text-align: center;
}
#contact-map {
    height: 575px;
    width: 100%;
    filter: grayscale(0.2) brightness(0.9);
}
.contacts-page .footer-main {
	display: none;
}
/*------- blog -----------*/
.blog,
.blog-item-content {
	padding-bottom: 100px;
}
.blog h1 {
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 30px;
}
/*------ blog-item-content -----*/
.blog-item-content {}
.blog-item-content h1 {
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 0;
}
.blog-item-content .item-image img {
	height: 100%;
}
/*---------- thank-page -----------*/
.thank-page .content-section {
	background-color: #171717;
	color: #ffffff;
}
.thank-page .item-pagethank-page .article-body {
	padding: 15vh 0;
}
.img-thank {
	margin-bottom: 30px;
}
.link-home {
	display: flex;
  	justify-content: center;
}
.link-home a {
	flex: 0 0 auto;
}
.link-home a:hover {
	text-decoration: none;
}
/*-------- policy-page ---------*/
.policy-page {}
.policy-page .item-page-other {
	padding-bottom: 10vh;
}
/******** 404 ***********/
.error-page-inner {
    padding-top: 20px;
    padding-bottom: 80px;
}
.error-page-inner .img-error {
    text-align: center;
    margin-bottom: 30px;
}
.error-page-inner .img-error img {
    max-width: 25%;
}
.error-page-inner p {
    font-size: 18px;
    font-weight: 600;
}
.error-page-inner ul {
	padding-left: 0;
	list-style: none;
}
.error-page-inner ul li {
    font-size: 16px;
}
.error-page-inner .right-error-page-inner ul li {
    list-style: none;
}
.error-page-inner a {
    color: #6AC952;
}

/************ goTop **********/
#goTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #6AC952;
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 18px;
}
#goTop i {
    font-size: 40px;
    color: #ffffff;
}
#goTop:hover {
    background-color: #3a7d2a;
}
#goTop:hover i {
	color: #ffffff;
}

/********* modal *********/
.form-modal-dialog {
	max-width: 685px;
}
.form-modal-dialog .modal-content {
	border-radius: 25px;
}
.form-modal-dialog .close-modal {
	position: relative;
}
.form-modal-dialog .close-modal .btn-close {
	float: right;
	position: absolute;
	right: 20px;
	padding-top: 20px;
	width: 30px;
	height: 30px;
}
.form-modal-dialog .modal-header {
	border-bottom: none;
	padding-bottom: 0;
}
.form-modal-dialog .modal-body .text-modal {
	max-width: 470px;
	line-height: normal;
	text-align: center;
	margin: 0 auto 10px;
}
.form-modal-dialog .modal-body .text-modal .h3 {
	font-weight: 600;
}
.form-modal-dialog .modal-body .text-modal .h5 {
	margin-bottom: 0;
	font-weight: 300;
}
.form-modal-dialog .modal-body .include-form {
	max-width: 575px;
  	margin: 0 auto;
  	padding-bottom: 30px;
}
.form-modal-dialog .modal-body .include-form .cf-form-wrap {
	padding: 0;
}
.form-modal-dialog .modal-body .include-form .convertforms .cf-control-group {
	padding-bottom: 0;
}
.form-modal-dialog .modal-body .include-form .convertforms .cf-control-group input:focus {
	box-shadow: none;
	border-color: #6AC952;
}
.form-modal-dialog .modal-body .include-form .cf-form-wrap .cf-btn-text {
	font-weight: 600;
}
.form-modal-dialog .modal-body .include-form .cf-form-wrap .confid {
	text-align: center;
	color: #666;
}
.form-modal-dialog .modal-body .include-form .cf-form-wrap .confid a {
	text-decoration: underline;
	color: #212121;
}
.form-modal-dialog .modal-body .include-form .cf-form-wrap .confid a:hover,
.form-modal-dialog .modal-body .include-form .cf-form-wrap .confid a:focus {
	text-decoration: none;
}