@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,300&subset=latin,latin-ext);

.unsel { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.xlayerflags a,
.xtopmenutbl li:hover .xmicon,
.xtopmenutbl li .xmtext,
.xtopmenutbl li,
.trans02 {
  transition: opacity .2s ease-out, height .2s ease-out, margin .2s ease-out, font-size .2s ease-out, background .2s ease-out, left .2s ease-out, color .2s ease-out;
  -moz-transition: opacity .2s ease-out, height .2s ease-out, margin .2s ease-out, font-size .2s ease-out, background .2s ease-out, left .2s ease-out, color .2s ease-out;
  -webkit-transition: opacity .2s ease-out, height .2s ease-out, margin .2s ease-out, font-size .2s ease-out, background .2s ease-out, left .2s ease-out, color .2s ease-out;
  -o-transition: opacity .2s ease-out, height .2s ease-out, margin .2s ease-out, font-size .2s ease-out, background .2s ease-out, left .2s ease-out, color .2s ease-out;
}

.xcontentdots ul li div,
.trans05 {
  transition: opacity .5s ease-out, height .5s ease-out, width .5s ease-out, margin .5s ease-out, font-size .5s ease-out, top .5s ease-out, background .5s ease-out, left .5s ease-out, border-radius .5s ease-out;
  -moz-transition: opacity .5s ease-out, height .5s ease-out, width .5s ease-out, margin .5s ease-out, font-size .5s ease-out, top .5s ease-out, background .5s ease-out, left .5s ease-out, border-radius .5s ease-out;
  -webkit-transition: opacity .5s ease-out, height .5s ease-out, width .5s ease-out, margin .5s ease-out, font-size .5s ease-out, top .5s ease-out, background .5s ease-out, left .5s ease-out, border-radius .5s ease-out;
  -o-transition: opacity .5s ease-out, height .5s ease-out, width .5s ease-out, margin .5s ease-out, font-size .5s ease-out, top .5s ease-out, background .5s ease-out, left .5s ease-out, border-radius .5s ease-out;
}

.trans10 {
  transition: opacity 1s ease-out, height 1s ease-out, width 1s ease-out, margin 1s ease-out, font-size 1s ease-out, top 1s ease-out, background 1s ease-out, left 1s ease-out, border-radius 1s ease-out,
    color 1s ease-out;
  -moz-transition: opacity 1s ease-out, height 1s ease-out, width 1s ease-out, margin 1s ease-out, font-size 1s ease-out, top 1s ease-out, background 1s ease-out, left 1s ease-out, border-radius 1s ease-out,
    color 1s ease-out;
  -webkit-transition: opacity 1s ease-out, height 1s ease-out, width 1s ease-out, margin 1s ease-out, font-size 1s ease-out, top 1s ease-out, background 1s ease-out, left 1s ease-out, border-radius 1s ease-out,
    color 1s ease-out;
  -o-transition: opacity 1s ease-out, height 1s ease-out, width 1s ease-out, margin 1s ease-out, font-size 1s ease-out, top 1s ease-out, background 1s ease-out, left 1s ease-out, border-radius 1s ease-out,
    color 1s ease-out;
}

body { font-family: 'Roboto', sans-serif; font-weight: 300; margin: 0px; padding: 0px; }

.xmain { width: 992px; margin-top: -18px; margin-left: auto; margin-right: auto;}

.xtop { height: 123px; }
.xtopmenu { position: relative; }
.xtopmenutbl { display: table; position:absolute; right:45px; table-layout: fixed; padding:0px; margin:0px; height:123px; z-index:1000; }
.xtopmenutbl li { display: table-cell; font-weight: 700; color: #FFFFFF; font-size: 12px; text-transform: uppercase; position: relative; }

.xtopmenutbl li a { color: #FFFFFF; text-decoration: none; }
.xtopmenutbl li:hover {  }

.xtopmenutbl li .xmtext { background-color:#424242; }
.xtopmenutbl li:hover .xmtext { background-color:#727272; }

.xtopmenutbl li .xmdot { display: none; }
.xtopmenutbl li:hover .xmdot { display: none; }

.xtopmenutbl li.xactive .xmtext { background-color:#a68338; }
.xtopmenutbl li.xactive:hover .xmtext { background-color:#a68338; }

.xtopmenutbl li.xactive .xmdot { display: block; }
.xtopmenutbl li.xactive:hover .xmdot { display: block; }

.xtopmenutbl li .xmicon { }
.xtopmenutbl li:hover .xmicon { opacity:0.7 }


.xmitem { width: 130px; height: 123px; text-align:center; }
.xmicon { width: 130px; height: 98px; background-image:url("/imgs/2019/icons2.png"); background-repeat: no-repeat; }
.xm1 { background-position: 43px 33px;  }
.xm2 { background-position: -93px 33px;  }
.xm3 { background-position: -227px 33px;  }
.xm4 { background-position: -361px 33px;  }
.xm5 { background-position: -496px 33px;  }
.xmtext { width:129px; height:25px; display:table-cell; vertical-align:middle; background-color: #424242; border-radius: 10px 10px 0px 0px; overflow:hidden; }
.xmtextred { width:129px; height:25px; display:table-cell; vertical-align:middle; color:#d63535; background-color: #424242; border-radius: 10px 10px 0px 0px; overflow:hidden; }
.xmtext span { display: inline-block; padding-top: 2px; }
.xmdot { width:15px; height:15px; background-color:#a68338; position:absolute; border-radius: 8px 8px 8px 8px; overflow:hidden; left:57px; margin-top:119px; }
.xactive .xmtext { background-color: #a68338;}

.xcontent { height:532px; width:992px; border-radius: 10px; position:relative; overflow:hidden; z-index:50; }
.xcontentscroll { height:532px; width:992px; border-radius: 10px; position:absolute;  overflow:hidden; z-index:60; }
.xcontentscroll ul { display:table; height:532px; width:300%; list-style: none; padding:0px; margin:0px; }
.xcontentscroll ul li { display:table-cell; height:532px; width:992px; background-repeat: no-repeat; background-size: cover; list-style: none; padding:0px; margin:0px; }
.xcontentdots { display: block; position:absolute; right:36px; z-index:150; top:38px; }
.xcontentdots ul { display: table; list-style:none; padding:0px; margin:0px; }
.xcontentdots ul li { display: table-cell; padding:0px; margin:0px; }
.xcontentdots ul li div { display: block; width:10px; height:10px; border:2px solid #FFFFFF; border-radius: 7px; overflow: hidden; margin-left:8px; background-color: #a7a9ac; cursor:pointer; }
.xcontentdots ul li.xactive div { background-color: #f78d1e; }


.xcontenttop { height: 25px; width:100%; background-color: #424242;  z-index:100; position:absolute; }
.xcontentbot { height: 108px; width:100%; background-color: rgba(48,48,48,0.60); position: absolute; bottom:0px; z-index:100; }

.xlayer { width: 312px; height: 702px; background-image: url(/imgs/pics/vx.png); position: absolute; z-index:2000; margin-top:-108px; margin-left:-8px; }
.xlayerins { position: relative; width: 312px; height: 702px; }
.xlayervxdot { position: absolute; left:81px; top:81px; width:93px; height:93px; background-repeat: no-repeat; background-position: center center; }
.xlayersipka { position: absolute; left:1000px; top:570px; width:30px; height:79px;
  background-image: url(/imgs/pics/sipka4.png); background-repeat: no-repeat; background-position: center center; }

.xlayerflags { }
.xflag { width:39px; height:39px; background-repeat: no-repeat; position: absolute; background-image: url(/imgs/pics/flags.png); }
.xflag1 { background-position: 0px -13px; left: 91px; bottom:48px; }
.xflag2 { background-position: -40px -8px; left: 135px; bottom:55px; }
.xflag3 { background-position: -85px -4px; left: 181px; bottom:62px; }
.xflag4 { background-position: -132px 0px; left: 230px; bottom:68px; }

.xlayerflags a:hover { opacity:0.6; }

.xcontentbotins { color:#FFFFFF; float: right; width:700px; text-align: right; font-size: 13px; padding-right:25px; }
.xcontentbotins p { margin: 6px 0 0; padding: 0; }
.xcontentbotins h1 { padding: 6px 0 4px; margin: 0px; text-transform: uppercase; font-size: 23px; letter-spacing: 1px; font-weight:700; }
.xcontentbotins .xctext { line-height: 18px;  font-weight:400; }
.xcontentbotins .qdot { display: inline-block; position:relative; top:6px; margin-right:12px; width: 26px; height: 34px; background-image: url(/imgs/pics/xico.png); }

.xfooter { color: #424242; padding-left: 15px; padding-right: 15px; padding-top:25px; padding-bottom:25px; }
.xfooter h1 { padding:0px; margin:0px; padding-bottom:20px; padding-top: 5px; text-align: right; text-transform: uppercase; font-size: 23px; letter-spacing:1px; color: #424242; }
.xfooter .fcontent { font-size: 15px; display: table; white-space: nowrap; width:850px; }
.xfooter .fcontent .xtd30 { display: table-cell; line-height: 20px; font-weight: 400; }

.xfooter2 { color:#424242; margin-top:15px; padding-bottom:10px; }
.xfooter2 h1 { padding:0px; margin:0px; padding-bottom:6px; padding-top: 24px; text-align: left; font-size: 21px; letter-spacing:0px; color: #424242; }
.xfooter2 .fcontent { font-size: 12px; display: table; white-space: nowrap; width:932px; table-layout: fixed; margin-left: 38px; }
.xfooter2 .fcontent .xtr { display: table-row; }
.xfooter2 .fcontent .xtdtext { display: table-cell; width:398px; line-height: 20px; font-weight: 400; white-space: normal; }
.xfooter2 .fcontent .xtdico { display: table-cell; position: relative; }
.xfooter2 .fcontent .xtdico div { display:block; width: 84px; height: 84px; background-repeat: no-repeat; background-image: url(/imgs/pics/qico.png); position: absolute; }
.xfooter2 .fcontent .xtdico .xfooterico1 { display: block; background-position:center 7px; top: 15px; left:18px; }
.xfooter2 .fcontent .xtdico .xfooterico2 { display: block; background-position:center -88px; top: 15px; left:18px; }
.xfooter2 .fcontent .xtdico .xfooterico3 { display: block; background-position:center -185px; top: 15px; left:18px; }
.xfooter2 .fcontent .xtdico .xfooterico4 { display: block; background-position:center -276px; }

.room-content {padding-left: 300px;}
.xlayervxdot img {
  -webkit-filter: drop-shadow(0px 3px 4px rgba(0,0,0,0));
  filter: drop-shadow(3px 3px 4px rgba(0,0,0,0));
  transition: 0.3s;
}
.xlayervxdot:hover img {
  -webkit-filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.5));
  filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.5));
  margin-left: -1px;
  margin-top: -1px;
}