/*
Theme Name: DoCode Theme
Version: 1.0
Author URI: https://docode.pro
*/


@font-face{
	font-family:'Inter';
	src:url('/wp-content/themes/docode_theme/fonts/Inter-Regular.ttf') format('truetype');
	font-weight:400;
	font-style:normal
}

@font-face{
	font-family:'Inter';
	src:url('/wp-content/themes/docode_theme/fonts/Inter-Medium.ttf') format('truetype');
	font-weight:500;
	font-style:normal
}

@font-face{
	font-family:'Inter';
	src:url('/wp-content/themes/docode_theme/fonts/Inter-Bold.ttf') format('truetype');
	font-weight:600;
	font-style:normal
}

@font-face{
	font-family:'Tektur';
	src:url('/wp-content/themes/docode_theme/fonts/Tektur-Regular.ttf') format('truetype');
	font-weight:400;
	font-style:normal
}

@font-face{
	font-family:'Tektur';
	src:url('/wp-content/themes/docode_theme/fonts/Tektur-Medium.ttf') format('truetype');
	font-weight:500;
	font-style:normal
}

@font-face{
	font-family:'Tektur';
	src:url('/wp-content/themes/docode_theme/fonts/Tektur-Bold.ttf') format('truetype');
	font-weight:600;
	font-style:normal
}

:root {
	--bl: #060606;
	--wh: #fff;
	--wh-80: rgba(255, 255, 255, 80%);
	--wh-50: rgba(255, 255, 255, 50%);
	--wh-30: rgba(255, 255, 255, 30%);
	--shadow: 0 0 10px 3px #0606065e;
	--ye: #FFBD3C;
	--y-blue: #BBCEFF;
	--d-blue: #1734F2;
	--l-blue: #ECF1FF;
	--red: #FF151A;
	--gray: #F4F4F4;
}

:focus {
	outline: none;
}

::placeholder{
	color: inherit;
}

liss:focus {
	
}

*{
	box-sizing: border-box;
	margin: 0;
}

html{
	font-size: 0.8vw;
	scroll-behavior: smooth;
}

body{
	font-family: 'Inter';
	font-size: 1.4rem;
}

button, input, select, textarea {
	font-size: inherit;
}

