.blue-marker {
    padding: 0 !Important;
    margin: 0 !Important;
    width: 30px !important;
    height: 50px !Important;
    position: relative;
}

.blue-marker span.box span {
    position: absolute;
    width: 150px;
    margin-left: -15px;
    margin-bottom: -37px;
}
.myButton {
    -moz-box-shadow:inset 0px 34px 0px -15px #118ffd;
    -webkit-box-shadow:inset 0px 34px 0px -15px #118ffd;
    box-shadow:inset 0px 34px 0px -15px #118ffd;
    background-color:#269dff;
    border:1px solid #118ffd;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    padding:9px 23px;
    text-decoration:none;
    text-shadow:0px -1px 0px #7a2a1d;
}
.myButton:hover {
    background-color:#118ffd;
}
.myButton:active {
    position:relative;
    top:1px;
}

#page-preloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index: 100500;
}

#page-preloader .page-preloader-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -125px 0 0 -100px;
    width: 190px;
    height: 90px;
}

#page-preloader .spinner {
    width: 90px;
    height: 90px;
    color: #FABC06;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -45px 0 0 -45px;
    font-size: 14px;    
}

@keyframes bounce {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes bounce{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes bounce{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes bounce{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.animated {
   -webkit-animation: bounce 1s infinite;
   -moz-animation: bounce 1s infinite;
   -o-animation: bounce 1s infinite;
    animation: bounce 1s infinite;
}


.main-page-header {
    background-color: #D6D6D6;
    padding-top: 200px;
    padding-bottom: 200px;
}
.site-title {
    position: absolute;
    top: 100px;
    z-index: 99;
    color: #FFF;
    text-align: center;
    width: 100%;
    font-size: 1.5em;
    line-height: normal;
    text-shadow: 0px 2px 4px rgba(0,0,0,0.4);
}
.site-title h1 {
    color: #FFF;
    padding: 0px;
    margin-top: -15px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.site-title p {
    margin: 0px;
    color: #73BE6B;
    font-weight: normal;
    font-size: 1.5em;
    text-transform: uppercase;
}

.land .marker1 {
    left: 855px;
    top: 758px;
}
.land .marker2 {
    left: 648px;
    top: 661px;
}
.land .marker3 {
    left: 687px;
    top: 307px;
}
.land .marker4 {
    left: 927px;
    top: 360px;

}
.land .marker5 {
    left: 851px;
    top: 649px;
}

.land .marker9 {
    left: 1042px;
    top: 569px;
}

.land .marker8 {
    left: 982px;
    top: 531px;
}

.land .marker6 {
    left: 808px;
    top: 340px;

}
.land .marker7 {
    left: 689px;
    top: 757px;
}

.land .blue-marker1 {
    left: 591px;
    top: 237px;
}
.land .blue-marker2 {
    left: 976px;
    top: 250px;
}
.land .blue-marker3 {
    left: 1403px;
    top: 267px;
}
.land .blue-marker4 {
    left: 1102px;
    top: 254px;
}
.land .blue-marker5 {
    left: 1344px;
    top: 222px;
}
.land .blue-marker6 {
    left: 1428px;
    top: 199px;
}
.land .blue-marker7 {
    left: 1139px;
    top: 573px;
}
.land .blue-marker8 {
    left: 389px;
    top: 256px;
}
.land .blue-marker9 {
    left: 1201px;
    top: 280px;
}
.land .blue-marker10 {
    left: 894px;
    top: 344px;
}
.land .blue-marker11 {
    left: 1311px;
    top: 314px;
}
.land .blue-marker12 {
    left: 1466px;
    top: 303px;
}
.land .blue-marker13 {
    left: 1437px;
    top: 381px;
}
.land .blue-marker14 {
    left: 1067px;
    top: 415px;
}
.land .blue-marker15 {
    left: 1232px;
    top: 433px;
}
.land .blue-marker16 {
    left: 1328px;
    top: 501px;
}
.land .blue-marker17 {
    left: 322px;
    top: 320px;
}
.land .blue-marker18 {
    left: 663px;
    top: 467px;
}
.land .blue-marker19 {
    left: 634px;
    top: 388px;
}
.land .blue-marker20 {
    left: 469px;
    top: 334px;
}
.land .blue-marker21 {
    left: 318px;
    top: 205px;
}
.land .blue-marker22 {
    left: 607px;
    top: 605px;
}
.land .blue-marker23 {
    left: 516px;
    top: 168px;
}
.land .blue-marker24 {
    left: 769px;
    top: 189px;
}
.land .blue-marker25 {
    left: 813px;
    top: 581px;
}
.land .blue-marker26 {
    left: 930px;
    top: 666px;
}


.land {
    position: relative;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    background-color: #6db4f0;
    z-index: 1;
    background-image: url(../images/sky-land.jpg);
    background-repeat: no-repeat;
    background-position: center -100px;
    background-size: cover
}

.land .ballon {
    position: absolute;
    left: 20%;
    top: -40px;
    z-index: 2;
}
.land .ballon img {
    width: 350px;
}
.land img {
    
}
.land .logo-main {
    display: block;
    position: fixed;
    top: 0%;
    left: 50%;
    width: 360px;
    margin-left: -200px;
    z-index: 3;
    font-size: 2em;
    text-align: center;
    line-height: normal;
    color: #BC5253;
    background-repeat: no-repeat;
    background-position: center bottom;
}
 
.land .logo-main a {
    color: #fff;
    font-size: 0.6em;
    font-style: italic;
}
.land .logo-main img {
    width: 95%;
}
.land .logo-main h1 {
    font-size: 2em;
    color: #FFF;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #FFF;
    border-bottom-color: #FFF;
}
.land .land-container, .land-links, .cloud1, .cloud2, .cloud3, .cloud4, .logo-main, .ballon {
    transition: ease-out 2s;
}
.land .land-container .lang-img {
    width: 1800px;
    position: relative;
    z-index: 1;
    margin-top: 135px;
}


.land-links {
    z-index: 5!important;
}
.land .land-container, .land-links {
    margin-left: -900px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    margin-top: -540px;
}
.land .cloud1 {
    margin-left: -500px;
    position: absolute;
    left: 50%;
    top: 20%;
    z-index: 2;
    margin-top: -260px;
    opacity: 0.8;
}
.land .cloud2 {
    margin-left: 0px;
    position: absolute;
    left: -33%;
    top: 20%;
    z-index: 4;
    margin-top: 0px;
    opacity: 0.9;
}
.land .cloud3 {
    margin-left: 0px;
    position: absolute;
    right: -29%;
    bottom: -400px;
    z-index: 4;
    margin-top: 0px;
    opacity: 0.9;
}
.land .cloud4 {
    margin-left: 0px;
    position: absolute;
    left: -49%;
    bottom: -300px;
    z-index: 4;
    margin-top: 0px;
    opacity: 0.9;
}
.land-links .marker {
    background-image: none!important;
}
.land .marker {
    position: absolute;
    z-index: 5;
    height: 92px;
    width: 60px;
    bottom: 20px;
    text-decoration: none;
    background-image: url(../images/flag1.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.land .marker.blue-marker{
    background-image: url(../images/flagblue.png);
}

.blue-marker span span {
    margin-bottom: -14px;
}

@media screen and (max-width: 150px) {
    .land .land-container .lang-img {
        width: 1400px;
    }
    .land .land-container, .land-links {
        margin-left: -700px;  margin-top: -410px;
    }
    .cloud2 {display: none;}
    .land .marker1  {
        left: 748px!important;
        top: 501px!important;
    }
    .land .marker2 {
        left: 644px;
        top: 442px;
    }
    .land .marker3 {
        left: 293px;
        top: 488px;
    }
    .land .marker4 {
        left: 963px;
        top: 358px;
    }
    .land .marker5 {
        left: 514px;
        top: 532px;
    }
    .land .marker9 {
        left: 414px;
        top: 532px;
    }
    .land .marker8 {
        left: 534px;
        top: 532px;
    }    
    .land .marker6 {
        left: 315px;
        top: 553px;
    }
    .land .marker7 {
        left: 244px;
        top: 523px;
    }
}


body {
    overflow: hidden;
    background-color: #000;
}

.right-box {
    font-size: 17px;
}



/*
body {
    cursor:url("../images/cursor.png"), auto;
}
*/

/* @media screen and (max-width: 800px) {
.land { display: none; }
.index-mob { display: block; }
} */





#menu-popup li a, #menu-popup li a .title {
  border-radius: 20px;

}

#menu-popup li a .title:hover  {
   -webkit-transform: scale(1.02);
   -ms-transform: scale(1.02);
   transform: scale(1.02);
}