header{

width: 100%;
background-size: 100% ;
background-color:#0b1628;
} 
/* color:#008f8c */
header a:link{font-family: Arial;text-decoration:none;color:white;font-size:1.5vw; z-index:10000;}
header a:visited{font-family: Arial;text-decoration:none;color:white;font-size:1.5vw;z-index:10000;}

.head{position:absolute;
width:13vw;
right:2vw;
top:1vw;
}
.head #ref {display:inline-block; float:right; text-align:right; }

/*#head_logo{display:inline-block;height:2.5rem;display: inline-block;position:absolute; }
#head_logo img{height:2.5rem; cursor: pointer;}*/


#main_head{width :50vw; background-size:50vw; height:14.22vw; position:absolute; top: -1vw; margin-left:25vw;z-index:1; background-image: url(/figs/head.svg);cursor: pointer;}
/*#main_head object {width :50vw; position:absolute; top: -1vw; margin-left:25vw;z-index:1; } */
#main_head_1 object {width :8vw; position:absolute; top: 0vw; left:77vw; } 

#main_main_head_2 {z-index:5000;cursor:pointer;display:block;width :8vw; height:9.232vw; position:absolute; top: 5vw; left:77vw; background-size:8vw; background-image: url(/figs/head_2.svg); }



#orange_stuff object{position:absolute;width:8vw; left:85vw; top:45vw;z-index:-10;}



footer{  
    z-index:1500;

    left: 0;
    bottom: 0;
    width: 100%;
    height:12vh;
    background-color:#dddddd;
    margin-top: 5vh;
    text-align: center;
}

#footer_x{right:1vw; text-align:right;font-size:1.5rem;position:absolute;cursor: pointer;}
.org_sponsors{height:8vh;width:100%;}
.org_sponsors a,img{max-height: 8vh;;width:auto;display:inline-block;}
#copyright{width:100%;height:2.5vh;text-align:center;}
#developers{font-size:0.5rem;height:1.5vh;width:100%;text-align:center;}

.stupid_photo{max-width:36vw;max-height:24vw;
    height: inherit !important;margin-left:12vw;}

.stupid_map{max-width:36vw;max-height:36vw;
    height: inherit !important;margin-left:12vw;}
.content{background-color:#e2e2e2;
	text-decoration:none;
    font-family: Arial;
    font-size:1.2rem;
    width:60vw;
    margin-left:18vw;

    margin-top:19vw;
    min-height:35vw; 
    min-height:calc(100vh -24vw);
    border-style: solid;
    border-width: 7px;
    border-radius: 7px;
    border-color: #008f8c;
    padding:3vw;
    
    text-align:justify;
}
.content H1{text-align:center;}
.content H2{text-align:center;}
.content a:link{color:blue;}
.content a:visited{color:blue;}
.content #strong{color:#ff6600; text-align:center;}
.content strong{color:#ff6600;  font-size:1.5rem;}
#content_logo object{width :10vw;position:absolute; top:14vw;left:15.5vw;}

.content a.button:link{text-decoration: none;color: initial;}
.content a.button:visited{text-decoration: none;color: initial;}

.content li {margin-top:0.2vw;padding-left:1.5vw;margin-left:7.5vw;}


#thesis_sample{text-align:center; margin-top:5rem; font-size:1.8rem;}



a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: initial;
}


#hexagons {transition: 1s;   top:1.5vw;width:100%;position:absolute;margin-top:30vw;margin-left:-9vw;}
/* 24.5-17-17-17-24.5      a=6.350 sqrt(3)/2*a=5.5 */
/* 16-17-17-17-17-16      2a=12.701  */

.figure {width:10vw; height:11.547vw; background-size: 10vw; margin:0.5vw 0.5vw;cursor: pointer;}
.figure:hover {width:14vw; height:16.166vw; background-size: 14vw; margin:0.5vw 0.5vw;cursor: pointer;z-index:1000;}
#photo.figure {position:absolute;background-image: url(/figs/foto.svg);top:20vw;left:34vw;}
#photo.figure:hover { position:absolute;top:18vw;left:32vw;}

