@font-face {
    font-family: OpenSansRegular;
    src: local(OpenSansRegular), url(../fonts/OpenSansRegular.ttf);
}

@font-face {
    font-family: Bahnschrift;
    src: local(Bahnschrift), url(../fonts/Bahnschrift.ttf);
}

html { font-size: 16px; height: 100%; box-sizing: border-box; overflow-x: hidden;}

body, div, button, span { font-family: Bahnschrift;  font-size: 1rem; }
p > span, 
p {
    font-family: OpenSansRegular;
    font-size: 1rem;  
}

*, *:before, *:after {
    box-sizing: inherit;
}

body { position: relative; margin: 0; min-height: 100%;}


.h0 { font-size: 2rem !important; font-family: NotoSansBold; }
.h1 { font-size: 1.25rem !important; font-family: Bahnschrift; font-weight: 600; }
.h2 { font-size: 1rem !important; }
.h3 { font-size: 0.875rem !important; font-family: Bahnschrift; }
.h4 { font-size: 1.125rem !important; font-family:  Bahnschrift; }
.h5 { font-size: 1rem !important; font-family: OpenSansRegular; font-weight: 100;}
.h6 { font-size: 0.75rem !important; }



/************************************************************************* ELEMENTS & OVERRIDES */
table { border-spacing: 0; }
table thead th,
table thead td { text-align: center; }
h5 { margin: 0 auto;  }
h6 { margin-bottom: 0; }

.content { }


/**** UTILITY CLASSES */ 
.block { display: block; }
.hhide { display: none; }
.columns { padding: 0; }
.row { max-width: 100%; }

.white { color: white; }
.blue { color: #07B4F2; }
.red { color: red; }
.grey { color: #DBDBDB; }
.green { color: green; }

.padded_column { padding: 0 2rem; }
.top_margin { margin-top: 35px; }

.h_white { font-size: 1.125rem; font-family: NotoSansBold; color: white; display: block;}

.red_border { border-color: red !important; }

.half_height { height: 50%; }

.h_full { height: 100%; }

#err_msg { display: none; position: absolute; padding: 6px 2rem; }




/* A panel with a shadow */
.shadow_panel { box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.16); }

.bordered_panel { border: 1px solid #DBDBDB; border-radius: 6px; }

/* Offer type panel */
.panel {
    border-radius: 14px;
    text-align: center;
    background: white;
    /* padding: 20px 33px; */
}
.padded_panel { padding: 1.25rem 2.75rem; }
.panel_content { padding: 0 1.6rem 2rem; }
.blue_border { border: 1px solid #0265C2; border-radius: 12px; }


/* A section with vertically centered panel */
.section_panel_wrap { height: 100%; display: flex; align-items: center; }
.section_panel { max-height: 14.25rem; width: 43.75rem; padding: 2.5rem 3rem; background-color: rgba(4, 29, 104, 0.6); }


.wrapper {
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
    height: 100%;
    overflow: hidden;
}
.content_block { padding: 1.875rem 0 4.375rem 0; clear: both; overflow: hidden; }
.content_block_even { padding: 1.875rem 0; clear: both; overflow: hidden; }
.content_block_top { padding: 1.875rem 0 0 0; }
.content_block_bottom { padding: 0 0 4.375rem 0; }





/* misc */ 
.bg_panel { background: url("/img/right_panel_bg.png") no-repeat center; background-size: cover; height: 100%; }


a.button.blue_bg { background-color: #0265C2; color: white; }
a.button.blue_outline { border-color: #0265C2;  color: #0265C2; font-family: NotoSansBold; }
a.button.white_outline { border-color: white; color: white; font-family: NotoSansBold; }
a.button.small_button { min-width: 87px; }
a.button:hover { background: #0265C2; color: white; }

a.button.inactive_button { border-color: #CCC; color: #CCC; cursor: initial; }
a.button.inactive_button:hover { background: white; border-color: #CCC; color: #CCC; }







/************************************************************************* HEADER */
header  .navigatable_menu > div > a { font-size: 1.125rem; }


.header_logo { height: 100%; padding-right: 3rem; padding-bottom: 6px; position: relative; }
.header_logo,
.img_logo { width: 360px; }

.img_logo { position: absolute; margin-top: -3.75rem; padding-right: 3rem; }




/*                               Background video                            */

.video {
    background-color:rgba(0,0,0,.9);
    width: 104%;
    height: 750px;
    z-index: -2;
    border-radius: 100%/45%;
    margin-left: -3%;
    position: absolute;
    overflow: hidden;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.video:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.2);
  z-index: 2;
}


/*                          Header                                          */

.img_logo {width: 345px; }
.img_logo {position: absolute; margin-top: 2.5rem; margin-left: 30%; }

/*   Menu   */

.menu {display: inline-block;  padding-top: 9%;}
.menu > li > a {padding-top: 0; color: #FFFFFF; font-weight: 600;}
.menu > li > a:hover {color: #07B4F2; }

/*   Mailto vk  */

.adr {padding-top: 4%; text-align:center;}
.adr a {color: #FFFFFF; margin-left:50px;}

.adr a:hover {color: #07B4F2; }

/*                          Content                                        */
.site-name {color: #FFFFFF; text-align: center; margin-top: 5%; }

/*    Amanities     */
.line_block{  }
.line_block_img{height:450px; width: 90%; background: white;}
.line_block_img img {width: 100%; height: 43%;}
.line_block_icon{ text-align: center; height: 10%; width: 100%;margin: 2% 0%;}
.line_block_icon img {width: 15%; height: 100%;}
.line_block_text {height: 27%; width:95%;}
/*                        Content_files            */

.content_video { 
      min-height: 425px;
      position: relative;
      overflow: hidden;
      z-index: 1; }
.content_video video{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 0% 1.5%; 
}

#but_pl_1{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: url(../images/play-button.png) 50% 50% no-repeat;  
}

.block-video{display: none;}
#but_pl_1.o{
    background: none;
}
#but_pl_2{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: url(../images/play-button.png) 50% 50% no-repeat;  
}


#but_pl_2.o{
    background: none;
}

.content_img img{ width: 100%; padding: 0% 2%;  height: 250px; }
.mototrack_background {
    background: -webkit-gradient( linear, left bottom, left top, from(black), to(transparent)), url(../images/3.png);
    background: -webkit-linear-gradient( bottom, black 0%, transparent 100%), url(../images/3.png);
    background: -o-linear-gradient( bottom, black 0%, transparent 100%), url(../images/3.png);
    background: linear-gradient( to top, black 0%, transparent 100%), url(../images/3.png);
    display: block;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position:relative;
}
/*                      Request                     */

/* inputs */
[type='text'],
[type='password'],
[type='tel'],
[type='email'],
[type='submit'], 
select {
    border-radius: 6px;
    font-family: OpenSansRegular;
    height: 3.3rem;
    padding: 1.25rem;
    
}

textarea {
    font-family: OpenSansRegular;
    border-radius: 6px;
    height: 10.8rem;
    padding: 12px 30px;
}




.hide { 
    display:none;
    margin: auto; 
    width: 100%;
    text-align: center;
}



/*                      Contact                     */
.contact_background{background: black;}