/* === Navigation === */
#nav { border-top:1px solid #d9d9d9; text-align:left; }
#nav .nav-inner { margin:0 auto; max-width:980px; min-height:40px; position:relative; z-index:400; }
#nav .nav-block { display:inline-block; float:left; }
#nav .nav-link { display:block; padding:11px 30px 11px 15px; position:relative; font-size:13px; line-height:15px; }
#nav .nav-link:after { content:'❯'; display:block; transform:rotate(90deg); position:absolute; right:12px; top:18px; width:9px; height:7px; font-size:11px; }
#nav .nav-link:hover { color:#3cabba; text-decoration:none; }

#nav .nav-sub { position:absolute; top:37px; left:0; width:100%; }
#nav .nav-sub-inner { margin:0 10px 0 15px; padding:0 0 0 10px; background:#fff; border:1px solid #404040; border-radius:2px; display:block; z-index:10000; box-shadow:3px 3px 2px 0px rgba(50, 50, 50, 0.4); position:relative; float:left; }
#nav .nav-sub-inner:before { content:''; position:absolute; width:15px; height:8px; left:84px; top:-8px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAICAYAAAAm06XyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALRJREFUeNpicXBwYMAG/P39G3fu3Fnr7u7eunHjxlpsaphwady6dWtdQ0MDI5CuAfKbsaljVlBQwKqxpaWFwdzcnEFdXZ1h5syZdr6+vkw3b948gFMzukYQkJGRgRlg7+Pjwww0YD+GZpDTgBprkTXCALIBHh4e7Ldv394LlgAFWH9/f7OLi8v/EydO/McHQPIgdV1dXW3ggCZWIzYDmI2NjfdlZmZiOBUXgHnhwoULtgABBgCtuKAS9D6gMAAAAABJRU5ErkJggg==) no-repeat 0 0; }

#nav-sub-inner:after { content:' '; clear:both; display:block; height:0; }
#nav-categories .nav-link:before { content:' '; display:block; position:absolute; right:0; top:50%; margin:-6px 0 0; height:12px; width:1px; background:#e0e0e0; }
#nav-categories-sub .nav-sub-inner:before { left:88px; }
#nav-categories-sub .nav-sub-inner { padding:0 5px 0 15px; }
#nav-regions-sub .nav-sub-inner { margin-left:142px; }

#nav .ncol { float:left; min-width:140px; padding:10px 10px 10px 0; }
#nav .ncol strong { display:block; padding:5px 0 5px 0; color:#000; font-size:14px; }
#nav .ncol .cat-img { margin:0 0 7px; display:block; height:86px; background-size:cover; }
#nav .ncol .continent { margin:0 15px 4px 10px; padding:0 0 2px; color:#34a5b8; font-size:13px; font-weight:bold; border-bottom:1px dotted #aaa; }
#nav .ncol ul { padding:0 0 7px; }
#nav .ncol ul li { display:block; font-size:12px; }
#nav .ncol ul li a { display:block; padding:10px; color:#404040; }
#nav .ncol ul li a:hover { text-decoration:none; background:#eee; color:#000; }
#nav .ncol .more { font-weight:bold; }
#nav .ncol .left, #nav .ncol .right { text-align:left; }

#nav .ncol-1 .cat-img { background:url(../images/nav-item-1.jpg) no-repeat 0 0; }
#nav .ncol-2 .cat-img { background:url(../images/nav-item-2.jpg) no-repeat 0 0; }
#nav .ncol-3 .cat-img { background:url(../images/nav-item-3.jpg) no-repeat 0 0; }
#nav .ncol-4 .cat-img { background:url(../images/nav-item-4.jpg) no-repeat 0 0; }
#nav .ncol-5 .cat-img { background:url(../images/nav-item-5.jpg) no-repeat 0 0; }
#nav .ncol-6 .cat-img { background:url(../images/nav-item-6.jpg) no-repeat 0 0; }

#nav-regions-sub .ncol-1 { min-width:200px; }
#nav-regions-sub .ncol-2 { min-width:180px; }
#nav-regions-sub .ncol strong { padding-left:10px; }
#nav-regions-sub .ncol ul li a { padding:10px; }

