html{
    font-size: 10px;
}
body, html{
    height:100%;
    width:100%;
    position: relative;
/*     min-width: 1006px; */
/*     min-height:550px; */
    color:#242424;
    font-family: 'Inter', sans-serif;
}
*{
    box-sizing: border-box;
    font-weight: normal;
    margin:0;
    padding: 0;
    text-decoration: none;
}
b{
	font-weight: bold;;
}
.main_h1{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	pointer-events: none;
	opacity: 0;
}
.noscroll{
    overflow: overlay;
}
img{
	border:none;
}
.swiper-slide-cover{
	background-size: cover!important;
}
body .swiper-button-next:after,body  .swiper-container-rtl .swiper-button-prev:after,
body .swiper-button-prev:after,body  .swiper-container-rtl .swiper-button-next:after{
	content: '';
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
	opacity:0!important;
}
.title {
    position: absolute;
    top: 0;
    opacity: 0;
    pointer-events: none;
}


body .mCSB_scrollTools .mCSB_draggerRail{
    width: 2px;
	background: #e9e9eb;
}
body .contacts_wrap .mCSB_scrollTools .mCSB_draggerRail{
	background: #fff;
	opacity: 0.2;

}
body .mCSB_scrollTools .mCSB_dragger {
    background: #000;
        width: 8px;
}
body .contacts_wrap .mCSB_scrollTools .mCSB_dragger{
	background: #ebc334;
}
body .mCSB_scrollTools {
    width: 8px;
}
*:focus{
	outline: none;
}
svg a{
	cursor: pointer;
}
input::-webkit-input-placeholder       {opacity: 1; color: #fff; font-size: 1.8rem; transition: opacity 0.3s ease;}
input::-moz-placeholder                {opacity: 1; color: #fff; font-size: 1.8rem; transition: opacity 0.3s ease;}
input:-moz-placeholder                 {opacity: 1; color: #fff; font-size: 1.8rem; transition: opacity 0.3s ease;}
input:-ms-input-placeholder            {opacity: 1; color: #fff; font-size: 1.8rem; transition: opacity 0.3s ease;}
input:focus::-webkit-input-placeholder {opacity: 0; color: #fff; font-size: 1.8rem; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder          {opacity: 0; color: #fff; font-size: 1.8rem; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder           {opacity: 0; color: #fff; font-size: 1.8rem; transition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder      {opacity: 0; color: #fff; font-size: 1.8rem; transition: opacity 0.3s ease;}

input:focus{
	outline: none;
}


textarea::-webkit-input-placeholder       {opacity: 1; color: #fff; font-size: 1.8rem; transition: opacity 0.3s ease;font-family: 'Inter', sans-serif;}
textarea::-moz-placeholder                {opacity: 1; color: #fff; font-size: 1.8rem; transition: opacity 0.3s ease;font-family: 'Inter', sans-serif;}
textarea:-moz-placeholder                 {opacity: 1; color: #fff; font-size: 1.8rem; transition: opacity 0.3s ease;font-family: 'Inter', sans-serif;}
textarea:-ms-input-placeholder            {opacity: 1; color: #fff; font-size: 1.8rem; transition: opacity 0.3s ease;font-family: 'Inter', sans-serif;}
textarea:focus::-webkit-input-placeholder {opacity: 0; color: #fff; font-size: 1.8rem; transition: opacity 0.3s ease;font-family: 'Inter', sans-serif;}
textarea:focus::-moz-placeholder          {opacity: 0; color: #fff; font-size: 1.8rem; transition: opacity 0.3s ease;font-family: 'Inter', sans-serif;}
textarea:focus:-moz-placeholder           {opacity: 0; color: #fff; font-size: 1.8rem; transition: opacity 0.3s ease;font-family: 'Inter', sans-serif;}
textarea:focus:-ms-input-placeholder      {opacity: 0; color: #fff; font-size: 1.8rem; transition: opacity 0.3s ease;font-family: 'Inter', sans-serif;}

.contaniner {
    position: relative;
    width: 100%;
    min-height: 100vh;
    /*height: 100%;*/
    overflow: hidden;
}
#change_page {
   /* position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 0;
    opacity: 0;*/
}
#change_page.change_page_show, #change_page_2.change_page_show {
    z-index: 1;
    opacity: 1;
}


/* =================================
/* PRELOADER
================================= */
.preloader_wrap {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	z-index: 100000;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	pointer-events: none;
	opacity: 0;
	transition: .5s all .9s cubic-bezier(.19,1,.22,1);
}

.preloader_run .preloader_wrap {
	opacity: 1;
	transition: .9s all .5s cubic-bezier(.19,1,.22,1);
}
.preloader_wr{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
/*.preloader_run .blink{
transform: translate(-130px, 0);
transition: all 0s cubic-bezier(.19,1,.22,1);
}

.blink{
	    width: 125%;
    height: 100%;
    position: absolute;
    top: -76px;
    left: -242px;
    left: -166px;
    transition: all 1.9s cubic-bezier(.19,1,.22,1);
    transform: translate(300px, 170px);
}


.blink:before {
    content: "";
    width: 169%;
    height: 50%;
    background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.1));
    border-radius: 50%;
    display: block;
    position: absolute;
    z-index: 1001;
    transform: rotate(148deg);
}*/
.preloader_logo{
	position: absolute;
	z-index: 10;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	transition: .9s all .5s cubic-bezier(.19,1,.22,1);
}
.preload_bg{
	width: 100%;
	min-height: 100%;
	position: absolute;
	object-fit: cover;
	transition: .9s all .5s cubic-bezier(.19,1,.22,1);
}
/* =================================
/* END PRELOADER
================================= */

/* =================================
/* HEADER
================================= */
header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    
    z-index: 10;

    opacity: 0;
    /*transform: translateY(-102%);*/
    transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
    
}
.show_page_anim header{
	opacity: 1;
    /*transform: translateY(0%);*/
    transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
}
.shadow_menu{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
	pointer-events: none;
}
.header_line_right{
	position: absolute;
	width: 1px;
	background: #fff;
	opacity: 0.55;
	top: 0;
	right: 104px;
	height: 100vh;
}
.header_menu{
	padding-left: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
        height: 104px;
}
.header_mob:after{
	display:none;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	
	width: 100%;
	height: 82px;
	background: linear-gradient(to bottom, #080809, rgba(0,0,0,0));
    z-index: -1;
    opacity: 0;
     transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.header_mob .header_menu{
    position: fixed;
    width: 100%;
    height: calc(100% - 0px);	
    display: block;
    padding: 0;
    top	:0;
    z-index: -1;
    transform: translateY(calc(-100% - 56px));
    transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.open_menu .header_mob .header_menu{
    transform: translateY(0%);
	
}
.header_mob_m{
	padding-left: 7px;
	width:100%;
	display: none;
	justify-content: space-between;
	align-items: center;
    height: 56px;
    position: relative;
}
.header_mob .header_mob_m{
	display: flex;
}
.header_mob_m:after{
	content: '';
	position: absolute;
	top: 100%;
	height: 1px;
	background: #fff;
	opacity: 0.55;
	width: calc(100% - 143px);
	left: 143px;
}

.logo_wr_m{
	display: block;
	width: 133px;
	transform: translateY(19px);
}
.logo_img_m{
	width:100%;	
}
.bg_menu_m{
	display:none;
}
.menu_btn_m{
width: 56px;
    height: 56px;
    border-radius: 50%;
    padding: 18px 14px;
    display: grid;
    align-content: space-between;
    position: relative;
}
.mob_menu_btn_line{
    height: 2px;
    background-color: #fff;
    border-radius: 50px;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);	
}
.mob_menu_btn_line:nth-child(2){
	width: 73%;
}
.mob_menu_btn_line:nth-child(3){
    width: 85%;	
}
.open_menu .mob_menu_btn_line{
	opacity: 0;
}


.menu_close_m{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width:50%;
	margin: auto;
	right: 0;
	display: none;
	opacity: 0;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);	
}
.open_menu .menu_close_m{
	    opacity: 1;
    display: block;
}
.logo_wr{
	display: block;
	width: 198px;
    margin-right: 26px;
    opacity: 0;
    transform: translateY(-102%);
    transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}
.show_page_anim .logo_wr{
	opacity: 1;
        transform: translateY(17px);
    transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
}
.header_mob .logo_wr{
	display: none;
}
.logo_img{
	width:100%;
	display: block;
}
.header_cont{
	display:flex;
	align-items: center;
	    flex-grow: 1;
    justify-content: center;
	height: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.55);
}
.header_mob .header_cont{
height: 100%;
    overflow: auto;
    display: grid;
    align-content: space-between;
    padding: 30px 40px 10px;
    border:none;
}
.menu_nav{

}

.header_mob .menu_nav{
	height: auto;
}
.menu_main_menu {
	list-style: none;
    display: flex;
    height: 100%;
    align-items: center;
}
.header_mob .menu_main_menu{
	display: block;
}
.menu_main_menu>li{
    margin-right: 60px;
    margin-right: 75px;
    margin-right: 6vw;
	height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    opacity: 0;
    transform: translateY(-102%);
    transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}
.show_page_anim .menu_main_menu>li:nth-child(1){
	opacity: 1;
    transform: translateY(0%);
    transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0.6s;
}
.show_page_anim .menu_main_menu>li:nth-child(2){
	opacity: 1;
    transform: translateY(0%);
    transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0.7s;
}
.show_page_anim .menu_main_menu>li:nth-child(3){
	opacity: 1;
    transform: translateY(0%);
    transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0.8s;
}
.show_page_anim .menu_main_menu>li:nth-child(4){
	opacity: 1;
    transform: translateY(0%);
    transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0.9s;
}
.show_page_anim .menu_main_menu>li:nth-child(5){
	opacity: 1;
    transform: translateY(0%);
    transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 1s;
}
.show_page_anim .menu_main_menu>li:nth-child(6){
	opacity: 1;
    transform: translateY(0%);
    transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 1.1s;
}
.header_mob .menu_main_menu>li{
    margin-bottom: 20px;	
    display: block;
}
.menu_main_menu>li>a{
	color: #fff;
    white-space: nowrap;
	font-size: 20px;
	position: relative;
	z-index: 1;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	    height: 100%;
    display: flex;
    align-items: center;
}
.menu_main_menu>li:hover>a{
	color: #5ad5dd;
}

.current_page_item a,
.current_page_parent  a{
	color: #5ad5dd!important;
	pointer-events: none;
}

.menu_main_menu>li.page_item_has_children ul{
	display: none;
}
.menu_right{
    height: 100%;
    width:104px;
	display:flex;
	border-bottom: 1px solid rgba(255, 255, 255, 0.55);
	align-items: center;
	padding: 0 17px;
}
.header_mob .menu_right{
    justify-content: space-between;	
}
.lang_wr_m{
	display:none;
}
.lang_wr{
	height: 3.7rem;
	display: flex;
	align-items: center;
	position: relative;
	justify-content: center;

	padding: 0 1rem;
	padding: 1rem 0.5rem;
	cursor: pointer;
	z-index: 1;
	opacity:0;
	transform: translateY(-3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .lang_wr{
	opacity:1;
	transform: translateY(0rem);
	transition: .9s all 1.1s cubic-bezier(.19,1,.22,1);
}


.lang_active{
	color:#fff;
	font-size: 1.9rem;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.lang_wr:hover .lang_active,
.lang_wrap_open .lang_active{
	color:#5ad5dd;
}

.lang_arrow{
	width:2rem;
	margin-left: 1rem;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.lang_wrap_open .lang_arrow{
	transform: rotate(180deg);
}
.lang_arrow path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.lang_wr:hover path,
.lang_wrap_open path{
	fill:#5ad5dd;
}
.lang_dropdawn{
	display:none;
	overflow: hidden;
	position: absolute;
	/*top: calc(100%);*/
	/*top: calc(100% + 3.2rem);
	width: 100%;
	left: 0;*/
	top: calc(100% + 3.4rem);
	width: 10.4rem;
	left: -1.7rem;
}
.lang{
    font-size: 1.9rem;
    height: 5rem; /*height 4*/
    width: 100%;
    display: flex;
    align-items: center;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    color: #fff;
	position: relative;
}
.lang:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.55);
}
.lang:hover{
	color: #5ad5dd;
	background: rgba(20, 87, 119, 1);
	opacity: 0.8;
}
.lang_active_link{
	display:none;
}
.lang_text{
	position: relative;
	/*padding-left: 0.5rem;*/
	padding-left: 2rem;
	height: 100%;
	width:100%;
	z-index: 1;
	display: flex;
    align-items: center;
}
.lang_line{
    width: 100%;
    height: 1px;
    background: #fff;
}

.menu_main_menu .sub-menu{
	position: absolute;
    list-style: none;
    background: #fff;
    top: calc(100% - 10px);
    border-radius: 25px;
    padding: 5px;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -30px);
    transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}
.header_mob .menu_main_menu .sub-menu{
	    position: relative;
    opacity: 1;
    left: 0;
    transform: none;
    top: 0;
    pointer-events: auto;
    padding: 0;
   transform: translateY(-29px);
    display: none;
}
.header_mob .sub-menu>li:first-child{
    padding-top: 36px;	
}
.header_mob .sub-menu>li:last-child{
	padding-bottom: 10px;
}
.header_mob .menu-item-has-children>a{
	pointer-events: none;
	position: relative;
    padding-right: 46px;
    
}
.header_mob .menu-item-has-children>a:after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    background: url(../images/icon_arrow_down.svg) no-repeat;
    background-size: contain;
    width: 19px;
    background-position: center;
    transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}
.header_mob .menu-item-has-children_active>a:after{
	transform: rotate(180deg);
}
.header_mob .menu_main_menu>li.menu-item-has-children_active>a{
	background:#9595d2;
}
.menu_main_menu>li:hover .sub-menu{
	opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, 0);
    
}
.header_mob .menu_main_menu>li:hover .sub-menu{
	opacity: 1;
    pointer-events: auto;
    transform: translateY(-29px);
    transition: none;
    border-radius: 0 0 25px 25px;
}
.menu_main_menu .sub-menu:before{
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	background: url(../images/treugolnik_menu.svg) no-repeat;
	width: 20px;
    height: 10px;
}


.header_mob .menu_main_menu .sub-menu:before{
	display:none;
}
.menu_main_menu .sub-menu li{
	
}
.menu_main_menu .sub-menu li a{
    font-size: 16px;
    color: #fff;
    background: #615e9b;
    display: block;
    margin-bottom: 5px;
    border-radius: 25px;
    padding: 8px 31px;
    white-space: nowrap;
    transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}
.header_mob .menu_main_menu .sub-menu li a{
	background: none;
	color: #615e9b;	
	position: relative;
	font-size: 19px;
}
.menu_main_menu .sub-menu li a:hover{
	background: #9595d2;
}
.menu_main_menu .sub-menu li:last-child a{
	margin-bottom: 0;
}
.header_mob .header_cont{
    padding: 167px 65px 75px;
    justify-content: flex-start;
}

.header_mob .menu_main_menu>li{
	margin-right: 0;
	    margin-bottom: 8px;
}
.header_mob .menu_main_menu>li>a{
    font-size: 19px;
    padding: 12px 0px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
}

.header_mob .menu_main_menu .sub-menu li a:before{
	content: '';
	position: absolute;
	top: 0;
	left: 19px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #80e0a7;
	bottom: 0;
	margin: auto;
}

/* =================================
/* END HEADER
================================= */
/* =================================
/* FOOTER
================================= */
footer{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 4;
	display: flex;
}
.footer_left{
    font-size: 1.2rem;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 1.4rem;
    display: flex;
    opacity: 0;
    transform: translateY(100%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.5s;
}
.show_page_anim .footer_left {
  opacity: 1;
  transform: translateY(0);
}
.prava{
	opacity: 0.5;
	text-transform: uppercase;
	padding-bottom: 1.4rem;
	align-self: flex-end;
}

/* =================================
/* END FOOTER
================================= */
/* ========================================
/* LOGO REALIST
======================================== */

.realist_digital_link{
	line-height:44px;
	perspective:1000px;
	height:32px;
	width:54px;
	display:block;transform:translateZ(0);
	z-index:998;
	margin-left:2.5rem;
	position:absolute;
	right:-11px;
	bottom:10.6rem;
	transform:rotate(-90deg);
	transition:all .9s cubic-bezier(.19,1,.22,1)
}
.realist_digital_link_m{
	display:none;
}
.open_menu .header_mob .realist_digital_link_m{
	display:block;
}
.realist_digital_link span{
	position:relative;
	display:inline-block;
	height:32px;
	width:54px;
	background:url(../images/logo_realist_128x108.png) no-repeat 0 0;
	transition:transform .3s;
	transform-origin:50% 0;
	transform-style:preserve-3d
}
.realist_digital_link span::before{
	position:absolute;
	top:100%;
	left:0;display:block;
	height:32px;
	width:54px;background:url(../images/logo_realist_128x108.png) no-repeat 0 -33px;
	background:url(../images/logo_realist_128x108.png) no-repeat 0 -37px;
	content:" ";
	transition:background .3s;
	transform:rotateX(-90deg);
	transform-origin:50% 0
}
.realist_digital_link:focus span,.realist_digital_link:hover span{
	transform:rotateX(90deg) translateY(-22px)
}
.realist_digital_link:focus span::before,.realist_digital_link:hover span::before{
	background:url(../images/logo_realist_128x108.png) no-repeat 0 -33px
}


/* ========================================
/* END LOGO REALIST
======================================== */

/* =================================
/* MAIN PAGE
================================= */
.main_page{
    width: 100%;
    height: 100vh;
    position: relative;
    font-family: 'Inter', sans-serif;
}
.main_bg_wrap{
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
	opacity: 0;
}
.preloader_cont_show .main_bg_wrap{
	opacity: 1;
}
.bg_main_m{
	display:none;
}
#main_bg_wr{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.main_bg_img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.preloader_hide_img .main_bereg{
    opacity: 1;
}
.preloader_hide_img .main_choven{
    opacity: 1;
}
.main_choven{
    position: absolute;
    /*top: -14px;*/
    bottom: -7px;
    left: 0;
    width: 100%;
    height: 100%;
    animation: board 2.5s ease-in-out infinite;
    animation-direction: alternate;
    opacity: 0;
}
.show_page_anim .main_choven{
	opacity: 1;
}
.main_bereg{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.show_page_anim .main_bereg{
	opacity: 1;
}
@keyframes board {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(0.7deg);
    }
}
@keyframes water_effect {
    0%, 100%{
        clip-path: polygon(0 43%, 3% 41%, 10% 39%, 18% 41%, 24% 45%, 33% 50%, 40% 55%, 49% 56%, 56% 55%, 63% 54%, 72% 48%, 80% 48%, 89% 50%, 96% 50%, 100% 53%, 100% 63%, 100% 100%, 0% 100%);
    }
    50%{
        clip-path: polygon(0 56%, 4% 55%, 9% 53%, 16% 52%, 24% 52%, 32% 53%, 40% 54%, 49% 56%, 58% 55%, 64% 48%, 70% 45%, 76% 43%, 85% 40%, 91% 38%, 100% 39%, 100% 63%, 100% 100%, 0% 100%);
    }
}




.info_item_btn_wr{
	position: absolute;
	z-index: 2;
left: 30px;
    bottom: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 2.6rem 1rem 2.2rem;
    padding: 1.7rem 3.3rem 1.7rem 2.7rem;
    border: 1px solid transparent;

    background-color: #8bd4dc;
    border-radius: 50px;
    margin-top: 2.9rem;
    overflow: hidden;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.info_item_btn_wr:before{
    background: rgba(131, 176, 224, 0.9);
    content: '';
    position: absolute;
    height: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    animation: water_effect 2s ease-in-out infinite;
    z-index: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.info_item_btn_wr:hover:before{
    height: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);

}
.item_btn_img_wr{
    margin-right: 1.9rem;
    z-index: 2;
}
.btn_img{
    width: 3.2rem;
    height: 3.2rem;
    fill: #000;
}
.item_btn_text_wr{
    text-transform: uppercase;
    line-height: 0.8;
    z-index: 2;
}
.item_btn_text_top{
    font-size: 2.2rem;
    font-weight: 500;
    color: #000;
    letter-spacing: 2.3px;
}
.item_btn_text_bottom{
    font-size: 1.8rem;
    color: #000;
    letter-spacing: 1px;
    font-weight: 500;
    margin-top: 0.9rem;
}
.main_text_wrap{
	
}
.main_text_wr_m{
	display:none;
}
.main_text_wrap{
	position: absolute;
	right: 15rem;
	bottom: 6.7rem;
}
.main_text_wr{
	display: flex;
}
.main_text_wr span{
	color:#fff;
	font-size: 9.8rem;
	font-weight: 100;
	text-transform: uppercase;
    display: inline-block;
	filter:blur(10px);
	opacity: 0;
	transform: translate(-50px, -50px);
}
.show_page_anim .main_text span:nth-child(1){
	filter:blur(0px);
	opacity: 1;
	transform: translate(0px, 0px);
	transition: all 1.9s cubic-bezier(.19,1,.22,1) 0.4s;
}
.show_page_anim .main_text span:nth-child(2){
	filter:blur(0px);
	opacity: 1;
	transform: translate(0px, 0px);
	transition: all 1.9s cubic-bezier(.19,1,.22,1) 0.5s;
}
.show_page_anim .main_text span:nth-child(3){
	filter:blur(0px);
	opacity: 1;
	transform: translate(0px, 0px);
	transition: all 1.9s cubic-bezier(.19,1,.22,1) 0.6s;
}
.show_page_anim .main_text span:nth-child(4){
	filter:blur(0px);
	opacity: 1;
	transform: translate(0px, 0px);
	transition: all 1.9s cubic-bezier(.19,1,.22,1) 0.7s;
}


.show_page_anim .main_text span:nth-child(6){
	filter:blur(0px);
	opacity: 1;
	transform: translate(0px, 0px);
	transition: all 1.9s cubic-bezier(.19,1,.22,1) 0.8s;
}
.show_page_anim .main_text span:nth-child(7){
	filter:blur(0px);
	opacity: 1;
	transform: translate(0px, 0px);
	transition: all 1.9s cubic-bezier(.19,1,.22,1) 0.9s;
}
.show_page_anim .main_text span:nth-child(8){
	filter:blur(0px);
	opacity: 1;
	transform: translate(0px, 0px);
	transition: all 1.9s cubic-bezier(.19,1,.22,1) 1s;
}
.show_page_anim .main_text span:nth-child(9){
	filter:blur(0px);
	opacity: 1;
	transform: translate(0px, 0px);
	transition: all 1.9s cubic-bezier(.19,1,.22,1) 1.1s;
}
.show_page_anim .main_text span:nth-child(11){
	filter:blur(0px);
	opacity: 1;
	transform: translate(0px, 0px);
	transition: all 1.9s cubic-bezier(.19,1,.22,1) 1.2s;
}


.show_page_anim .main_text_soul span:nth-child(1){
	filter:blur(0px);
	opacity: 1;
	transform: translate(0px, 0px);
	transition: all 1.9s cubic-bezier(.19,1,.22,1) 1.3s;
}
.show_page_anim .main_text_soul span:nth-child(2){
	filter:blur(0px);
	opacity: 1;
	transform: translate(0px, 0px);
	transition: all 1.9s cubic-bezier(.19,1,.22,1) 1.4s;
}
.show_page_anim .main_text_soul span:nth-child(3){
	filter:blur(0px);
	opacity: 1;
	transform: translate(0px, 0px);
	transition: all 1.9s cubic-bezier(.19,1,.22,1) 1.5s;
}
.show_page_anim .main_text_soul span:nth-child(4){
	filter:blur(0px);
	opacity: 1;
	transform: translate(0px, 0px);
	transition: all 1.9s cubic-bezier(.19,1,.22,1) 1.6s;
}

.main_probel{
    margin: 0 2rem;	
}
.main_text_soul{
	position: relative;
}
.main_text_soul:after{
	content: '';
	position: absolute;
	height: 4.5px;
	width: 100%;
	background: #5ad5dd;
	
    left: 0;
    bottom: 0px;
    opacity: 0;
    transform: translateY(-1rem);
	transition: all 1.9s cubic-bezier(.19,1,.22,1) 1.6s;
}
.show_page_anim .main_text_soul:after{
	opacity: 1;
    transform: translateY(0);
}
/* =================================
/* END MAIN PAGE
================================= */
/* =================================
/* ABOUT
================================= */
.about_page{
	width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
}
.about_wrap{
    width: 100%;
    overflow: hidden;	
}
.about_wrap canvas{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.ab_bl_1{
	width: 100%;
    height: 100vh;
        z-index: 1;
    position: relative;
}
.bg_about_1_m,
.bg_about_3_m{
	display:none;
}
.ab_bl_1_img{
	    max-width: 125.9rem;
    width: 66%;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
	opacity:0;
	transform: translateY(-3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .homa_animate .ab_bl_1_img{
	opacity:1;
	transform: translateY(0rem);
	transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
.shadow_about_m{
	display:none;
}
.ab_bl_1_info_wr{
	position: absolute;
	bottom: 5.3rem;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: center;
}
.ab_bl_1_info{
	    display: inline-block;
/*     max-width: 1004px; */
/*     max-width: 1100px; */
/*     text-align: center; */
/*     width: 55%; */
}
.ab_bl_1_title{
	font-size:5.8rem;
	color: #5ad5dd;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 3rem;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .homa_animate .ab_bl_1_title{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .5s cubic-bezier(.19,1,.22,1);
}
.ab_bl_1_sub_title{
	font-size:3.6rem;
	font-size:3rem;
	color: #fff;
	font-weight: 200;
	margin-bottom: 5.7rem;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .homa_animate .ab_bl_1_sub_title{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}
/* .ab_bl_1_sub_title ul {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   list-style: none;
   max-width: 600px;
   margin: 0;  
   padding-left: 0;
} */

/* .ab_bl_1_sub_title li {
   font-weight: 200;
   position: relative;
   padding-left: 2rem;
   width: 100%; 
   text-align: left; 
} */

/* .ab_bl_1_sub_title li:before{
	content: '';
	position: absolute;
	top: 1.5rem;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff;
	left: 0;
} */

.ab_bl_1_sub_title ul {
  display: flex;
  flex-direction: column;
  max-width: 600px;
  list-style: disc;
  margin: 0;
  padding-left: 2rem;
  color: #fff;
}

.ab_bl_1_sub_title li {
  font-weight: 200;
  margin-bottom: 1rem;
  text-align: left;
}


.ab_bl_1_text{
	font-size:1.8rem;
	color: #fff;
	font-weight: 200;
	margin-bottom: 8.8vh;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .homa_animate .ab_bl_1_text{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .7s cubic-bezier(.19,1,.22,1);
}
.ab_bl_1_arrow_wr{
	display: inline-grid;
    justify-items: center;
    cursor: pointer;
}
.ab_bl_1_arrow_1{
	width: 11.7rem;
	animation: 2s anim_mouse_move 0.2s infinite;
}
.ab_bl_1_arrow_2{
	width: 7.2rem;
	opacity: 0.2;
	animation: anim_mouse_move 2s infinite;
	
}
@keyframes anim_mouse_move {
    0% {transform: translate(0%, -50%);}
    25% {transform: translate(0%, 0%);}
    100% {transform: translate(0%, -50%);}
}
.ab_bl_2{
	background:#fff;
	padding: 5rem 5rem 6rem;
	text-align: center;
}
.ab_bl_2_title{
	font-size: 3.2rem;
	text-transform: uppercase;
	color: #085d8c;
	margin-bottom: 5rem;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .homa_animate .ab_bl_2_title{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
.ab_bl_2_items{
    display: flex;
    max-width: 108rem;
    margin: auto;
    width: 60%;
    justify-content: space-between;
}

.ab_bl_2_item{
    max-width: 244px;	
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .homa_animate .ab_bl_2_item:nth-child(1){
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .homa_animate .ab_bl_2_item:nth-child(2){
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .homa_animate .ab_bl_2_item:nth-child(3){
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .7s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .homa_animate .ab_bl_2_item:nth-child(4){
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .7s cubic-bezier(.19,1,.22,1);
}
.ab_bl_2_item_img_wr{
	width:17.4rem;
	height: 17.4rem;
	position: relative;
	    margin: auto;
	margin-bottom: 2.1rem;
}
.ab_bl_2_item_img_wr:after{
	content: '';
	position: absolute;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 1px solid #5ad5dd;
	border-radius: 50%;
}

.ab_bl_2_item_img{
	width:100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
}
.ab_bl_2_item_info{
}
.ab_bl_2_item_title{
	font-size: 2.6rem;
	color: #56ced8;
	font-weight: 300;
	margin-bottom: 1rem;
}
.ab_bl_2_item_text{
	color:#084e79;

	font-size: 1.8rem;
}


.ab_bl_3{
	padding: 15.7rem 2rem 14.7rem;
	padding: 9.7rem 2rem 14.7rem;
	text-align: center;
	position: relative;
	z-index: 1;
    overflow: hidden;
}
.shadow_ab_bl_3{
    position: absolute;
    bottom: 0;
    left: 00;
    width: 100%;
    min-height: 146%;
    z-index: -1;
}


.ab_bl_3_info{
		max-width: 98.4rem;
	margin: auto;
}
.ab_bl_3_title{
	font-size: 5.8rem;
    color: #5ad5dd;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 3rem;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .homa_animate .ab_bl_3_title{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
.ab_bl_3_text{
	    font-size: 3.6rem;
	    font-size: 3rem;
    color: #fff;
    font-weight: 200;
    margin-bottom: 14.5rem;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .homa_animate .ab_bl_3_text{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .5s cubic-bezier(.19,1,.22,1);
}
.ab_bl_3_text ul{
    display: grid;
/*     justify-items: center;	 */
    list-style: none;
	text-align: left;
}
.ab_bl_3_text li{
	font-weight: 200;
	position: relative;
	padding-left: 2rem;
}
.ab_bl_3_text li:before{
	content: '';
	position: absolute;
	top: 1.5rem;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff;
	left: 0;
}
.ab_bl_3_subtitle{
	font-size: 3.2rem;
    color: #fff;
    font-weight: 200;
    text-transform: uppercase;
    margin-bottom: 3.4rem;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .homa_animate .ab_bl_3_subtitle{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}
.ab_bl_3_items{

	display: grid;
	grid-gap: 4.6rem;
	grid-template-columns: repeat(2, calc(50% - 2.3rem));
}
.ab_bl_3_item{
/* 	border: 1px solid #fff; */
	display: flex;
	align-items: center;
	padding: 2.5rem;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .homa_animate .ab_bl_3_item:nth-child(1){
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .7s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .homa_animate .ab_bl_3_item:nth-child(2){
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .8s cubic-bezier(.19,1,.22,1);
}

.ab_bl_3_item_img_wr{
	width: 15.4rem;
	height: 15.4rem;
	display: flex;
	align-items: center;
	justify-content: center;

}
.ab_bl_3_item_img{
	max-width: 100%;
	max-height: 100%;
}
.ab_bl_3_item_text{
	width: calc(100% - 15.4rem);
	padding-left: 2.6rem;
	font-size: 2.3rem;
    color: #fff;
    font-weight: 200;
}


/* =================================
/* END ABOUT
================================= */
/* =================================
/* BOATS
================================= */
.boats_page{
	    width: 100%;
    min-height: 100vh;
    position: relative;
}
.boats_wrap{
	width: 100%;
	min-height: 100vh;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 14rem 104px 5vh;
}
.bg_boats{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.bg_boats_m{
	display:none;
}
/*---------------------------*/
section.module.parallax {
	height: 100vh;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
section.module.parallax-1 { background-image: url("https://varangoboats.ua/wp-content/uploads/2025/01/boat_preview_3-3.jpg"); }
/*---------------------------*/

.boats_title{
	color:#fff;
	font-size: 5.7rem;
    margin-left: 152px;
	text-transform: uppercase;
	position: relative;
	font-weight: 200;
	margin-bottom: 5.8vh;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .boats_title{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
.boats_title:after{
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 9.4rem;
	height: 4px;
	background: #5ad5dd;
}
.boats_items{
	display: grid;
	grid-gap: 5.6rem;
	grid-template-columns: repeat(2, calc(50% - 2.8rem));
}
.boats_item{
    width: 100%;	
    padding-bottom: 5.7rem;
    position: relative;
	margin-bottom: 5.8vh;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .boats_item:nth-child(1){
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .boats_item:nth-child(2){
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}
.boats_item:last-child{	
    margin-right: 0;	
}
.boats_item:after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	border: 1px solid #fff;
	opacity: 0.2;
	transform: translate(-50%, -50%);
}

.boats_item_img_wr{
	margin-bottom: 2.1rem;
}

.boats_item_img{
    width: 100%;	
}
.boats_item_title_wr{
	padding: 0 4.5rem;
}
.boats_item_title{
	    max-height: 6.1rem;
    max-width: 100%;
}
.boats_item_text{
	padding: 0 4.5rem;
	font-size: 1.8rem;
	color:#fff;
}


/* =================================
/* END BOATS
================================= */
/* =================================
/* BOAT
================================= */
.boat_page{
	    width: 100%;
    min-height: 100vh;
    position: relative;
}
.boat_wrap{
	width: 100%;
	min-height: 100vh;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.boat_bl_1{
	position: relative;
	height: 100vh;
	z-index: 1;
}
.bg_boat{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	object-fit:cover;
	object-position: top;
}
.bg_boat_m{
	display:none;
}
.boat_bl_1_info{
	position: absolute;
	bottom: 13.9rem;
	left: 10.5rem;
	width: 63rem;
}


.boat_bl_1_info_title{
	height: 9.7rem;
	display: block;
	max-width: 100%;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .homa_animate .boat_bl_1_info_title{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}


.boat_bl_1_info_line{
	width: 24.8rem;
	height: 5px;
	background: #5ad5dd;
	margin-bottom: 3.9rem;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .homa_animate .boat_bl_1_info_line{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .5s cubic-bezier(.19,1,.22,1);
}
.boat_bl_1_info_text{
	color:#fff;
	font-size: 1.8rem;
	font-weight: 200;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .homa_animate .boat_bl_1_info_text{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}

.boat_bl_1_arrow_wrap{
	position: absolute;
	bottom: 5.3rem;
	left: 0;
	width: 100%;
	pointer-events: none;
	display: flex;
	justify-content: center;
}
.boat_bl_1_arrow_wr{
    display: grid;
    justify-items: center;	
    pointer-events: auto;
    cursor: pointer;
}
.boat_bl_1_arrow_1{
    width: 11.7rem;	
    animation: 2s anim_mouse_move 0.2s infinite;
}
.boat_bl_1_arrow_2{
    width: 7.2rem;
    opacity: 0.2;
    animation: anim_mouse_move 2s infinite;	
}
.boat_bl_2{
	padding: 16rem 20.8rem 16.4rem 16.4rem;
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 37.9rem 101.8rem;
	
    grid-template-columns: 37.9rem auto;
	grid-gap: 14.8rem;
	grid-gap: 9%;
	align-items: center;
}

.bg_boat_bl_2{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	object-fit:cover;
}
.boat_bl_2_left{
	
}

.boat_bl_2_item{
	background:#f3ede2;
	 display: grid;
    grid-template-columns: 9rem auto;
    grid-gap: 1.8rem;
    align-items: center;
    padding: 3.6rem 4.4rem;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .homa_animate .boat_bl_2_item:nth-child(1){
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .homa_animate .boat_bl_2_item:nth-child(2){
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .homa_animate .boat_bl_2_item:nth-child(3){
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}
.boat_bl_2_item:nth-child(2n){
	background:#e5d7c1;
	
}

.boat_bl_2_item_img_wr{

   
   
}
.boat_bl_2_item_img{
	max-width: 100%;
	display: block;
}
.boat_bl_2_item_info{
	
	
}
.boat_bl_2_item_title{
	color:#1a1a1a;
	font-size: 2.1rem;
	font-weight: 600;
}
.boat_bl_2_item_text{
	color:#547182;
	font-size: 2.6rem;
	font-weight: 700;
}
.boat_bl_2_right{
	width: 100%;
}
.boat_bl_2_img{
	width: 95%;
	opacity: 0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	margin: 0 auto;
	display: flex;
}
.show_page_anim .homa_animate .boat_bl_2_img{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}

.boat_bl_3{
	padding: 0 104px 0 9.4rem;
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 37.9rem 101.8rem;
    grid-template-columns: 38.3rem auto;
    grid-gap: 9%;
    grid-gap: 4.8rem;
    align-items: center;
}

.bg_boat_bl_3{
	    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
}
.boat_bl_3_left{
	
}
.boat_bl_3_title{
	color:#fff;
	font-size: 3.1rem;
	text-transform: uppercase;
	font-weight: 200;
	margin-bottom: 3.8rem;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .homa_animate .boat_bl_3_title{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
.boat_bl_3_line{
	width: 24.8rem;
    height: 5px;
    background: #5ad5dd;
    margin-bottom: 4.3rem;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .homa_animate .boat_bl_3_line{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .5s cubic-bezier(.19,1,.22,1);
}
.boat_bl_3_text{
	color:#fff;
	font-size: 1.8rem;
	font-weight: 200;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .homa_animate .boat_bl_3_text{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}
.boat_bl_3_right{
	    
    border-left: 1px solid #fff;
    padding: 13.8rem 0 8rem 0rem;
}
.boat_bl_3_line_white{
	height: 1px;
	background: #fff;
	margin: 7.6rem 0;
	
    margin: 4.6rem 0 7.6rem;
}
.boat_bl_3_items_m{
	display:none;
}

.boat_bl_3_items{
	/*align-items: baseline;*/
    display: grid;
    grid-template-columns: 81.1rem auto;
    grid-gap: 6rem;
    grid-template-columns: 69% auto;
    grid-gap: 15.4rem 5%;
    padding: 0 7.7rem 0 5rem;
}

.boat_bl_3_items>div{
	opacity:0;
	    display: grid;
	    grid-gap: 1.7rem;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.boat_bl_3_items:nth-child(4)>div:nth-child(2){
    grid-template-rows: auto 1rem;	
}
.show_page_anim .homa_animate .boat_bl_3_items>div:nth-child(1){
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .homa_animate .boat_bl_3_items>div:nth-child(2){
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .5s cubic-bezier(.19,1,.22,1);
}

.boat_bl_3_img_wr{
display: flex;
    justify-content: center;
    align-items: center;
}
.boat_bl_3_items:nth-child(1) .boat_bl_3_img_wr{
	    grid-row-start: 2;
}

.boat_bl_3_img{
	width: 100%;
}
.boat_bl_3_item_title{
	color:#5ad5dd;
	font-size: 1.8rem;
	text-transform: uppercase;
	text-align: center;
	font-weight: 200;
    align-self: end;
}

/* =================================
/* END BOAT
================================= */
/* =================================
/* POCESS
================================= */
.proc_page{
	    width: 100%;
    min-height: 100vh;
    position: relative;
}
.proc_wrap{
	    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.proc_bl_1{
	position: relative;
    height: 100vh;
    z-index: 1;
}
.bg_proc{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
    pointer-events: none;
}
.bg_process_m{
	display:none;
}
.shadow_process{
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}
.proc_bl_1_info{
	    position: absolute;
top: 29rem;
    left: 10.5rem;
    width: 65rem;
}
.proc_bl_1_info_title{
	color: #fff;
    font-size: 5.8rem;
    text-transform: uppercase;
    font-weight: 100;
        margin-bottom: 1rem;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .proc_bl_1_info_title{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
.proc_bl_1_info_line{
	width: 24.8rem;
    height: 5px;
    background: #5ad5dd;
    margin-bottom: 8.9rem;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .proc_bl_1_info_line{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .5s cubic-bezier(.19,1,.22,1);
}

.proc_bl_1_info_text{
	    color: #fff;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 2px;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .proc_bl_1_info_text{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}
.proc_bl_1_arrow_wrap{
	    position: absolute;
    bottom: 5.3rem;
    left: 0;
    width: 100%;
    pointer-events: none;
    display: flex;
    justify-content: center;
}
.proc_bl_1_arrow_wr{
    display: grid;
    justify-items: center;	
    pointer-events: auto;
}
.proc_bl_1_arrow_1{
	width: 11.7rem;
	animation: 2s anim_mouse_move 0.2s infinite;
}
.proc_bl_1_arrow_2{
    width: 7.2rem;
    opacity: 0.2;	
    animation: anim_mouse_move 2s infinite;
}
.proc_bl_2{
	padding: 25.7rem 16.9rem 16.1rem 15.8rem;
    position: relative;
    z-index: 1;
}
.bg_proc_bl_2{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
}
.proc_bl_2_items{
	margin-bottom: 14.2rem;
	display: grid;
	grid-template-columns: auto 87rem;
	grid-gap: 8rem;
}
.proc_bl_2_logo{
	width: 100%;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .homa_animate .proc_bl_2_logo{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
.proc_bl_2_info{
	
}
.proc_bl_2_title{
	color:#1b879e;
	font-size: 3.1rem;
	text-transform: uppercase;
	margin-bottom: 2.5rem;
	letter-spacing: 2px;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .homa_animate .proc_bl_2_title{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .5s cubic-bezier(.19,1,.22,1);
}
.proc_bl_2_text{
	color:#3a3937;
	font-size: 1.8rem;
letter-spacing: 2px;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .homa_animate .proc_bl_2_text{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}
.proc_bl_2_img_wr{
	position: relative;
}
.shadow_proc_bl_2_m{
	display:none;
}
.proc_bl_2_img{
	width: 100%;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .homa_animate .proc_bl_2_img{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .7s cubic-bezier(.19,1,.22,1);
}
.proc_bl_3{
	padding: 13.1rem 17.2rem 10rem 15.1rem;
    position: relative;
    z-index: 1;
}
.bg_proc_bl_3_m{
	display:none;
}
.proc_bl_3 canvas{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.proc_bl_3_items_1{
	display: grid;
    grid-template-columns: auto 50%;
    grid-gap: 22.2rem;
    grid-gap: 14%;
    align-items: center;
    margin-bottom: 17.8rem;
}
.proc_bl_3_items_2{
    display: grid;
    grid-template-columns: 104.2rem auto;
    grid-template-columns: 66% auto;
    grid-gap: 22.2rem;
    grid-gap: 13%;
    align-items: center;
    margin-bottom: 11.9rem;
}
.proc_bl_3_item_info_1{
    padding-left: 26%;	
}
.proc_bl_3_item_info_2{
	
	
}
.proc_bl_3_item_title{
	color: #fff;
    font-size: 3.1rem;
    text-transform: uppercase;
    font-weight: 100;
    margin-bottom: 3.3rem;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .homa_animate .proc_bl_3_item_title{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}


.proc_bl_3_item_line{
	    width: 24.8rem;
    height: 5px;
    background: #5ad5dd;
    margin-bottom: 3.8rem;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .homa_animate .proc_bl_3_item_line{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .5s cubic-bezier(.19,1,.22,1);
}

.proc_bl_3_item_text{
	    color: #fff;
    font-size: 1.8rem;
    font-weight: 300;
    letter-spacing: 2px;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .homa_animate .proc_bl_3_item_text{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}
.proc_bl_3_img_1{
	width: 100%;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .homa_animate .proc_bl_3_img_1{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}
.proc_bl_3_img_2{
	
	width: 100%;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .homa_animate .proc_bl_3_img_2{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
.proc_bl_3_mat_wrap{
	
}
.proc_bl_3_title{
	color: #fff;
    font-size: 3.2rem;
    text-transform: uppercase;
    font-weight: 100;
    margin-bottom: 5.4rem;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .homa_animate .proc_bl_3_title{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
.proc_bl_3_logo_wrap{
    display: grid;
    grid-template-columns: repeat(5, calc(20% - 1.6rem));
    grid-template-columns: repeat(5, calc(14% - 1.6rem));
        justify-content: space-between;
        
    grid-gap: 2rem;
    align-items: center;
        grid-template-rows: 10rem;
}
.proc_bl_3_logo_wr{
	height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .homa_animate .proc_bl_3_logo_wr{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
}
.show_page_anim  .homa_animate .proc_bl_3_logo_wr:nth-child(1){
	transition: .9s all .5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .homa_animate .proc_bl_3_logo_wr:nth-child(2){
	transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .homa_animate .proc_bl_3_logo_wr:nth-child(3){
	transition: .9s all .7s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .homa_animate .proc_bl_3_logo_wr:nth-child(4){
	transition: .9s all .8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .homa_animate .proc_bl_3_logo_wr:nth-child(5){
	transition: .9s all .9s cubic-bezier(.19,1,.22,1);
}

.proc_bl_3_logo{
	max-width: 100%;
	max-height: 100%;
}


/* =================================
/* END POCESS
================================= */
/* =================================
/* CONTACT
================================= */
.cont_page{
	width: 100%;
    height: 100vh;
    position: relative;

}

.cont_wrap{
	width: 100%;
    height: 100%;
    position: relative;
}

.cont_wrap canvas{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
}
.bg_cont_wr{
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
}
.bg_cont{
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
}
.bg_cont_m,.bereg_m{
	display:none;
}
.cont_info_wr{
	position: absolute;
	left: 25.3rem;
	top: 9rem;
}
.cont_title{
	color: #fff;
    font-size: 5.7rem;
    text-transform: uppercase;
    position: relative;
    font-weight: 200;
        line-height: 0.9;
    margin-bottom: 2rem;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .cont_title{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}

.cont_line{
		width: 24.8rem;
    height: 5px;
    background: #5ad5dd;
    margin-bottom: 5.8vh;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .cont_line{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .5s cubic-bezier(.19,1,.22,1);
}
.cont_info{
	    display: grid;
    grid-template-columns: auto 37.8rem;
    grid-gap: 7.3rem;
}
.cont_sub_title{
		color: #fff;
    font-size: 3.2rem;
    text-transform: uppercase;
    position: relative;
    font-weight: 200;
    margin-bottom: 2rem;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .cont_sub_title{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}
.cont_adress_wr{
	display:grid;
	grid-gap: 1rem;
	grid-template-columns: 2.2rem auto;
	margin-bottom: 1.7rem;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .cont_adress_wr{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .7s cubic-bezier(.19,1,.22,1);
}
.cont_icon_wr{
	width:2.2rem;
	height: 2.3rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cont_icon{
	max-width: 100%;
	max-height: 100%;
}
.cont_adress{
	color: #fff;
    font-size: 1.8rem;
    font-weight: 200;
    letter-spacing: 1px;
}
.cont_mail_wr{
	display:inline-grid;
	grid-gap: 1rem;
	grid-template-columns: 2.2rem auto;
	align-items: center;
	margin-bottom: 1.7rem;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .cont_mail_wr{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .8s cubic-bezier(.19,1,.22,1);
}
.cont_mail{
	color: #fff;
    font-size: 1.8rem;
    font-weight: 200;
    letter-spacing: 1px;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.cont_mail_wr:hover .cont_mail{
	color: #5ad5dd;
}
.cont_tel_wr{
	display:grid;
	grid-gap: 1rem;
	grid-template-columns: 2.2rem auto;
	align-items: center;
	margin-bottom: 1.9rem;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .cont_tel_wr{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .9s cubic-bezier(.19,1,.22,1);
}

.cont_tel{
	color: #fff;
    font-size: 3rem;
    letter-spacing: 2px;
}
.social_title{
	color: #fff;
    font-size: 1.8rem;
    font-weight: 200;
    text-transform: uppercase;
    margin-top: 4.2rem;
    margin-bottom: 2.5rem;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .social_title{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all 1s cubic-bezier(.19,1,.22,1);
}

.socials{
	display:flex;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .socials{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all 1.1s cubic-bezier(.19,1,.22,1);
}
.social{
	width: 3.9rem;
	height: 3.9rem;
	margin-right: 0.7rem;
	
}
.social path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.social:hover path{
	fill: #5ad5dd;
}
.social:last-child{
	margin-right:0;
}
.social_icon{
	width: 100%;
	height: 100%;
}
.input_wr{
    margin-bottom: 1.5vh;	
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.show_page_anim  .input_wr{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
}
.show_page_anim  .input_wr:nth-child(2){
	transition: .9s all .7s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .input_wr:nth-child(3){
	transition: .9s all .8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .input_wr:nth-child(4){
	transition: .9s all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .input_wr:nth-child(5){
	transition: .9s all 1s cubic-bezier(.19,1,.22,1);
}
.input_wr input,
.input_wr textarea{
    font-size: 1.8rem;
    color: #fff;
    width: 100%;
    border: 1px solid transparent;
    border-bottom: 1px solid #fff;
    height: 4.3rem;
    background: transparent;
    resize: none;
    transition: all .4s ease-out;
        letter-spacing: 2px;
}
.input_wr textarea{
    height: 10rem;
    padding-top: 1rem;	
}
.send_btn_wr{
	overflow: hidden;
	z-index: 1;
	border: 1px solid #fff;
	position: relative;
	display: inline-block;
	opacity:0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .send_btn_wr{
	opacity:1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all 1.1s cubic-bezier(.19,1,.22,1);
}

.send_btn_wr .wpcf7-spinner{
	position: absolute;
	left: 110%;
	top: 50%;
	transform: trnslateY(-50%);
}
/* .send_btn_wr:before{
	content: '';
	background: #5ad5dd;
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 0px);
    top: 100%;
    left: 0px;
    transition: top .3s ease-out, transform .3s .15s ease-out;
    overflow: hidden;
    transform: skew(0deg, -20deg);
    transform-origin: right top;
    z-index: -1;
} */
.send_btn_wr:hover:before {
    top: 0;
    transform: skew(0deg, 0deg);
}
.send_btn_wr input{
	color:#fff;
	font-size: 2.1rem;
	text-transform: uppercase;
	font-weight: 200;
	padding: 1rem 6rem;
	border: none;
	background: none;
	cursor: pointer;
	z-index: 1;
	background: #0094ca;
}
.send_btn_wr:hover input{
	
}
.wpcf7-response-output{
	border: none!important;
    font-size: 1.8rem;
    margin: 0!important;
    margin-top: 1rem!important;
    padding: 0!important;
    color: #fca7a7!important;
}
.wpcf7-not-valid-tip{
	    color: #fca7a7!important;
    font-size: 14px!important;
}


.ship_wr{
	position: absolute;
	z-index: 2;
    bottom: 4%;
	left: 20%;
	/*top: 100%;*/
    /*animation: anim_ship 30s infinite;*/
}
@keyframes anim_ship {
    0% {
    	top: 100%;
    	left: 20%;
    }
    100% {
    	top: calc(0% - 480px);
    	left: 60%;
    }
    
}
.ship{
	width:43.1rem;
	width:18.1rem;
}

.ship_m{
	display:none;
}
.socials_wrap_m{
	display:none;
}

/* =================================
/* END CONTACT
================================= */
/* =================================
/* BLOG
================================= */
.page-container{
	width: 100%;
	height: auto;
	position: relative;
	background-color: #429cd3;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	overflow: auto;
	min-height: 100vh;
	padding-right: 46rem;
	padding-left: 49.5rem;
	opacity: 0;
}
.page-container_bg{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.preloader_cont_show .page-container{
	opacity: 1;
}
.main-content{
	width: 100%;
	height: 100%;
	max-width: 95rem;
	padding: 14rem 0rem 10rem;
	position: relative;
	z-index: 2;
}
.main-content .proc_bl_1_info_line{
	margin-bottom: 0;
	width: 11rem;
}
.page-title{
	font-size: 5rem;
	text-align: inherit;
	color: #fff;
	text-transform: uppercase;
	font-weight: 300;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	z-index: 2;
	position: relative;
}
.page-title{
	text-align: inherit;
	color: #fff;
	font-size: 3rem;
	text-transform: inherit;
	font-weight: 100;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	z-index: 2;
	position: relative;
	margin-left: 0;
}
.page-title.page-title_blog{
	font-size: 5.8rem;
}
.page-title span{
	font-weight: 300;
}
.blog-posts{
	position: relative;
	width: 100%;
}
.blog-posts_line_bot{
	position: absolute;
	bottom: 9rem;
	width: 100%;
	background: #fff;
	opacity: 0.55;
	height: 1px;
	right: 0;
}
.blog-posts_line_bot_previous {
	position: absolute;
	bottom: 45rem;
	width: 100%;
	background: #fff;
	opacity: 0.55;
	height: 1px;
	right: 0;
}
.blog-posts_line_bot_previous.blog-posts_line_bot_previous_pc{
	position: relative;
	width: 300rem;
	background: #fff;
	opacity: 0.55;
	height: 1px;
	right: 60rem;
	bottom: 0;
}
.blog-posts_line_bot_previous.blog-posts_line_bot_previous_mob{
	opacity: 0;
}
.article_post{
	padding: 4.5rem 0rem;
	position: relative;
}
.article_post:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #fff;
	opacity: 0.55;
	height: 1px;
}
.article_post:last-child:after{
	display: none;
}
.article_post_link{
	display: inline-block;
}
.post-title{
	color: #fff;
	font-size: 4rem;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	font-weight: 200;
}
.article_post_link:hover .post-title{
	color: #5ad5dd;
}
.post-category{
	position: relative;
	margin: 0.5rem 0 3rem;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	z-index: 2;
	color: #fff;
	opacity: 0.6;
}
.post-category a{
	font-size: 1.5rem;
	color: #fff;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}
.post-category a:hover{
	color: #5ad5dd;
	display: inline-block;
}
.post-excerpt {
	font-size: 2rem;
	color: #fff;
	line-height: 1.4;
	letter-spacing: 2px;
}
.post-excerpt p{
	font-weight: 300;
}
.post-read-more{
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}
.post-read-more a{
	display: inline-block;
	color: #fff;
	font-size: 2rem;
	padding: 2rem 0 1rem;
	font-weight: 500;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}
.post-read-more:hover a{
	color: #5ad5dd;
}
.older_post_link{
	text-align: inherit;
	margin: 5rem 0 3rem;
	display: inline-block;
	position: relative;
	z-index: 2;
}
.older_post_link a{
	font-size: 2rem;
	color: #fff;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	text-transform: uppercase;
	font-weight: 300;
}
.older_post_link:hover  a{
	color: #5ad5dd;
}
.blog-posts_post_wr{
	/*display: flex;*/
	/*flex-direction: column;*/
	margin: 2rem 0;
}
.posted-on{
	font-size: 1.5rem;
	color: #fff;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	margin: 0.5rem 0;
}
.posted-on a{
	font-size: 1.5rem;
	color: #fff;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	opacity: 0.6;
	margin-left: 0.5rem;
}
.posted-on a:hover{
	color: #5ad5dd;
	display: inline-block;
}
.byline{
	font-size: 1.5rem;
	color: #fff;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	margin-left: 2rem;
}
.author.vcard a{
	font-size: 1.5rem;
	color: #fff;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	opacity: 0.6;
	margin-left: 0.5rem;
	position: initial;
}
.author.vcard a:hover{
	color: #5ad5dd;
	display: inline-block;
	position: initial;
}
.author.vcard{
	position: relative;
	display: inline-block;
}
/* =================================
/* END BLOG
================================= */
/* =================================
/* SINGLE.PHP CONTENT.PHP
================================= */
.site-main{
	margin: 0 0 10rem;
}
.header_entry_cont{
	font-size: 2rem;
	color: #fff;
	line-height: 1.4;
	letter-spacing: 2px;
	position: relative;
}
.category-building{
	font-size: 2rem;
	color: #fff;
}
.entry-title{
	font-size: 5.8rem;
	text-transform: uppercase;
	font-weight: 100;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	z-index: 2;
	position: relative;
	margin-left: -5px;
}
.status-publish .entry-title{
	font-size: 4rem;
	text-transform: uppercase;
	font-weight: 100;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	z-index: 2;
	position: relative;
	margin-left: -5px;
	line-height: 0.8;
	margin-bottom: 2rem;
}
.article-post-bl{
	padding: 4.5rem 0rem 6rem;
	position: relative;
}
.article-post-bl .blog-posts_line_bot{
	display: none;
}
.entry-meta{
	position: relative;
	font-size: 2rem;
	color: #fff;
}
.entry-content{
	font-size: 2rem;
	color: #fff;
	line-height: 1.4;
	letter-spacing: 2px;
	position: relative;
	z-index: 2;
	margin: 4rem 0 0;
}
.proc_bl_1_info_line.proc_bl_1_info_line_blog{
	position: relative;
	width: 14rem;
}
.proc_bl_1_info_line.proc_bl_1_info_line_blog.line{
	margin-bottom: 3rem;
}
proc_bl_1_info_line.proc_bl_1_info_line_blog_main{
	width: 8rem;
}
.entry-summary{
	font-size: 2rem;
	color: #fff;
}
.entry-footer .cat-links{
	font-size: 2rem;
	color: #fff;
}
.edit-link{
	margin-top: 3rem;
}
.post-edit-link{
	font-size: 2rem;
	color: #fff;
	opacity: 0.6;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}
.post-edit-link:hover{
	color: #5ad5dd;
}
.comments-title{
	font-size: 2rem;
	color: #fff;
	line-height: 1.4;
	letter-spacing: 2px;
	position: relative;
	z-index: 2;
	margin: 4rem 0 0;
}
.comment-author.vcard{
	color: #fff;
	display: inline-block;
}
.comment-author.vcard img{
	width: 10rem;
	height: auto;
	object-fit: cover;
	margin-right: 3rem;
}
.fn{
	font-style: normal;
	font-size: 1.5rem;
}
.fn a{
	color: #fff;
	font-style: normal;
	font-size: 1.5rem;
	opacity: 0.6;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}
.fn a:hover{
	color: #5ad5dd;
}
.comment-author.vcard span{
	color: #fff;
	font-style: normal;
	font-size: 1.5rem;
	margin-right: 0.5rem;
}
.comment-meta.commentmetadata{
	display: inline-block;
}
.comment-meta.commentmetadata a{
	color: #fff;
	font-size: 1.5rem;
	opacity: 0.6;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}
.comment-meta.commentmetadata a:hover{
	color: #5ad5dd;
}
.comment-body p{
	font-size: 2rem;
	color: #fff;
	line-height: 1.4;
	letter-spacing: 2px;
	position: relative;
	z-index: 2;
	margin: 3rem 0;
	max-width: 60.8rem;
	width: 60.8rem;
	word-wrap: break-word;
}
.comment-list li{
	list-style: none;
}
.comment-body{
	position: relative;
	margin: 3rem 0;
}
.comment-body p{

}
.reply a{
	font-size: 1.5rem;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	opacity: 0.6;
}
.reply a:hover{
	color: #5ad5dd;
}
.main-content.main-content_single .blog-posts_line_bot{
	display: none;
}
	/* =================================
    /* END SINGLE.PHP CONTENT.PHP
    ================================= */
/* =================================
/* ARCHIVE
================================= */
.header_entry_cont_arch{
	margin: 0 0 5rem;
}
.header_entry_cont_arch .page-title_arch{
	font-size: 5rem;
	margin-bottom: 1.5rem;
}
.status-publish.format-standard.hentry.category-varangoboat-blog{
	padding: 4.5rem 0rem 6rem;
	position: relative;
}
.category-varangoboat-blog .blog-posts_line_bot{
	display: none;
}
.post.type-post.status-publish:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #fff;
	opacity: 0.55;
	height: 1px;
}
.post.type-post.status-publish:last-child:after{
	display: none;
}
.entry-title a{
	color: #fff;
	font-size: 4rem;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	font-weight: 200;
}
.entry-title a:hover{
	color: #5ad5dd;
}
.site-main_archive .proc_bl_1_info_line_blog{
	display: none;
}
.blog-posts_line_bot.blog-posts_line_bot_op{
	display: block;
}
.navigation.posts-navigation{
	position: absolute;
	z-index: 2;
	display: flex;
	align-items: center;
	bottom: 6rem;
}
.navigation.posts-navigation .screen-reader-text{
	font-size: 2rem;
	color: #fff;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	text-transform: uppercase;
	font-weight: 300;
	position: relative;
	width: auto;
	height: auto;
	clip-path: initial;
}
.nav-links{
	margin-left: 3rem;
}
.nav-previous{
	position: relative;
}
.nav-previous:after{
	position: absolute;
	right: -2rem;
	content: '»';
	z-index: 3;
	font-size: 2rem;
	color: #fff;
	text-align: center;
	top: 0;
	bottom: 0;
	margin: auto;
}
.nav-previous a{
	font-size: 2rem;
	color: #fff;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	text-transform: uppercase;
	font-weight: 300;
}
.nav-previous a:hover{
	color: #5ad5dd;
}
.nav-next{
	position: relative;
}
.nav-next:after{
	position: absolute;
	right: -2rem;
	content: '»';
	z-index: 3;
	font-size: 2rem;
	color: #fff;
	text-align: center;
	top: 0;
	bottom: 0;
	margin: auto;
}
.nav-next a{
	font-size: 2rem;
	color: #fff;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	text-transform: uppercase;
	font-weight: 300;
}
.nav-next a:hover{
	color: #5ad5dd;
}
.nav-subtitle{
	font-size: 2rem;
	color: #fff;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	text-transform: uppercase;
	font-weight: 300;
}
.nav-subtitle:hover{
	color: #5ad5dd;
}
.post_link_wr{
	margin-top: 2rem;
	display: flex;
	justify-content: space-between;
}
.post_link_wr a{
	margin-right: 5rem;
}
.post_link_wr a:last-child{
	margin-right: 0;
}
.nav-title{
	position: relative;
}
.nav-title:after{
	position: absolute;
	right: -2rem;
	content: '»';
	z-index: 3;
	font-size: 2rem;
	color: #fff;
	text-align: center;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}
.nav-title:hover:after{
	color: #5ad5dd;
}
.nav-title{
	font-size: 2rem;
	color: #fff;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	text-transform: uppercase;
	font-weight: 300;
	margin-left: 0.5rem;
}
.nav-title:hover{
	color: #5ad5dd;
}
.comments-area{
	position: relative;
	margin: 5rem 0;
}
.comment-respond{}
.comment-reply-title{
	position: relative;
	display: inline-block;
	font-size: 2rem;
	color: #fff;
}
.comments-area{
	position: relative;
	margin: 5rem 17rem;
}
.comment-reply-title{
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 4rem;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	font-weight: 200;
	margin-bottom: 1.5rem;
}
#cancel-comment-reply-link{
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 4rem;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	font-weight: 200;
	margin-bottom: 1.5rem;
}
.comment-notes{
	font-size: 1.4rem;
	color: #fff;
	line-height: 1.4;
	letter-spacing: 2px;
	position: relative;
	z-index: 2;
	margin-bottom: 2rem;
}
.comment-form-comment{
	display: flex;
	flex-direction: column;
	margin-bottom: 2rem;
}
.comment-form-comment label{
	color: #fff;
	font-size: 2rem;
	margin-bottom: 1rem;
}
.comment-form-comment textarea{
	border: 1px solid rgb(255, 255, 255);
	width: 60rem;
	padding: 1rem;
	max-width: 60rem;
	height: auto;
}
.comment-form-author{
	display: inline-block;
	color: #fff;
}
.comment-form-author label{
	font-size: 2rem;
	display: flex;
	margin-bottom: 1rem;
}
.comment-form-email{
	display: inline-block;
	color: #fff;
}
.comment-form-email label{
	display: flex;
	font-size: 2rem;
	margin-bottom: 1rem;
}
.comment-form-author input{
	width: 27rem;
	margin-right: 6rem;
	height: 3rem;
	padding: 2px;
}
.comment-form-email input{
	width: 27rem;
	height: 3rem;
	padding: 2px;
}
.comment-form-url{
	display: flex;
	flex-direction: column;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.comment-form-url label{
	font-size: 2rem;
	color: #fff;
	margin-bottom: 1rem;
}
.comment-form-url input{
	width: 60rem;
	max-width: 60rem;
	height: 3rem;
	padding: 2px;
}
.comment-form-cookies-consent{
	color: #fff;
	font-size: 1.5rem;
	display: flex;
	align-items: center;
	margin-bottom: 2rem;
}
.comment-form-cookies-consent input{
	width: 2rem;
	height: 2rem;
	margin-right: 2rem;
}
.comment-form-cookies-consent label{
	font-size: 1.3rem;
	opacity: 0.8;
}
.form-submit{
	display: inline-block;
	background: transparent;
	position: relative;
	overflow: hidden;
	border: 1px solid #fff;
}
.form-submit .submit{
	font-size: 1.5rem;
	padding: 1rem 1rem;
	background: transparent;
	color: #fff;
	margin-left: -1px;
	border: 1px solid transparent;
	position: relative;
	cursor: pointer;
}
.form-submit:after{
	content: '';
	background: #5ad5dd;
	position: absolute;
	width: calc(100% + 2px);
	height: calc(100% + 0px);
	top: 100%;
	left: 0px;
	transition: top .3s ease-out, transform .3s .15s ease-out;
	overflow: hidden;
	transform: skew(0deg, -20deg);
	transform-origin: right top;
	z-index: -1;
}
.form-submit:hover:after{
	top: 0;
	transform: skew(0deg, 0deg);}
.logged-in-as{
	font-size: 1.4rem;
	color: #fff;
	line-height: 1.4;
	letter-spacing: 2px;
	position: relative;
	z-index: 2;
	margin-bottom: 2rem;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}
.logged-in-as a{
	opacity: 0.6;
	color: #fff;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}
.logged-in-as a:hover {
	color: #5ad5dd;
	display: inline-block;
}
/* =================================
/* END ARCHIVE
================================= */
/* =================================
/* SIDEBAR
================================= */
.widget-area{
	position: relative;
	display: grid;
	grid-template-columns: 30rem 30rem 30rem;
	justify-content: center;
	grid-template-rows: auto;
	column-gap: 2.5rem;
	row-gap: 4rem;
	margin-bottom: 4rem;
}
.text_items{}
.wp-block-search{}
.wp-block-search__label{
	position: relative;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	z-index: 2;
	color: #fff;
	font-size: 2rem;
}
.wp-block-search__inside-wrapper{
	margin-top: 1rem;
}
.wp-block-search__input{
	padding: 0;
	min-width: 2rem;
	flex-grow: 0;
	width: 17rem;
	height: 3rem;
	border: 1px solid #fff;
	padding: 2px;
}
.wp-element-button{
	font-size: 1.5rem;
	padding: 0 1rem;
	background: transparent;
	color: #fff;
	margin-left: -1px;
	border: 1px solid #fff;
	position: relative;
	overflow: hidden;
}
.wp-element-button:after{
	content: '';
	background: #5ad5dd;
	position: absolute;
	width: calc(100% + 2px);
	height: calc(100% + 0px);
	top: 100%;
	left: 0px;
	transition: top .3s ease-out, transform .3s .15s ease-out;
	overflow: hidden;
	transform: skew(0deg, -20deg);
	transform-origin: right top;
	z-index: -1;
}
.wp-element-button:hover:after {
	top: 0;
	transform: skew(0deg, 0deg);
}
.wp-block-group{}
.wp-block-group__inner-container{}
.wp-block-group__inner-container h2{
	position: relative;
	margin: 0.5rem 0 3rem;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	z-index: 2;
	color: #fff;
	font-size: 2rem;
}
.wp-block-group__inner-container h2:after{
	content: '';
	position: absolute;
	top: 2.5rem;
	left: 0;
	width: 4.4rem;
	height: 5px;
	background: #5ad5dd;
	margin-bottom: 8.9rem;
	opacity: 1;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.wp-block-latest-posts{}
.wp-block-group__inner-container ul{}
.wp-block-group__inner-container li{
	list-style: none;
	margin: 0 0 0.5rem;
}
.wp-block-latest-comments__comment-meta{
	position: relative;
	font-size: 1.5rem;
	color: #fff;
	display: flex;
	align-items: center;
	opacity: 0.8;
}
.wp-block-group__inner-container li:last-child{
	margin: 0;
}
.wp-block-group__inner-container li a{
	font-size: 1.5rem;
	color: #fff;
	font-weight: 300;
	opacity: 0.8;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.wp-block-group__inner-container li a:hover{
	color: #5ad5dd;
}
.wp-block-latest-posts__post-title{}
.no-comments.wp-block-latest-comments{
	font-size: 1.5rem;
	color: #fff;
	opacity: 0.8;
}
.wp-block-latest-comments__comment-author{
	margin-right: 0.5rem;
}
.wp-block-latest-comments__comment-link{
	margin-left: 0.5rem;
}
/* =================================
/* END SIDEBAR
================================= */
/* =================================
/* ERROR
================================= */
.bg_main_error_wr{
	width: 100%;
	height: 100%;
	min-height: 100vh;
	position: relative;
}
.bg_main_error{
	padding: 23rem 55rem 10rem 55rem;
	height: 100%;
	position: relative;
}
.page-container_bg_error{

}
.text_link_wr {
	overflow: hidden;
	z-index: 1;
	border: 1px solid #fff;
	position: relative;
	display: inline-block;
	opacity: 0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	padding: 1rem 4rem;
	margin-top: 4rem;
	cursor: pointer;
}
.show_page_anim .text_link_wr {
	opacity: 1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all 1.1s cubic-bezier(.19,1,.22,1);
}
.text_link_wr:before {
	content: '';
	background: #5ad5dd;
	position: absolute;
	width: calc(100% + 2px);
	height: calc(100% + 0px);
	top: 100%;
	left: 0px;
	transition: top .3s ease-out, transform .3s .15s ease-out;
	overflow: hidden;
	transform: skew(0deg, -20deg);
	transform-origin: right top;
	z-index: -1;
}
.text_link_wr:hover:before {
	top: 0;
	transform: skew(0deg, 0deg);
}
.text_link_wr a{
	font-size: 2rem;
	color: #fff;
}
.text_top_info{
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
}
.error_top_title{
	font-size: 18rem;
	text-transform: uppercase;
	font-weight: 300;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	z-index: 2;
	color: #fff;
	text-align: center;
	margin-bottom: 2rem;
	position: relative;
}
.error_top_title:after{
	content: '';
	left: 0;
	bottom: -1rem;
	width: 97%;
	height: 5px;
	background: #5ad5dd;
	margin-bottom: 3.9rem;
	opacity: 1;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	position: absolute;
	display: inline-block;
}
.text_cont{
	text-align: center;
}
.text_cont h2{
	font-size: 4rem;
	color: #fff;
	margin-bottom: 2rem;
	opacity: 0.7;
	line-height: 1.4;
	letter-spacing: 2px;
}
.text_cont p{
	font-size: 2rem;
	color: #fff;
	line-height: 1.4;
	letter-spacing: 2px;
	position: relative;
	z-index: 2;
}
.search-result-count.default-max-width{
	font-size: 2rem;
	color: #fff;
	opacity: 0.8;
	line-height: 1.4;
	letter-spacing: 2px;
	font-weight: 300;
	margin-top: 1.5rem;
}
/* =================================
/* END ERROR
================================= */
/* =================================
/* SEARCH
================================= */
.page-header{
	position: relative;
}
.entry-header{
	position: relative;
}
.entry-footer{
	position: relative;
	margin-top: 2rem;
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
}
.posted-on a {
	font-size: 1.5rem;
	color: #fff;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	opacity: 0.6;
	margin-left: 0.5rem;
}
.entry-meta.entry-meta_post{
	margin-bottom: 3rem;
}
.cat-links a {
	font-size: 1.5rem;
	color: #fff;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	opacity: 0.6;
	margin-left: 0.5rem;
}
.cat-links a:hover {
	color: #5ad5dd;
	display: inline-block;
}
.comments-link{
	position: relative;
	display: inline-block;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	margin-top: 3rem;
}
.comments-link:hover{
	color: #5ad5dd;
}
.comments-link a{
	font-size: 2rem;
	color: #fff;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	display: inline-block;
}
.comments-link a:hover {
	color: #5ad5dd;
}
.comments-link a:hover .screen-reader-text{
	color: #5ad5dd;
}
.comments-link a span{
	font-size: 2rem;
	color: #fff;
	position: relative;
	clip: inherit;
	clip-path: inherit;
}
.screen-reader-text{
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	display: inline-block;
	overflow: visible;
	width: auto;
}
/*.screen-reader-text:hover{*/
	/*color: #5ad5dd;*/
/*}*/
/* =================================
/* END SEARCH
================================= */
/* =================================
/* PAGE TEXT
================================= */
.proc_bl_1_page{
	position: relative;
	height: auto;
	z-index: 1;
}
.bg_proc_page_text{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	object-fit: cover;
}
.shadow_process_page_text{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	object-fit: cover;
}
.proc_bl_1_info_page{
	position: relative;
	/*padding: 26rem 35rem 16rem 9rem;*/
	width: 100%;
}
.proc_bl_1_info_title_page{
	margin-bottom: 1rem;
	opacity: 0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .proc_bl_1_info_title_page {
	opacity: 1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .4s cubic-bezier(.19,1,.22,1);
}
.proc_bl_1_info_title_page h1{
	height: auto;
	display: block;
	max-width: 100%;
	opacity: 0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	height: auto;
	line-height: 1;
}
.show_page_anim .proc_bl_1_info_title_page h1{
	opacity: 1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .4s cubic-bezier(.19,1,.22,1);
	font-size: 5.8rem;
	text-transform: uppercase;
	font-weight: 100;
	color: #fff;
}
.proc_bl_1_info_text p{
	margin-bottom: 1rem;
}
.proc_bl_1_info_text p:last-child{
	margin-bottom: 0;
}
.proc_bl_1_info_text_page{
	color: #fff;
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 1.4;
	letter-spacing: 2px;
	opacity: 0;
	transform: matrix(1, -0.2, 0, 1, -70, 70);
	transform: translateY(3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	margin-top: 10rem;
	margin-bottom: 7rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.show_page_anim .proc_bl_1_info_text_page {
	opacity: 1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform: translateY(0rem);
	transition: .9s all .6s cubic-bezier(.19,1,.22,1);
}
.proc_bl_1_info_text_page figure{
	object-fit: cover;
	margin: 3rem 0;
}
/* =================================
/* END PAGE TEXT
================================= */
/* =================================
/* NOTHING FOUND
================================= */
section .page-header h1{
	font-size: 5rem
}
.page-content{
	font-size: 2rem;
	color: #fff;
	line-height: 1.4;
	letter-spacing: 2px;
	position: relative;
	z-index: 2;
	margin: 4rem 0 0;
}
.screen-reader-text{}
.page-content form{
	margin-top: 3rem;
}
.page-content form label{
	position: relative;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	z-index: 2;
	color: #fff;
	font-size: 2rem;
	display: block;
	height: auto;
	clip: inherit;
	clip-path: initial;
	margin-bottom: 0.5rem;
}
#s{
	min-width: 2rem;
	flex-grow: 0;
	width: 17rem;
	height: 3rem;
	border: 1px solid #fff;
	padding: 2px;
}
#searchsubmit{
	font-size: 1.3rem;
	padding: 0.1rem 1rem;
	background: transparent;
	color: #fff;
	margin-left: -8px;
	border: 1px solid #fff;
	position: relative;
	overflow: hidden;
	height: 3rem;
	display: inline-block;
	cursor: pointer;
}
#searchsubmit:after{
	content: '';
	background: #5ad5dd;
	position: absolute;
	width: calc(100% + 2px);
	height: calc(100% + 0px);
	top: 100%;
	left: 0px;
	transition: top .3s ease-out, transform .3s .15s ease-out;
	overflow: hidden;
	transform: skew(0deg, -20deg);
	transform-origin: right top;
	z-index: -1;
}
#searchsubmit:hover:after {
	top: 0;
	transform: skew(0deg, 0deg);
}
/* =================================
/* END NOTHING FOUND
================================= */

@media screen and (max-width: 1680px), (max-height: 800px) {
    html {font-size: 9px;}
	 .lang_dropdawn{top: calc(100% + 4rem); width: 11.4rem; left: -1.9rem; }
	 .lang_text{padding-left: 2.5rem}
	.page-container{ padding-right: 40rem;  padding-left: 46rem; }
	.main-content{ max-width: 97rem; }
	.blog-posts_line_bot_previous { bottom: 42rem; }
}
@media screen and (max-width: 1440px), (max-height: 900px) {
	.page-container{ padding-right: 30rem; padding-left: 38rem; }
	.main-content{ max-width: 89rem;  }
	.widget-area {
		grid-template-columns: 28rem 28rem 28rem;
		column-gap: 2rem;
		row-gap: 3rem;
	}
}
@media screen and (max-width: 1366px), (max-height: 768px) {
	.page-container{
		padding-right: 27rem;
		padding-left: 35rem;
	}
	.widget-area{grid-template-columns: 27.5rem 27.5rem 27.5rem;}
}
@media screen and (max-width: 1360px), (max-height: 768px) {
	.page-container{
		padding-right: 27rem;
		padding-left: 35rem;
	}
}
@media screen and (max-width: 1280px), (max-height: 600px) {
    html {font-size: 8px;}
	.lang_dropdawn{top: calc(100% + 4.7rem); width: 13.4rem; left: -2.1rem;}
	.lang_text{padding-left: 2.6rem}
	.main-content{    padding: 17rem 0rem 3rem;}
	.page-container{
		padding-right: 26rem;
		padding-left: 36rem;
	}
	.widget-area{column-gap: 3rem;row-gap: 3rem;}
	.info_item_btn_wr{
		bottom: auto;
    	top: 111px;
	}
}
@media screen and (max-width: 1024px){
	.lang_dropdawn {top: calc(100% + 4.7rem);  width: 13.4rem;  left: -3.5rem; }
	.lang_text{padding-left: 4rem}
	.page-container{  padding-right: 27rem;  padding-left: 37rem;
	}
	.page-container{
		padding-right: 19rem;
		padding-left: 22rem;
	}
	.widget-area{grid-template-columns: 26rem 26rem 26rem;}
	
}

@media screen and (max-width: 768px) {
	
	body, html{min-width:0;min-height:0; }
	.header_line_right{    height: 56px;}	
	.header_line_right_menu{position: absolute;width: 1px;background: #fff;opacity: 0.55;top: 0;right: 56px;height: 100%;}
	.header_line_right{right: 56px;	}
	.menu_right,.shadow_menu{display:none;}
	.realist_digital_link{margin: 0;bottom: 22px;	}
	.main_text_wr {display: none;}
	.main_text_wrap{right: auto;left: 14px;bottom: 122px;}
	.main_text_wr_m{display:block;color: #fff;font-size: 53px;font-weight: 200;text-transform: uppercase;display: inline-block;}
	.main_text_wr_m span{font-weight: 200;position: relative;		}
	.main_text_wr_m span:after{content: '';position: absolute;height: 4.5px;width: 100%;background: #5ad5dd;left: 0;bottom: -6px;	}
	.bg_main_m{display:block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit:cover;}
	#main_bg_wr{display: none;	}
	.bg_menu_m{display:block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit:cover;pointer-events: none;}
	.lang_wr_m{display:flex;position: relative;align-items: center;}
	.lang_active_link{display: flex;color: #5ad5dd;}
	.lang {font-size: 19px;}

	.lang:hover {color: #5ad5dd;  background: transparent;  opacity: 1; }
	.lang:before{display: none;  }

	.ab_bl_1{height: auto;	}
	.ab_bl_1_info_wr{position: relative;bottom: auto;}
	.ab_bl_1_img{width: 144%;left: 50%;transform: translate(-50%, 0)!important;position: relative;    margin-bottom: 25px;	}
	.ab_bl_1_info{width: 100%;padding: 0 20px 26px;	}
	.ab_bl_1_title{font-size: 36px;letter-spacing: 1px;    margin-bottom: 5px;}
	.ab_bl_1_sub_title{font-size: 21px;    letter-spacing: 1px;line-height: 1.3;}
	.ab_bl_1_text{font-size: 16px;letter-spacing: 0.5px;}
	.ab_bl_1_arrow_1 {width: 79px;}
	.ab_bl_1_arrow_2 {width: 49px;}
	.ab_bl_2 {padding: 40px 20px 88px;}
	.ab_bl_2_title {font-size: 25px;margin-bottom: 56px;}
	.ab_bl_2_items{display: block;width: 75%;	}
	.ab_bl_2_item_img_wr{width: 185px;height: 185px;margin-bottom: 10px;}
	.ab_bl_2_item_title {font-size: 23px;margin-bottom: 0.5px;}
	.ab_bl_2_item{    margin: auto;margin-bottom:64px;}
	.ab_bl_2_item:last-child{margin: auto;}
	.ab_bl_2_item_text {font-size: 18px;}
	.ab_bl_3 {padding: 67px 20px 83px;}
	.ab_bl_3_title{font-size: 36px;letter-spacing: 1px;margin-bottom: 5px;padding: 0 28px;	}
	.ab_bl_3_text{font-size: 21px;letter-spacing: 1px;line-height: 1.3;	    margin-bottom: 84px;}
	.ab_bl_3_text br{display:none;}
	.ab_bl_3_subtitle {font-size: 26px;margin-bottom: 20px;}
	.ab_bl_3_items {grid-gap: 22px;grid-template-columns: auto;}
	.ab_bl_3_item{padding: 17px 21px;	}
	.ab_bl_3_item_img_wr{width: 111px;height: 111px;}
	.ab_bl_3_item_text {width: calc(100% - 111px);padding-left: 11px;font-size: 17px;;text-align: left;}
	.shadow_about_m{display: block;position: absolute;top: 0;left: 0;width: 217px;pointer-events: none;}
	.bg_about_1_m,.bg_about_3_m{display:block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit:cover;pointer-events: none;z-index: -1;}
	.about_wrap canvas{display:none;}
	
	.boats_wrap{padding: 123px 8px 91px;	}
	.boats_title {font-size: 36px;margin-left: 21px;margin-bottom: 41px;}
	.boats_title:after {bottom: -16px;width:64px;}
	.boats_items {grid-gap: 26px;grid-template-columns: auto;}
	.boats_item:after{width: calc(100% - 14px);height: calc(100% - 14px);	}
	.boats_item {padding-bottom: 33px;margin-bottom: 0;}
	.boats_item_title_wr {padding: 0px 28px;}
	.boats_item_text {padding: 0 28px;letter-spacing: 1px;font-size: 16px;}
	.bg_boats{display:none;}
	.bg_boats_m{display:block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit:cover;}
	.boat_bl_1_info{position: relative;bottom: 0;left: 0;padding: 327px 18px 183px;width: 100%;}
	.boat_bl_1{height: auto;}
	.boat_bl_1_arrow_1 {width: 79px;}
	.boat_bl_1_arrow_2 {width: 49px;}
	.boat_bl_2 {padding: 70px 0;grid-template-columns: auto;    grid-gap: 57px;}
	.boat_bl_2_item {background: none!important;grid-template-columns: 70px auto;grid-gap: 14px;padding: 23px 55px;}
	.boat_bl_3{padding: 74px 0;grid-template-columns: auto;grid-gap: 122px;grid-gap: 48px;}
	.boat_bl_3_left {padding: 0 21px;}
	.boat_bl_3_title {font-size: 31px;margin-bottom: 23px;}
	.boat_bl_3_line {width: 145px;margin-bottom: 42px;}
	.boat_bl_3_text {font-size: 16px;letter-spacing: 1px;line-height: 1.4;}
	.boat_bl_3_right {border-left: 0;padding: 0;}
	.boat_bl_3_items{grid-template-columns: auto;grid-gap: 72px;padding: 0 7px;}
	.boat_bl_3_item_title {font-size: 16px;}
	.boat_bl_3_line_white {height: 0;margin-bottom: 72px;background: none;}
	.bg_boat_m{display:block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit:cover;}
	.header_fixed.header_mob{background: #252628;}
	.header_mob:after{display:block;	}
	.header_fixed.header_mob:after{opacity: 1;}
	.open_menu .header_fixed.header_mob:after{opacity: 0;}
	.boat_bl_1_info_line{width: 53%;}
	.boat_bl_3_items_m{display: grid;grid-template-columns: repeat(2, calc(50% - 14px));grid-gap: 28px;padding: 0 9px;margin-bottom: 72px;}
	.boat_bl_3_items:nth-child(1) .boat_bl_3_img_wr {grid-row-start: 1;}
	
	.boat_bl_3_items_m>div {opacity: 0;transform: matrix(1, -0.2, 0, 1, -70, 70);transform: translateY(3rem);transition: all 0.9s cubic-bezier(.19,1,.22,1);}
.show_page_anim .homa_animate .boat_bl_3_items_m>div:nth-child(1) {opacity: 1;transform: matrix(1, 0, 0, 1, 0, 0);transform: translateY(0rem);transition: .9s all .4s cubic-bezier(.19,1,.22,1);}
	.show_page_anim .homa_animate .boat_bl_3_items_m>div:nth-child(2) {opacity: 1;transform: matrix(1, 0, 0, 1, 0, 0);transform: translateY(0rem);transition: .9s all .5s cubic-bezier(.19,1,.22,1);}
	.show_page_anim .homa_animate .boat_bl_3_items>div:nth-child(2){display:none;}

	section.module.parallax {height: auto;}

	.proc_bl_1 {height: auto;}
	.proc_bl_1_info {position: relative;top: auto;left: auto;width: 100%; /*padding: 326px 18px 122px;*/padding: 300px 18px 41px;}
	.proc_bl_1_info_title {font-size: 36px;margin-bottom: 12px;}
	.proc_bl_1_info_line {width: 145px;margin-bottom: 40px;}
	.proc_bl_1_info_text {font-size: 16px;}
	.bg_process_m{display:block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit:cover;}
	.proc_bl_1_arrow_wrap{display: none}
	.proc_bl_1_arrow_1{width: 79px;	}
	.proc_bl_1_arrow_2{width: 49px;	}
	.proc_bl_2 {padding: 74px 18px 140px;}
	.proc_bl_2_items {margin-bottom: 71px;grid-template-columns: auto;grid-gap: 46px;}
	.proc_bl_2_title {font-size: 23px;width: 90%;margin-bottom: 30px;letter-spacing: 3px;line-height: 1.4;}
	.proc_bl_2_text {font-size: 16px;}
	.shadow_proc_bl_2_m{    display: block;position: absolute;top: 50%;left: 50%;width: calc(100% + 36px);transform: translate(-50%, -50%);z-index: -1;}
	.proc_bl_3 {padding: 125px 18px 86px;}
	.proc_bl_3_items_1 {grid-template-columns: auto;grid-gap: 157px;margin-bottom: 143px;}
	.proc_bl_3_item_info_1 {padding-left: 0;}
	.proc_bl_3_item_title {font-size: 31px;letter-spacing: 2px;width: 80%;margin-bottom: 29px;}
	.proc_bl_3_item_line {width: 145px;margin-bottom: 42px;}
	.proc_bl_3_item_text {font-size: 16px;}
	.proc_bl_3_img_1{margin-left: -18px;width: calc(100% + 36px);}
	.proc_bl_3_img_2{margin-left: -18px;width: calc(100% + 36px);}
	.proc_bl_3_items_2 {grid-template-columns: auto;grid-gap: 115px;margin-bottom: 103px;}
	.bg_proc_bl_3_m{display:block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit:cover;z-index: -1;}
	.proc_bl_3 canvas{display:none!important;}
	.proc_bl_3_item_info_2 {grid-row-start: 1;}
	.proc_bl_3_title {font-size: 21px;margin-bottom: 34px;}
	.proc_bl_3_logo_wrap {grid-template-columns: repeat(2, calc(50% - 20px));grid-gap: 50px 40px;}
	.proc_bl_3_logo {max-width: 94%;max-height: 84%;display: block;}
	
	
	.cont_page{height: auto;}
	.cont_info_wr {left: auto;padding: 307px 18px 184px;}
	.cont_title {font-size: 36px;margin-bottom: 22px;}
	.cont_line {width: 166px;margin-bottom: 10px;}
	.cont_sub_title {font-size: 26px;margin-bottom: 25px;}
	.cont_info {grid-template-columns: auto;grid-gap: 71px; flex-wrap: wrap;}
	.bg_cont_m{display:block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit:cover;    z-index: -1;}
	.cont_wrap canvas{display:none!important;}
	.bereg_m{display: block;position: absolute;bottom: 0;right: 0;width: 100%;z-index: -1;    max-width: 375px;}
	.bg_cont_wr{display:none;}
	.ship_m {display: block;position: absolute;width: 303px;z-index: -1;transform: rotate(17deg);left: 33px;top: 28px;}
	.socials_wrap_m{display:block;}
	.socials_wrap{display:none;}
	
	.main_page{height:100%;	}
	.page-template-home .contaniner{height:100%;min-height:100%;}

	/*---------------------*/
	/*---BLOG---*/
	.page-container{padding-right: 1.5rem;  padding-left: 1.5rem;}
	.main-content{padding: 13rem 0rem 7rem;}
	.page-container_bg{position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  object-fit: cover;}
	.main-content .proc_bl_1_info_line {margin-bottom: 0;  width: 7rem;  margin-left: -0.3rem;  }
	.entry-title{font-size: 3rem}
	.entry-title a {  color: #fff;  font-size: 3rem;  transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);  font-weight: 200; }
	.status-publish.format-standard.hentry.category-varangoboat-blog {  padding: 6rem 0rem 6rem;  position: relative;  }
	.header_entry_cont_arch .page-title_arch { font-size: 3.5rem;  margin-bottom: 1.5rem;  }
	.status-publish.format-standard.hentry.category-varangoboat-blog:first-child{ padding: 4rem 0rem 6rem; }
	.widget-area {  grid-template-columns: 100%; column-gap: 4.5rem; margin-bottom: 9rem;}
	.blog-posts_line_bot_previous {bottom: 47rem;  }
	.blog-posts_line_bot_previous.blog-posts_line_bot_previous_pc{ display: none;  }
	.bg_main_error {  padding: 13rem 2rem 10rem 2rem;  height: 100%;  position: relative; }
	.blog-posts_line_bot_previous.blog-posts_line_bot_previous_mob{  position: relative;  opacity: 1;  bottom: 0;  right: 0;  margin-left: -5rem;  width: 100rem;  }
	.text_cont h2 { font-size: 2rem;  color: #fff;  margin-bottom: 2rem;  opacity: 0.7;  line-height: 1.4;  letter-spacing: 2px;  margin-top: 2rem; }
	.text_cont p {  font-size: 2rem;  color: #fff;  line-height: 1.4;  letter-spacing: 2px;  position: relative;  z-index: 2;  margin-top: 3rem;  }
	.comment-form-author input { width: 44rem;  margin-right: 6rem;  height: 4rem;  padding: 2px;  max-width: 44rem;}
	.wp-block-search__inside-wrapper { max-width: 100%; width: 37rem;}
	.wp-block-search__input {  width: 29rem;  padding: 2px; height: 4rem; }
	.wp-element-button { padding: 0.2rem 1.5rem; }
	.comments-area { position: relative;  margin: 5rem 0rem;  }
	.comment-author.vcard { color: #fff;  display: inline-block; position: initial; }
	.fn { font-style: normal;  font-size: 1.5rem;  display: flex;  position: absolute;  right: 23rem;  top: 0; }
	.comment-author.vcard span { color: #fff;  font-style: normal;  font-size: 1.5rem;  margin-right: 0.5rem;  display: flex;  position: absolute;  right: 18rem;  top: 0; }
	.comment-meta.commentmetadata { display: inline-block;  position: absolute;  left: 26%;  top: 2rem;  }
	.comment-body p { font-size: 2rem;  color: #fff;  line-height: 1.4;  letter-spacing: 2px;  position: relative;  z-index: 2;  margin: 3rem 0;  max-width: 43.8rem;  width: 43.8rem;  word-wrap: break-word;  height: auto; }
	.reply a { font-size: 2rem; }
	.comment-form-comment textarea { width: 44rem; max-width: 44rem; height: auto; }
	.comment-form-url input { width: 44rem;  max-width: 44rem;  height: 4rem;  padding: 2px; }
	.comment-form-email input { width: 44rem;  height: 4rem;  padding: 2px; max-width: 44rem}
	.comment-form-author { margin-bottom: 3rem; }
	.comment-form-url { margin-top: 3rem; }
	.comment-form p:last-child{ margin: 1rem 13rem 0; }
	.form-submit .submit { padding: 1.5rem 2rem;  width: 17rem; }
	.comment-form-cookies-consent input { width: 3rem;  height: 3rem; margin-right: 1.5rem; }
	.comment-form-cookies-consent { max-width: 45rem; }
	.page-title { font-size: 3rem; }
	.entry-content figure{}
	.wp-block-image.size-full{ margin: 4rem auto;  width: 37rem;  display: flex;  align-items: center; }
	.proc_bl_1_info_text_page {  margin-top: 7rem;  margin-bottom: 7rem;  }
	.proc_bl_1_info_title_page h1{ font-size: 4rem; }
	.post-read-more:hover a { color: #fff; }
	.post_link_wr a:last-child { margin-right: 0;  display: flex;  margin-top: 0.5rem; }
	.nav-subtitle:hover { color: #fff; }
	.status-publish .entry-title { font-size: 3.5rem; line-height: 1; }
	#searchsubmit { font-size: 2rem;  padding: 0.1rem 2rem;  height: 4rem; }
	#s { width: 30rem;  height: 4rem;  padding: 2px; }
	section .page-header h1 { font-size: 4rem; }
	.no-results.not-found{margin-top: 10rem}
	.info_item_btn_wr{top: 97px; left: 14px;    padding: 1rem 2rem;width: auto;padding-right: 3rem;}
	.item_btn_text_top {font-size: 1.6rem;letter-spacing: 1.3px;}
	.item_btn_text_bottom {font-size: 1.2rem;}
}
@media (orientation: landscape) {
	.header_mob .header_cont {padding: 93px 65px 28px;}
	.header_mob .menu_main_menu>li>a {padding: 6px 0px;}
	.bg_boat_m{height: auto;transform: translateY(-16%);}
}