/*
Theme Name: Romanuke Theme
Theme URI: https://romanuke.com
Author: osmak
Author URI: https://romanuke.com
Version: 1.0
Text Domain: romanuke
*/

:root{
	--bgrey: #27282B;
	--bdark: #202124;
	--fgrey: rgba(255, 255, 255, 0.5);
	--font: rgba(255, 255, 255, 0.9);
	--black: #161616;
	--search: rgba(255, 255, 255, 0.25);
	--red: #F22D4A;
	--orange: #CE00A1;
	--fgrey1: #E9E9E9;
	--fgrey2: #838386;
}
::-webkit-scrollbar-button{
	background-repeat: no-repeat;
	height: 0px;
}
::-webkit-scrollbar-track{
	background-color: var(--bgrey);
}
::-webkit-scrollbar-thumb{
	background-color: var(--orange);
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
::-webkit-scrollbar-thumb:hover{

}
::-webkit-resizer{
	background-repeat: no-repeat;
	height: 0px;
}

/* default css */
html{
	scroll-behavior: smooth;
	color: var(--font);
	line-height: 1.7;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 14px;
	box-sizing: border-box;
}
body{
	margin: 0;
}
body.act_menu{
	overflow: hidden;
}
*,
*:before,
*:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	-moz-tap-highlight-color: transparent;
	-ms-tap-highlight-color: transparent;
	-o-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
}
p:empty{
	display: none;
	margin: 0;
	padding: 0;
}
::-webkit-input-placeholder{
	color: var(--grey);
}
::-moz-placeholder{
	color: var(--grey);
}
:-moz-placeholder{
	color: var(--grey);
}
:-ms-input-placeholder{
	color: var(--grey);
}
main{
	background: var(--black);
}
input,
textarea,
select,
button{
	font-family: 'Inter', sans-serif;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="month"],