a {
	transition: .3s;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

[type="password"],
[type="text"], 
[type="tel"], 
[type="email"], 
[type="number"], 
textarea, 
select {
	width: 100%;
	border: 0.1rem solid var(--bl);
	background: var(--sh);
	border-radius: 0.6rem;
	height: 4rem;
	color: inherit;
	padding: 1rem;
}

textarea {
	height: 16rem;
}

[type=button]:not(:disabled), 
[type=reset]:not(:disabled), 
[type=submit]:not(:disabled), 
button:not(:disabled) {
    transition: 0.3s;
    cursor: pointer;
    border-radius: 0.6rem;
    width: 100%;
    height: 4rem;
}

[type=button]:not(:disabled):hover, 
[type=reset]:not(:disabled):hover, 
[type=submit]:not(:disabled):hover, 
button:not(:disabled):hover {
}

p, ul {
    margin-bottom: 2rem;
}

h1, .h1 {
	font-size: 6rem;
	margin-bottom: 4rem;
}

h2, .h2 {
	font-size: 6rem;
	margin-bottom: 4rem;
	font-family: 'Tektur';
}

h3, .h3 {
	font-size: 1.4rem;
	margin-bottom: 2rem;
}

img {
	max-width: 100%;
	height: auto;
}

iframe {
    max-width: 100%;
}

img.to_svg{
	display: none;
}

.o-hidden{
	overflow: hidden !important;
}

.table_wrap {
    width: 100%;
    overflow: auto;
    position: relative;
}

.container{
	margin: auto;
	max-width: 120rem;
}

.row{
	display: flex;
	flex-wrap: wrap;
	margin-left: -1rem;
	margin-right: -1rem;
}

.row-0{
	display: flex;
	flex-wrap: wrap;
}

/**** HEADER *****/
header {
    position: absolute;
    top: 0;
    z-index: 111;
    background: transparent;
    width: 100%;
}

.header_row {
    display: flex;
    flex-wrap: wrap;
    padding: 4rem 0;
    align-items: center;
    transition: 0.3s;
}

.scrolled header {
    background: rgba(0,0,0,0.7);
}

.scrolled header .header_row {
    padding: 2rem 0;
}

a.header_logo {
    display: block;
    line-height: 1;
    margin-right: 2rem;
}

a.header_logo img {
    width: auto;
    height: 3.7rem;
}

.ul_main_menu {
    margin: 0 0 0 auto;
    display: flex;
    list-style: none;
    padding: 0;
}

.ul_main_menu > li {
    margin: 0 1rem;
}

.head_desc_all {
    margin-left: auto;
    font-weight: 600;
}

.ul_main_menu a {
    color: var(--bl);
}

.ul_main_menu a:hover {
    color: var(--d-blue);
}

body.menu_open {
    overflow: hidden;
}
	
.burger {
    width: 3rem;
    height: 4rem;
    position: relative;
    cursor: pointer;
    display: none;
}
	
.burger span {
    display: block;
    position: absolute;
    width: 100%;
    height: 0.2rem;
    top: 2rem;
    left: 0px;
    transition: 0.3s;
    background: var(--bl);
}
	
.burger span:first-child {
    top: 0.9rem;
}
	
.burger span:last-child {
    top: 2.9rem;
}
	
.menu_open .burger span:first-child,
.menu_open .burger span:last-child {
    opacity: 0;
}
	
.menu_open .burger span:nth-child(2) {
    transform: rotate(45deg);
}
	
.menu_open .burger span:nth-child(3) {
    transform: rotate(-45deg);
}
	
.mobile_menu {
    position: absolute;
    width: 100%;
    height: calc(100vh - 8.6rem);
    display: none;
    overflow: auto;
    background: var(--wh);
}
	
.ul_mob_menu a {
    color: var(--bl);
    margin-bottom: 1rem;
    display: block;
    text-align: center;
    border-bottom: 0.1rem solid var(--bl);
    padding-bottom: 1rem;
}

.ul_mob_menu .sub-menu a {
    font-size: 1.6rem;
}
	
.menu_open .mobile_menu {
    display: block;
}
	
.ul_mob_menu {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.8rem;
    padding-top: 5rem;
}
/**** END HEADER ****/

/*** BANNER ***/
section.banner {
    position: relative;
}

.banner_content {
    width: 60%;
    color: var(--wh);
    padding: 12rem 0 10rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

section.banner .container {
    flex: 1;
}

section.banner > img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}

section.banner h1 {
    position: relative;
    font-size: 15rem;
    font-family: Tektur;
    margin-bottom: 0;
    color: var(--red);
    line-height: 130%;
}

.banner_desc {
    position: relative;
    margin-top: 2rem;
    width: 70%;
    font-family: 'Tektur';
    font-weight: 600;
    font-size: 4rem;
    margin-bottom: 4rem;
}

.banner_sn {
    color: var(--wh);
    background: var(--d-blue);
    padding: 1rem;
    margin-bottom: 2rem;
}

.banner_text {
    font-size: 2rem;
    line-height: 130%;
}
/*** END BANNER ***/

/*** MEMBERS ***/
section.members {
    padding: 10rem 0;
}

.section_sn {
    color: var(--d-blue);
    margin-bottom: 4rem;
    font-weight: 600;
}

.members_text {
    width: 60%;
}

.section_desc {
    font-size: 2rem;
    line-height: 130%;
    margin-bottom: 4rem;
}

.any_member {
    margin: 0 1rem;
    border: 0.2rem solid var(--bl);
    padding: 0 1rem 2rem;
    background: var(--gray);
    cursor: pointer;
    width: calc(100% - 2rem);
}

.members_list.owl-carousel.owl-theme {
    width: calc(100% + 2rem);
    margin: 0 -1rem;
}

body .owl-carousel .owl-stage {
    display: flex;
}

body .owl-carousel.owl-drag .owl-item {
    display: flex;
}

body .owl-theme .owl-nav {
    display: flex;
    position: relative;
    justify-content: space-between;
    margin: 2rem 1rem;
}

body .owl-theme .owl-nav [class*='owl-'] {
    background: var(--bl);
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    transition: 0.3s;
    position: relative;
    margin: 0;
}

body .owl-theme .owl-nav [class*='owl-']:hover {
    background: var(--bl);
    opacity: 0.7;
}

body .owl-theme .owl-nav [class*='owl-'] img {
    width: 35%;
    height: 35%;
    position: absolute;
    top: 50%;
    left: 50%;
    filter: brightness(0) invert(1);
}

button.owl-prev img {
    transform: translate(-50%, -50%) rotate(90deg);
}

button.owl-next img {
    transform: translate(-50%, -50%) rotate(-90deg);
}

body .owl-theme .owl-dots {
    position: absolute;
    display: flex;
    justify-content: center;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

body .owl-theme .owl-dots .owl-dot span {
    background: var(--y-blue);
    transition: 0.3s;
}

body .owl-theme .owl-dots .owl-dot.active span, body .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--d-blue);
}