#nav .ncol-cities { border-left:1px solid #e0e0e0; box-shadow:1px 0 1px rgba(0,0,0,0.08) inset; }
#nav .ncol-cities { padding:10px 5px 0 10px; }
#nav .ncol-cities .scroll { overflow:auto; max-height:425px; }
#nav .ncol-cities .scroll ul { padding:2px 0; }
#nav .ncol-cities .scroll li { margin:0 10px 0 0; padding:0; }

#nav-other.nav-block { display:none; }

#nav .ncol ul li ul { display:none; }

#nav-other .ncol ul.languages { float:none; margin:0; padding:0; cursor:default; display:none; }
#nav-other .ncol ul.languages:before { display:none; }
#nav-other .ncol ul.languages .current { padding:12px 15px; display:block; font-weight:bold; }


/* Scroll*/
.lb-v-dummy { width:100%; display:block; height:1px; }
.lb-h-dummy { height:100%; display:block; width:1px; }
.lb-clear { clear:both; }
.lb-wrap { z-index:0; overflow:auto; position:relative; }
.lb-v-scrollbar { z-index:1; position:absolute; right:2px; top:2px; width:3px; height:100%; background:#ccc; opacity:0.3; border-radius:3px; }
.lb-h-scrollbar { z-index:1; position:absolute; bottom:2px; left:2px; width:100%; height:3px; background:#ccc; opacity:0.3; border-radius:3px; }
.lb-v-scrollbar-slider { position:absolute; width:3px; height:50px; left:0; top:0; background:#222; border-radius:3px; }
.lb-h-scrollbar-slider { position:absolute; height:3px; width:50px; left:0; top:0; background:#222; border-radius:3px; }


#mob-nav-trigger { display:none; position:absolute; left:14px; top:16px; width:36px; height:30px; cursor:pointer; }
#mob-nav-trigger span,
#mob-nav-trigger span:before,
#mob-nav-trigger span:after { background:#78d28c; width:24px; height:3px; position:absolute; left:6px; top:8px; }
#mob-nav-trigger span:before { content:' '; top:6px; left:0; }
#mob-nav-trigger span:after { content:' '; top:12px; left:0; }

/* === > 600px === */
@media screen and (min-width:601px) {
    #nav-regions-sub .ncol ul .open a { background:#34a5b8; color:white; }
    #nav-regions-sub .ncol ul .open a:hover { background:#2d9eaf; color:white; }
}

/* === < 900px === */
@media screen and (max-width:820px) {
    #nav-regions-sub .nav-sub-inner { margin-left:15px; }
    #nav-regions-sub .nav-sub-inner:before { left:211px; }

    #nav-categories-sub .ncol { min-width:110px; padding:10px 15px 10px 0; }
    #nav-categories-sub .ncol strong { padding:5px 0; font-size:12px; }
    #nav-categories-sub .ncol ul li a { padding:4px 0; }
}

/* === < 600px === */
@media screen and (max-width:600px) {

    #header-w { padding-left:64px; }
    #mob-nav-trigger { display:block; }
    #header-w div.logo { margin:10px 0 8px; }
    #header-w .logo img { height:32px !important; width:auto !important; }

    #header-w { border-bottom:1px solid #d9d9d9; }
    #nav { display:none; }
    #nav.opened { display:block; }

    #nav { border:0; float:none; }
    #nav .nav-inner { margin:0 auto; max-width:980px; min-height:40px; position:relative; box-shadow:0 2px 3px rgba(0,0,0,0.1) inset; }
    #nav .nav-block { display:block; float:none; }
    #nav .nav-link { display:block; margin:0 0 1px; padding:20px 20px 6px; position:relative; color:#404040; background:none; font-size:16px; font-weight:bold; }
    #nav .nav-link:hover { text-decoration:none; color:#404040; background:none; cursor:default; }
    #nav .nav-link:after,
    #nav .nav-link:before { display:none; }

    #nav .nav-sub { position:relative; top:0; left:0; width:100%; display:block !important; border-top:1px solid #e5e5e5; }
    #nav .nav-sub-inner { margin:0; padding:0; background:#fff; border:0; border-radius:0; display:block; box-shadow:none; position:relative; float:none; }
    #nav .nav-sub-inner:before { display:none; }

    #nav .ncol { float:none; padding:0; }
    #nav .ncol .n-link { display:block; margin:0; padding:12px 20px; color:#404040; font-size:14px; line-height:1.1; font-weight:normal; border-bottom:1px solid #e0e0e0; position:relative; }
    #nav .ncol .n-link:after { content:''; position:absolute; right:15px; top:50%; margin:-6px 0 0; width:13px; height:13px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNDM4MzVDNDEzMjA2ODExODIyQUVGRkIwQ0Y0NjlFMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2MDQ1NTRGQUM3QTMxMUUzQjY5Mzk5RkUxNUVGNzhDMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MDQ1NTRGOUM3QTMxMUUzQjY5Mzk5RkUxNUVGNzhDMyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Mzg3N0VBMDE0OTIwNjgxMTgyMkE5QTUwMTEwM0EzQjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTQzODM1QzQxMzIwNjgxMTgyMkFFRkZCMENGNDY5RTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6jYSlPAAAAuElEQVR42mL8//8/Aww4OjraAKkwIC7ev3//bwYcgAmNHwDEVkBcBzSAkVhNNUB8BYg9gTgblyZGZOdBnSgIpOYBsSwQdwCduYagJqhGFSA1B4i5QDYCNZ4mqAmq0RRITQLin0CcAtR4B5ef4ABq+jog5gHianwBgW5TEBB/AeJWYvykDKTmEu0nkkMPqIEDSM0AYh0gXgDUMIWYyG2BatgOxFNx+ZcFjb8BiNmAuAloy39cmgACDADgW0pB9P+XXwAAAABJRU5ErkJggg==) no-repeat 0 0;
        -webkit-transition:0.2s all;
        -moz-transition:0.2s all;
        transition:0.2s all;
    }
    #nav .ncol .n-link:hover { color:#222; background-color:#eee; cursor:pointer; }
    #nav .ncol .cat-img { display:none; padding:0; }

    #nav .ncol .n-links { position:relative; overflow:hidden; }
    #nav .ncol ul { padding:0; display:none; }

    #nav-regions-sub .ncol strong { display:none; }
    #nav-regions-sub .with-cities { border:0; box-shadow:none; }

    #nav .open .n-link:after { -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg); }
    #nav .open ul { display:block; }

    #nav .ncol ul.shown { display:block; }
    #nav .ncol ul li { margin:0; padding:0; }
    #nav .ncol ul li a { display:block; margin:0; padding:10px 20px 10px 35px; color:#404040; background:#f5f5f5; font-size:14px; line-height:1.1; font-weight:normal; border-bottom:1px solid #dadada; }
    #nav .ncol ul li a:hover { background-color:#e0e0e0; }

    #nav .ncol ul li ul,
    #nav .ncol ul li ul li { margin:0; padding:0; background:none; }
    #nav .ncol ul li ul { border-top:1px solid #d0d0d0; margin-top:-1px; display:none; }
    #nav .ncol ul li.open ul { display:block; }
    #nav .ncol ul li ul li a { padding:10px 20px 10px 55px; background:#e8e8e8; border-bottom:1px solid #d7d7d7; font-size:12px; }
    #nav .ncol ul li ul li a:hover { color:#000; background:#d9d9d9; }

    #nav .ncol-cities { display:none !important; }

    #nav-other { display:block; margin-top:-1px; box-shadow:0 3px 3px rgba(0,0,0,0.2); }
    #nav-other .ncol { padding:15px 0 0; background:#efefef; box-shadow:0 2px 3px rgba(0,0,0,0.1) inset; }
    #nav-other .ncol ul { display:block; padding:0; }
    #nav-other .ncol ul li { display:block; margin:0; padding:0; }
    #nav-other .ncol ul li > a,
    #nav-other .ncol ul li > span { display:block; margin:0; padding:12px 15px; color:#707070; font-size:14px; line-height:1.1; font-weight:normal; border:0; border-bottom:1px solid #ddd; background:none; }
    #nav-other .ncol ul li > a:hover { text-decoration:none; background:#e0e0e0; color:#444; }
    #nav-other .ncol ul li .list-offer,
    #nav-other .ncol ul li .list-offer:hover { color:#0b90a2; font-weight:bold; }
    #nav-other .ncol ul li .login-trigger { border:0; }

}

@media screen and (max-width:400px)  {
    #header-w .languages { display:none; }
    #nav-other .ncol ul.languages { display:block; }
}