input[type="week"],
select{
	width: 100%;
	padding: 1.07em 1.21em;
	border-radius: 6px;
	line-height: 1.2;
	font-weight: 400;
	color: var(--bgrey);
	border: none;
	margin-bottom: .5714em;
	-webkit-transition: border .2s ease-out 0s;
    -moz-transition: border .2s ease-out 0s;
    -o-transition: border .2s ease-out 0s;
    transition: border .2s ease-out 0s;
}
input[type="text"].wpcf7-not-valid,
input[type="email"].wpcf7-not-valid,
input[type="password"].wpcf7-not-valid,
input[type="color"].wpcf7-not-valid,
input[type="date"].wpcf7-not-valid,
input[type="datetime"].wpcf7-not-valid,
input[type="datetime-local"].wpcf7-not-valid,
input[type="number"].wpcf7-not-valid,
input[type="search"].wpcf7-not-valid,
input[type="tel"].wpcf7-not-valid,
input[type="time"].wpcf7-not-valid,
input[type="url"].wpcf7-not-valid,
input[type="month"].wpcf7-not-valid,
input[type="week"].wpcf7-not-valid,
select.wpcf7-not-valid{
	border:  2px solid #dc3232;
}
textarea{
	width: 100%;
	padding: 1.07em 1.21em;
	border-radius: 6px;
	line-height: 1.2;
	font-weight: 400;
	color: var(--bgrey);
	border: none;	
	-webkit-transition: border .2s ease-out 0s;
    -moz-transition: border .2s ease-out 0s;
    -o-transition: border .2s ease-out 0s;
    transition: border .2s ease-out 0s;
}
input[type="submit"],
.orange-btn a{
	font-size: 1.143em;
	color: var(--font);
	line-height: 1.2;
	font-weight: 700;
	text-transform: capitalize;
	width: 100%;
	display: block;
	text-align: center;
	background: none;
	padding: .875em;
	border-radius: 6px;
	background:  linear-gradient(258deg, #C6005F 0%, #FF2950 99.21%);
	cursor: pointer;
	border: none;
	margin: 0;
}
.wpcf7-not-valid-tip{
	display: none;
}
.wpcf7-form br{
	display: none;
}
.wpcf7-form{
	position: relative;
}
.wpcf7 form .wpcf7-response-output{
	border-radius: 4px;
	border: 0;
	margin: .5714em 0 0;
    padding: .7143em 1.4285em;
    position: absolute;
    top: 100%;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output{
	background-color: #dc3232;
}
.wpcf7 form.sent .wpcf7-response-output{
	background-color: #137a55;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	background-color: #dc3232;
}
.wpcf7 form.spam .wpcf7-response-output {
	background-color: #f56e28; 
}

a{
	background-color: transparent;
	text-decoration: none;
	color: inherit;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
a:before,
a:after,
svg *{
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
a:active,
a:hover{
	outline: 0;
	text-decoration: none;
}
a:hover,
a:focus{
	color: #fff;
}
:focus,
:active{
	outline: none;
}
b,
strong{
	font-weight: 700;
}
img{
	display: block;
	border: 0;
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}
svg{
	height: auto;
}
p{
	padding: 0;
}
p:not(:last-child){
	margin: 0 0 1.35em;
}
p:last-child{
	margin: 0;
}
ul,
ol{
	margin: 0;
	padding: 0;
}
ul ul,
ol ul,
ul ol,
ol ol{
	margin-bottom: 0;
}
iframe{
	width: 100%;
	max-width: 100%;
}

/* default css */
/* class */
.container,
.container_2,
.container_3{
	margin-right: auto;
	margin-left: auto;
	padding: 0;
}
.clear:before,
.clear:after,
.container:before,
.container:after,
.row:before,
.row:after{
	content: " ";
	display: table;
}
.sticky{
	position: sticky;
}
.clear:after,
.container:after,
.container-fluid:after,
.row:after{
	clear: both;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.text-center{
	text-align: center;
}
.text-justify{
	text-align: justify;
}
.flex:not(.slick-initialized){
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.oh{
	overflow: hidden;
}
.pr{
	position: relative;
}
.bkg_inner{
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	width: 100%;
	height: 100%;
}
.tt_inner{
	display: block;
}
.over{
    overflow: hidden;
}
.news-item .back{
	background-color: var(--bdark);
}

header{
    z-index: 10;	
}
header .head_box{
	line-height: 1.21;
	font-weight: 600;
}
.menu-style{
	list-style: none;
	color: var(--fgrey);
}
main .menu-style:not(.not_flex){	
	display: flex;
}
.menu-style.not_flex:not(.slick-slider){
	width: max-content;
}
.menu-style.not_flex .menu-item{
	display: inline-block;
}
.menu-style a:hover{
	color: var(--font);
}
.home_header{
	color: var(--fgrey);
	line-height: 1.4;
}
.menu-style .menu-item-has-children{
    position: relative;
}
.menu-style .menu-item-has-children::after{
    margin-left: 1em;
    content: '';
    display: inline-block;
    width: 1em;
    height: .6em;
    background-image: url('assets/images/chevron_down.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.menu-style .sub-menu{
    background:  linear-gradient(258deg, #C6005F 0%, #FF2950 99.21%);
}

header .search{
	height: 3.143em;
}
.search .search-field{
	width: 100%;
	height: 100%;
	border: 1px solid var(--search);
	border-radius: 6px;
	background-color: var(--bgrey);
	margin: 0;
	cursor: pointer;
	-webkit-transition: width .2s;
	-moz-transition: width .2s;
	-ms-transition: width .2s;
	-o-transition: width .2s;
	transition: width .2s;
	color: var(--fgrey);
	padding: 1em 1em;
	top: 0;
	right: 0;
}
.search .search-submit{
	position: absolute;
	background: none;
	border: none;
	cursor: pointer;
}
.search .search-form{
	position: relative;
	height: 100%;
}
.search .search-submit > svg,
.searchbox-icon svg{
	width: auto;
	height: 1em;
}
.search-submit > svg path,
.searchbox-icon > svg path{
	fill: var(--search);
}
.searchbox-icon{
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.search-form:hover .search-field{
	border: 1px solid var(--font);
	color: var(--font);
}
.search-form:hover path{
	fill: var(--font);
}
header .search-field::-ms-clear{
	display: none;
	width: 0;
	height: 0;
}
header .search-field::-ms-reveal{
	display: none;
	width: 0;
	height: 0;
}
header .search-field::-webkit-search-decoration,
header .search-field::-webkit-search-cancel-button,
header .search-field::-webkit-search-results-button,
header .search-field::-webkit-search-results-decoration{
	display: none;
}

.box_links > *:not(:last-child),
.side-menu > *:not(:last-child){
	margin-right: 2.143em;
}
.box_links svg{
	width: auto;
	height: 1.43em;
}
.soc path{
	fill: var(--fgrey);
}
.soc:hover path{
	fill: var(--font);
}

.nstt{
	font-size: 2.286em;
	line-height: 122%;
	margin-top: 0;
	text-transform: uppercase;
	background:   linear-gradient(258deg, #C6005F 0%, #FF2950 99.21%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 100%;
	width: max-content;
}

/* footer */
footer{
	background: var(--bdark);
}
footer .col1 img{
	height: 2.285em;
	width: auto;
}
footer .soc{
	display: inline-block;
}
footer .soc:not(:last-child){
	margin-right: 2.857em;
}
footer .social svg{
	display: block;
	height: 1.5em;
	width: auto;
}
footer .social path{
	fill: var(--fgrey);
	-webkit-transition: fill .2s;
	-moz-transition: fill .2s;
	-ms-transition: fill .2s;
	-o-transition: fill .2s;
	transition: fill .2s;
}

footer .foot li{
	list-style: none;
}
footer .foot a{
	font-size: 1.143em;	
	line-height: 1.2;
	font-weight: 500;
	text-transform: uppercase;
	color: var(--fgrey);
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-ms-transition: color .2s;
	-o-transition: color .2s;
	transition: color .2s;
}
footer .foot a:hover{
	color: var(--font);
}
.copy{
	color: var(--search);
	font-weight: 400;
	line-height: 1.25;
}
.pp a{
	color: var(--red);
}

@media (max-width: 992px){	
    .active-menu{
        overflow: hidden;
    }
	.flex_t_m{		
	    display: flex;
	    flex-direction: row;
	    justify-content: space-between;
	    align-items: center;
	}

	.mob_logo.box_logo{
		position: absolute;
	}
	.nav{
		width: 6em;
		height: 3.7em;
		position: fixed;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 10;
		padding-left: 1em;
		padding-right: 2em;
		padding-bottom: 0.35em;
		background: none;
		transition: all .2s;
		transform: none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 0%);
		overflow: hidden;
	}
	.nav svg{
		fill: none;
		stroke: var(--black);
		stroke-width: 7px;
		stroke-linecap: round;
		stroke-linejoin: round;
	}
	.nav svg use:nth-of-type(1){
		opacity: 1;
		stroke-dashoffset: 221;
		stroke-dasharray: 46 249;
		transition: stroke-dashoffset .12s linear .2s, stroke-dasharray .12s linear .2s, opacity 0s linear .2s;
	}
	.nav svg use:nth-of-type(2){
		animation: stroke-animation-reverse 1.2s ease-out forwards;
	}
	.nav input{
		position: absolute;
		height: 100%;
		width: 100%;
		z-index: 2;
		cursor: pointer;
		opacity: 0;
	}
	.nav input:checked + svg use:nth-of-type(1){
		stroke-dashoffset: 175;
		stroke-dasharray: 0 295;
		opacity: 0;
		transition: stroke-dashoffset .07s linear .07s, stroke-dasharray .07s linear .07s, opacity 0s linear .14s;
	}
	.nav input:checked+svg use:nth-of-type(2){
		animation: stroke-animation 1.2s ease-out forwards;
	}
	@keyframes stroke-animation{
		0%{
			stroke-dashoffset: 295;
			stroke-dasharray: 25 270;
		}

		50%{
			stroke-dashoffset: 68;
			stroke-dasharray: 59 236;
		}

		65%{
			stroke-dashoffset: 59;
			stroke-dasharray: 59 236;
		}

		100%{
			stroke-dashoffset: 68;
			stroke-dasharray: 59 236;
		}
	}
	@keyframes stroke-animation-reverse{
		0%{
			stroke-dashoffset: 68;
			stroke-dasharray: 59 236;
		}

		50%{
			stroke-dashoffset: 290;
			stroke-dasharray: 25 270;
		}

		65%{
			stroke-dashoffset: 295;
			stroke-dasharray: 25 270;
		}

		100%{
			stroke-dashoffset: 290;
			stroke-dasharray: 25 270;
		}
	}
	header .menu-style li{
		display: block;
	}
	header .menu-style li a{
		display: inline-block;
	}
	main .menu-style li a{
		display: inline;
	}
	.home_header{
		font-weight: 300;
	}
	.menu-style .menu-item-has-children::after{
		position: absolute;
		-webkit-transition: -webkiy-transform .2s;
	    -moz-transition: -moz-transform .2s;
	    -ms-transition: -ms-transform .2s;
	    -o-transition: -o-transform .2s;
	    transition: transform .2s;
	}
	.menu-style .show.menu-item-has-children::after{
		-webkit-transform: rotate3d(180, 1, 1, 180deg);
		-moz-transform: rotate3d(180, 1, 1, 180deg);
		-ms-transform: rotate3d(180, 1, 1, 180deg);
		-o-transform: rotate3d(180, 1, 1, 180deg);
		transform: rotate3d(180, 1, 1, 180deg);
	}
	.menu-style .sub-menu{
        color: #fff;
    }
}

@media (max-width: 650px){
	::-webkit-scrollbar-button{
	    width: 6px;
	}
	::-webkit-scrollbar-thumb{
	    -webkit-border-radius: 2px;
	    border-radius: 2px;
	}
	::-webkit-resizer{
	    width: 6px;
	}
	::-webkit-scrollbar{
	    width: 6px;
	}
	main{
        padding-top: 3.785em;
    }
    
	.flex_m{
	    display: flex;
	    flex-direction: row;
	    justify-content: space-between;
	    align-items: center;
	}
	.add_side_mob,
	.add_side_mob.news-item,
	.add_side_mob.news-item.big{
		width: 111.428%;
		margin-left: -5.714%;
		margin-right: -5.714%;
	}
	.container{
		width: 100%;
	}
	.container:not(.not_side){
		padding: 0 5.128%;
	}
	.news-item:not(.add_side_mob) .over{
		border-radius: 2px;
	}

	header{
		position: relative;
	}
	.box_logo{
		padding: .75em 5.128%;
		width: 100%;
		background: var(--bgrey)
	}
	.box_logo img{
		width: auto;
		height: 2.285em;
	}
	.nav{
		right: -4%;
		border-bottom-left-radius: 6px;		
		background: var(--bgrey);
		top: 0em;
	}	
	header .search{
		margin: 0;
		width: 70.8%;
	}	
	.search .search-form{
		width: 100%;
	}
	.search .search-submit{
		right: 0;
	    display: block;
	    height: 100%;
	    top: 0;
	    padding: 0 1em;
	}
	.searchbox-icon{
		display: none;
	}
	header .menu-style > li{
		font-size: 1.714em;
		line-height: 1.208;
	}
	header .menu-style > li:first-child > a{
		margin-top: 1.25em;		
	}
	header .menu-style > li:last-child > a{		
		margin-bottom: 1.25em;		
	}
	header .menu-style .menu-item-has-children::after{
		top: .729em;
		right: 1.428em;
	}
	header .menu-style li a{
		padding: .4167em 1.428em;
	}
	.menu-style .sub-menu{
		display: none;
		padding: .4167em 0;
	}
	.menu-style > li:not(:last-child) .sub-menu{
		margin-top: .4167em;
		margin-bottom: .4167em;
	}
	.menu-style > li:last-child .sub-menu{
		margin-top: -.833em;
	}
	.home_header{
		font-weight: 300;
	}
	.head_box{
		background-color: var(--bgrey);
		display: block;
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		-webkit-transition: transform .6s;
		-moz-transition: transform .6s;
		-ms-transition: transform .6s;
		-o-transition: transform .6s;
		transition: transform .6s;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
		background-color: var(--bgrey);
		overflow: auto;
		height: 100vh;
	}
	.active-menu .head_box{
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
	}
	.home_header{
		background-color: var(--bdark);
	}
	.side-menu{
		padding: 1.4285em;
	}

	footer{
		padding: 4.2857em 0;
		text-align: center;
	}
	footer img{
		margin-left: auto;
		margin-right: auto;
	}
	footer .social,
	footer .foot{
		margin-top: 2.857em;
		margin-bottom: 2.857em;
	}
	footer .foot li:not(:last-child){
		margin-bottom: 1.4em;
	}
	footer .copy p:not(:last-child){
		margin-bottom: .715em;
	}
}