.any_member img {
    width: 100%;
    height: 30rem;
    object-fit: cover;
    margin-bottom: 2rem;
}

.any_member_name {
    font-family: 'Tektur';
    font-weight: 600;
    text-transform: uppercase;
    font-size: 3rem;
    margin-bottom: 1rem;
}

.section_bottom {
    margin-top: 4rem;
    border: 0.2rem solid;
    width: max-content;
    padding: 1rem;
    font-weight: 600;
    font-size: 1.6rem;
}

.site_popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 200;
    display: none;
    width: 70%;
    box-shadow: var(--shadow);
}

.any_member_popup_row {
    display: flex;
    background: var(--wh);
    border: 0.2rem solid var(--bl);
    flex-wrap: wrap;
}

.popup_closer {
    position: absolute;
    right: 2rem;
    top: 2rem;
    background: var(--bl);
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    transition: 0.3s;
    cursor: pointer;
    z-index: 1;
}

.popup_closer span {
    position: absolute;
    display: block;
    width: 40%;
    height: 0.2rem;
    background: var(--wh);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.popup_closer span:last-child {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.popup_closer:hover {
    background: var(--red);
}

.any_member_popup_img {
    width: 40%;
    position: relative;
}

.any_member_popup_text {
    flex: 1;
    padding: 6rem 2rem;
    max-height: 40rem;
    overflow: auto;
}

.any_member_popup_img img {
    width: 100%;
    height: 80%;
    object-fit: cover;
    position: absolute;
    top: 10%;
}

.any_member_popup_sn {
    color: var(--red);
    font-weight: 600;
    margin-bottom: 2rem;
    font-size: 1.2rem;
    line-height: 130%;
}

.any_member_popup_name {
    font-family: tektur;
    font-weight: 600;
    margin-bottom: 2rem;
    font-size: 3rem;
}

.any_member_popup_sub {
    font-weight: 600;
    text-transform: uppercase;
}

.any_member_popup_row_text {
    margin: 2rem 0;
}

.any_member_popup_lozung {
    color: var(--red);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.8rem;
}

.marquee {
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.marquee__track {
	display: inline-flex;
	animation: scroll 50s linear infinite;
}

.marquee__track span {
	display: inline-block;
	padding-right: 20px;
	font-size: 18px;
}

.marquee:hover .marquee__track,
.marquee.open .marquee__track{
	animation-play-state: paused;
}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}
/*** END MEMBERS ***/

/*** MANIFEST ***/
section.manifest {
    padding: 0 0 6rem;
}

.manifest_row {
    display: flex;
    flex-wrap: wrap;
}

.manifest_title {
    width: 40%;
}

.manifest_list {
    flex: 1;
    padding-top: 6rem;
    padding-left: 15rem;
    font-size: 2rem;
}

.manifest_item {
    display: flex;
    margin-bottom: 4rem;
}

.manifest_item_num {
    color: var(--d-blue);
    font-weight: 600;
    margin-right: 4rem;
}

.manifest_item_text {
    flex: 1;
}

/*** END MANIFEST ***/





/*** FOOTER ***/
footer {
    background: var(--bl);
    padding: 6rem 0 6rem;
    color: var(--wh);
}

a.footer_logo {
    display: block;
    margin-bottom: 2rem;
}

a.footer_logo img {
    height: 3.7rem;
    width: auto;
}

.footer_logo_wrap {
    width: 30%;
    margin-right: auto;
}

.footer_row {
    margin: 0;
}

.footer_desc_col {
    width: 30%;
}

.copywrite_text {
    margin-left: auto;
}

.copywrite {
    margin-top: 5rem;
    border-top: 0.1rem solid var(--wh-50);
    padding-top: 4rem;
    display: flex;
    align-items: center;
}

.footer_title {
    font-weight: 600;
    margin-bottom: 2rem;
    text-transform: uppercase;
}

.contacts_wrap {
}

.footer_contacts {margin-left: 4rem;width: 30%;}

.contacts_col {margin-bottom: 1rem;}

.contacts_col > img {
    margin-right: 1rem;
    width: 2.4rem;
    height: 2.4rem;
    object-fit: contain;
}

.contacts_list {
    display: flex;
    flex-direction: column;
    max-width: 20rem;
    align-items: flex-start;
}

.contacts_list a, .contacts_list span {
    margin-bottom: 1rem;
    color: var(--wh);
}

.contacts_list a:hover {
    color: var(--red);
}
/*** END FOOTER ***/


main {
    min-height: 70vh;
}



@media(max-width: 800px){
	html{
		font-size: 2.5vw;
	}

	.container {
	    max-width: 100%;
	    padding: 0px 2rem;
	}

	.banner_content {
	    width: 100%;
	}
	
	section.banner h1 {
	    font-size: 6rem;
	}
	
	.banner_desc {
	    font-size: 2rem;
	}
	
	.banner_text {
	    font-size: 1.6rem;
	}
	
	section.members {
	    padding: 6rem 0;
	}
	
	.members_text {
	    width: 100%;
	}
	
	.section_sn {
	    margin-bottom: 2rem;
	}
	
	h2 {
	    font-size: 3rem;
	    margin-bottom: 2rem;
	}
	
	.section_desc {
	    font-size: 1.6rem;
	}
	
	.any_member {
	    /* width: 30rem; */
	}
	
	.any_member_popup_img {
	    width: 100%;
	    height: 22rem;
	}
	
	.any_member_popup_text {
	    padding: 2rem;
	    max-height: 35rem;
	}
	
	.section_bottom {
	    width: 100%;
	}
	
	.any_member_popup_sn {
	    margin-bottom: 1rem;
	}
	
	.any_member_popup_name {
	    font-size: 2rem;
	    margin-bottom: 1rem;
	}
	
	.site_popup {
	    width: 90%;
	}
	
	.popup_closer {
	    top: 1rem;
	    right: 1rem;
	}
	
	.manifest_title {
	    width: 100%;
	}
	
	.manifest_list {
	    padding: 2rem 0 0;
	    font-size: 1.6rem;
	}
	
	.footer_logo_wrap {
	    width: 100%;
	}
	
	.footer_desc_col {
	    width: 100%;
	}
	
	.footer_contacts {
	    width: 100%;
	    margin: 4rem 0 0;
	}
	
	.copywrite {
	    margin-top: 2rem;
	    flex-wrap: wrap;
	}
	
	.copywrite_text {
	    margin-top: 2rem;
	}
	
	.any_member_popup_img img {
	    object-position: top;
	}
}