#idiots.figure{position:absolute;background-image: url(/figs/idiots.svg);top:20vw;left:45vw;}
#idiots.figure:hover { position:absolute;top:18vw;left:43vw;}


#map.figure{position:absolute;background-image: url(/figs/map.svg); top:20vw; left:56vw;}
#map.figure:hover { position:absolute;top:18vw;left:54vw;}

#calendar.figure {position:absolute;background-image: url(/figs/calendar.svg);top:20vw; left:78vw;}
#calendar.figure:hover { position:absolute;top:18vw; left:76vw;}


#thesis.figure{position:absolute;background-image: url(/figs/thesis.svg);top:29.525vw;left:28.5vw;}
#thesis.figure:hover { position:absolute;top:27.525vw;left:26.5vw;}


#shedule.figure {position:absolute;background-image: url(/figs/shedule.svg);top:29.525vw;left:39.5vw;}
#shedule.figure:hover { position:absolute;top:27.544.735vw;25vw;left:37.5vw;}

#jsc.figure {position:absolute;background-image: url(/figs/jsc.svg);top:29.525vw;left:61.5vw;}
#jsc.figure:hover { position:absolute;top:27.525vw;left:59.5vw;}

#history.figure {position:absolute;background-image: url(/figs/history.svg);top:29.525vw;left:72.5vw;}
#history.figure:hover { position:absolute;top:27.525vw;left:70.5vw;}



#bablo.figure {position:absolute;background-image: url(/figs/bablo.svg);top:39.05vw;left:34vw;}
#bablo.figure:hover { position:absolute;top:37.05vw;left:32vw;}

#accomodation.figure{position:absolute;background-image: url(/figs/accomodation.svg);top:39.05vw;left:45vw;}
#accomodation.figure:hover { position:absolute;top:37.05vw;left:43vw;}

#sponsors.figure{position:absolute;background-image: url(/figs/sponsors.svg);top:39.05vw;left:56vw;}
#sponsors.figure:hover { position:absolute;top:37.05vw;left:54vw;}


#contacts.figure{position:absolute;background-image: url(/figs/contacts.svg);top:39.05vw;left:67vw;}
#contacts.figure:hover { position:absolute;top:37.05vw;left:65vw;}




#dates{transition: 1s;}
#dates{position:absolute; max-width:17vw; text-align:left;right:0;top:15vw;margin-right:4vw;}
.dates h2{margin:0;margin-bottom:0.5rem;font-size:1.4vw;}
.dates div{margin:0;margin-left:0;font-size:1.2vw;}
.dates .orange_main{color:#ff6600;}
.dates .white_main{color:black;font-weight: lighter;}
.dates .cyan_main{color:#008f8c;font-weight: bold;}

#main_text {transition: 1s;}
.main_text {width :60vw;height:30vw; padding-top:0vw; position:absolute; top: 15vw; margin-left:20vw;font-size:1.2vw;color:black;z-index:-1;}
.main_text h3 {color:#ff6600;font-size:1.4vw;font-weight:bold;}
.main_text li {margin-top:0.2vw;padding-left:1.5vw;margin-left:1.5vw;color:#ff6600;}

#contacts_txt{transition: 1s;position:absolute; right:0; max-width:17vw; text-align:left;top:35vw;margin-right:0vw;font-size:1.2vw;color:black;font-weight: normal;}

#contacts_txt a:link{color:#ff6600;}
#contacts_txt a:visited{color:#ff6600;}

#main_sponsors{
background-color:#a2a2a2;
position:absolute;transition: 1s; width:60vw; text-align:center;margin-top:50vw;margin-left:20vw;font-size:3vw;color:white;font-weight: bold;
    border-top:12vw;
    padding-top:0.5vw;
}

#main_sponsors #NSU_logo_sp {
max-width: 14.9vw;
    height: 4.52vw;}

#main_sponsors #cnfm_logo {
max-width: 16vw;
    height: 4.52vw;}
#main_sponsors #nt-mdt_logo {
max-width: 14.97vw;
    height: 4.52vw;}
