@charset "utf-8";
/* CSS Document */

@font-face {
  font-family:'MyriadPro-Bold';
  src: url('../fonts/MyriadPro-Bold_0.otf'); /* IE9 Compat Modes */
  src: url('../fonts/MyriadPro-Bold_0.otf#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/MyriadPro-Bold_0.otf') format('woff2'), /* Super Modern Browsers */
       url('../fonts/MyriadPro-Bold_0.otf') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/MyriadPro-Bold_0.otf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/MyriadPro-Bold_0.otf#svgFontName') format('svg'); /* Legacy iOS */
}

.nav_cls{border-left:#87B929 1px solid; background:#000 url(../images/site/nav-fade.png) 0 0 repeat-y; float:right; width:270px; height:900px; position:relative; box-shadow: -1px 0px 3px 0px;}
.nav_cls ul{padding:100px 0 0 0px; position:relative; z-index:100;}
.nav_cls ul li{width:100%; float:left; margin:8px 0px;}
.nav_cls ul li a{font-size:18px; color:#FFF; line-height:30px; font-family:'MyriadPro-Bold', Arial, Helvetica, sans-serif; text-transform:uppercase;} 
.nav_cls ul li:hover a{color:#87B929;}
.nav_cls ul li.active a{color:#87B929;}

.jquery-script-ads { position:absolute; top:250px; left:150px;}

#sidebar {background: #000000; width: 250px; padding-bottom:50px; display: block; margin-right: 0; position: fixed; right: -255px; top: 0; z-index:9999999; transition: right 0.3s linear;}
#sidebar.visible {right: 0; transition: right 0.3s linear; /*position: absolute;*/ position: fixed;}
#sidebar.visible #sidebar-btn{left:0px; z-index:110;}
.open{z-index:9999999999; right:175px !important; transition: right 0.3s linear;}

#sidebar-btn {vertical-align: middle; /*width: auto;*/ height: auto; cursor: pointer; margin: 20px; /*position: absolute;*/ position: fixed; top: 10px; right: 20px; transition: right 0.3s linear;}
#sidebar-btn span {height: 1px; background: #fff; margin-bottom: 5px; display: block;}
#sidebar-btn span:nth-child(2) { width: 75%; }
#sidebar-btn span:nth-child(3) { width: 50%; }

ul {margin: 0; padding: 0;}

.language{position:absolute; top:30px; right:10px; z-index:99999;}
.language a{padding:0px 10px; border-right:#FFF 2px solid; float:left; color:#FFF; font-family:'MyriadPro-Bold', Arial, Helvetica, sans-serif; font-size:20px;}
.language a:hover{color:#87B929;}
.language a.active{color:#87B929;}
.language a:last-child{border-right:none;}

.app_cls{width:70%; float:left; margin-top:20%; margin-left:15%; position:relative; z-index:100;}
.app_cls a{float:left; margin:4px 0px; width:100%; text-align:center;}
.app_cls a img{border:#333 1px solid; border-radius:8px;}


@media only screen and (max-width: 767px) {
    .language{position:absolute; top:30px; left:10px; z-index:99999;}

    .nav_cls{border-right:#87B929 1px solid; border-left:none;}
    .nav_cls ul{margin:100px 0 0 0; padding:0px;}
    .nav_cls ul li{width:100%; text-align:center;}
    .open{z-index:9999999999; left:175px !important; transition: right 0.3s linear; text-align:right !important; width:40px;}

    .jquery-script-ads { position:absolute; top:250px; right:150px;}
    #sidebar {height: auto; display: block; position: absolute; left: -301px; top: 0; z-index:999999; transition: left 0.3s linear;}
    #sidebar.visible {left: 0; transition: left 0.3s linear; position:absolute;}
    #sidebar.visible #sidebar-btn{right:0px;}
    #sidebar-btn {left: 0px; text-align:left; width:40px; position:absolute;}
}