#main_sponsors #graphene_logo {
max-width: 3.76vw;
    height: 4.52vw;}

#main_sponsors #analit {
max-width: 18.33vw;
    height: 4.52vw;}
#main_sponsors #dia_m {
max-width: 10.18vw;
    height: 4.52vw;}
#main_sponsors #nanoindustry {
max-width: 18.33vw;
    height: 4.52vw;}



#left_menu{display:block;}
.left_menu { width:3.55vw; position:absolute; height:4.097vw;left:10vw;background-size:3.55vw;cursor: pointer; z-index:100;top:0;}
#left_line object{width:3.5vw;position:absolute; left:10vw;margin-bottom:10vh;top:0;}
.left_menu .subs{background:white;position:absolute;left:5vw;display:none;}

.left_menu:hover{z-index:1000; background-size:5vw;width:5vw; height:5.77vw;left:9.25vw;}
.left_menu:hover .subs{display:block;width:auto; text-align:left;border-style: solid;
    border-width: 3px; border-color: #008f8c;top:1.443vw; height:2.4vw;}

.left_menu h3 {font-size:1.4vw; margin:0.6vw 0 0 0;}


.left_menu_pure {width:4vw; height:4.6vw;left:9.75vw;background-size:4vw; z-index:10;}
#sgb1.left_menu_pure {position:absolute; background-image: url(/figs/sgb.svg); top:0.0vw;}
#sgb2.left_menu_pure {position:absolute; background-image: url(/figs/sgb.svg); top:7.6vw;}



#home.left_menu {position:absolute; background-image: url(/figs/home.svg); top:4vw;}
#home.left_menu:hover {top:3.135vw;}
/* #home.left_menu:hover  .subs{display:block;} */

#photo.left_menu  {position:absolute; background-image: url(/figs/foto.svg); top:11.25vw;}
#photo.left_menu:hover {top:10.385vw;}
#idiots.left_menu  {position:absolute; background-image: url(/figs/idiots.svg); top:15.1vw;}
#idiots.left_menu:hover {top:14.235vw;}
#map.left_menu  {position:absolute; background-image: url(/figs/map.svg);  top:18.88vw;}
#map.left_menu:hover {top:17.985vw;}
#thesis.left_menu  {position:absolute; background-image: url(/figs/thesis.svg);top:22.6vw;}
#thesis.left_menu:hover {top:21.735vw;}
#shedule.left_menu  {position:absolute; background-image: url(/figs/shedule.svg); top:26.405vw;}
#shedule.left_menu:hover {top:25.535vw;}
#jsc.left_menu  {position:absolute; background-image: url(/figs/jsc.svg);  top:30.04vw;}
#jsc.left_menu:hover {top:29.135vw;}
#history.left_menu  {position:absolute; background-image: url(/figs/history.svg); top:33.9vw;}
#history.left_menu:hover {top:33.035vw;}
#bablo.left_menu  {position:absolute; background-image: url(/figs/bablo.svg); top:37.7vw;}
#bablo.left_menu:hover {top:36.935vw;}
#accomodation.left_menu  {position:absolute; background-image: url(/figs/accomodation.svg); top:41.5vw;}
#accomodation.left_menu:hover {top:40.835vw;}
#calendar.left_menu  {position:absolute; background-image: url(/figs/calendar.svg); top:45.5vw;}
#calendar.left_menu:hover { top:44.735vw;}
#contacts.left_menu  {position:absolute; background-image: url(/figs/contacts.svg); top:49.3vw; }
#contacts.left_menu:hover { top:48.635vw;}
#sponsors.left_menu  {position:absolute; background-image: url(/figs/sponsors.svg); top:53.1vw;}
#sponsors.left_menu:hover {top:52.535vw;}


#reg.left_menu  {position:absolute; background-image: url(/figs/registration.svg); top:56.9vw;display:none}
#reg.left_menu:hover {top:52.535vw;}


#tgb1.left_menu_pure {position:absolute; background-image: url(/figs/tgb.svg); top:60.7vw;}
#tgb2.left_menu_pure{display:none}


 table.personal_table{width: 100%;}
.personal_table td{padding:1rem;}
.personal_table td.left{width:30%;text-align:right; font-weight: bold;}
.personal_table input {width:100%;max-width:30rem;height:2rem;border-left: 0.3vw solid #008f8c;border-right: 0.3vw solid #008f8c;}


 table.report_table{width: 100%;}
 .report_table th{padding:1rem;text-align:center; border:none;}
.report_table td{width:30%;padding:1rem;text-align:center;}
.report_table td.report_name{width:70%;text-align:left; font-weight: bold;}


table.login_table{width:35rem;}
.login_table td{width:60%;padding:1rem;}
.login_table td.left{width:40%;text-align:right; font-weight: bold;}
.login_table input {width:100%;max-width:30rem;height:2rem;border-left: 0.3vw solid #008f8c;border-right: 0.3vw solid #008f8c;    font-size:1rem;}

#shedule_wrapper{position:relative;  overflow:auto;}
table#shedule{width:100% ;margin: auto;}
table#shedule th {background-color:#0b1728;color:white;}
table#shedule td,th{height:2.5rem; border: 1px solid white; padding: 0; text-align:center;}

table#fee{width:100% ;margin: auto;border-collapse: collapse;}
table#fee td{height:2.5rem; border: 3px solid black; padding: 0; text-align:center;margin:0;}

#botsad{display:flex;align-items:center;width:100%;}
#botsad_ph{
margin-right:1rem;
width:21.6vw;
height:16.2vw;
max-height:12rem;
flex-shrink:0;
background-size:100%;
background-image:url(/figs/botsad.jpg);}



.history_photo{width:60vw;  background-size: 100%;}
.hover_zoom{display:none;border:1px solid black;width:15vw;height:15vw;background-repeat:no-repeat; position:absolute; }
#history_photo_1{height:18.517vw; margin:auto;background-image: url(/figs/g1.jpg);}
#hover_zoom_1{background-image: url(/figs/g1.jpg);}


#history_photo_2{width:32.56vw;height:18.451vw;margin:auto;background-image: url(/figs/g2.jpg);}
#hover_zoom_2{background-image: url(/figs/g2.jpg);}

#history_photo_3{height:23.86vw;margin:auto;background-image: url(/figs/g2019.jpg);}
#hover_zoom_3{background-image: url(/figs/g2019.jpg);}
#history_photo_4{height:22.95vw;margin:auto;background-image: url(/figs/g2019_2.jpg);}
#hover_zoom_4{background-image: url(/figs/g2019_2.jpg);}

#nsu_photo {width:60vw; height:15.09vw; background-size: 100%; background-image: url(/figs/NSU.jpg);}


#nsu{text-align:right;;width:100%;position:relative;}
 #nsu_logo {width:23.7%;position:absolute;left:0;display:inline-block;}
 #nsu_logo a,img{width:100%;top:0;}
 #gmaps{width: 61.8%;display:inline-block; }
    .google-maps {
        position: relative;
        padding-bottom: 100%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

input[required], select[required] {
    background-image: url('/figs/star.png');
    background-repeat: no-repeat;
    background-position-x: right;
    background-size:0.5rem;
}
#asterisk{background-repeat: no-repeat;width:0.5rem;display:inline-block;height:0.5rem;padding-top:0.5rem;background-size:0.5rem;background-image: url('/figs/star.png');}
#fig_programm{
    max-height:none;
}

body{padding:0;margin:0; background-color:#f2f2f2;font-family: Arial;height:100%;}