@font-face{font-family:'alien_league_ii_boldbold';src:url('../font/alienleagueiibold-webfont.eot');src:url('../font/alienleagueiibold-webfont.eot?#iefix') format('embedded-opentype'),url('../font/alienleagueiibold-webfont.woff2') format('woff2'),url('../font/alienleagueiibold-webfont.woff') format('woff'),url('../font/alienleagueiibold-webfont.ttf') format('truetype'),url('../font/alienleagueiibold-webfont.svg#alien_league_ii_boldbold') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'icomoon';src:url('../font/icomoon.eot?58yarj');src:url('../font/icomoon.eot?58yarj#iefix') format('embedded-opentype'),url('../font/icomoon.ttf?58yarj') format('truetype'),url('../font/icomoon.woff?58yarj') format('woff'),url('../font/icomoon.svg?58yarj#icomoon') format('svg');font-weight:normal;font-style:normal;}
[class^="icon-"],[class*=" icon-"]{font-family:'icomoon'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-twitter:before{content:"\e900";}
.icon-facebook:before{content:"\e901";}
body,html{margin:0px;padding:0px;font-family:'Roboto',Arial,Helvetica,sans-serif;font-weight:300;font-style:normal;font-stretch:condensed;color:black;background-color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
div,ul,input,button,textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
b,strong,.bold{font-weight:400;}
h1{font-size:40px;color:#ed1c24;}
a,a:hover,a:visited{color:black;}
#map{position:fixed!important;height:500px;width:100%;margin:0px;padding:0px;top:0px;}
#canvas{position:fixed!important;height:500px;width:100%;margin:0px;padding:0px;top:0px;display:none;background-color:white;}
.recordBox,#userPanel{width:252px;font-size:14px;background-color:#F2F2F2;position:fixed;top:0px;right:140px;display:none;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);padding:20px 0px 0px 10px;z-index:1000;}
#recordBox1{margin-right:-10px;}
#recordBox2{margin-right:-20px;}
#userPanel{margin-right:-30px;}
#mask{background-image:url(../img/mask.png);width:100%;background-repeat:repeat-x;position:fixed;left:0px;top:0px;background-size:100% 100%;pointer-events:none;}
#overlay_info{position:fixed;left:20px;top:336px;pointer-events:none;}
#overlay_help{position:fixed;left:20px;bottom:20px;}
#logo{position:fixed;top:20px;left:36px;z-index:100;}
.mapFocusMarker{background-image:url(../img/icon_map_focus.png);background-repeat:no-repeat;margin:-14px 0px 0px -14px;font-size:18px;color:white;padding:0px 0px 0px 34px;position:absolute;width:300px;height:40px;}
.mapMarker{position:absolute;}
.mapMarker .dot{position:absolute;width:8px;height:8px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin-left:-4px;margin-top:-4px;cursor:pointer;border:1px solid rgba(0,0,0,0.2);}
.mapMarker .dotAnim{position:absolute;width:16px;height:16px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;pointer-events:none;margin-left:-8px;margin-top:-8px;opacity:0;transition-property:transform;transition-duration:0.5s;transition:all 1s ease;}
.mapMarker.selected .dotAnim{opacity:0.3;transition:all 1s ease;animation-name:throb;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease-in;}
@keyframes throb{0%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);} 20%{transform:scale(2,2);-webkit-transform:scale(3,3);-moz-transform:scale(2,2);-o-transform:scale(2,2);-ms-transform:scale(2,2);} 100%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);}}
#userMenuLogin{display:none;}
.userMenuButton:hover{text-decoration:underline;}
.userMenuButton{cursor:pointer;font-size:12px;line-height:28px;display:inline-block;margin-left:10px;margin-right:10px;text-decoration:none;}
#userMenuName{display:inline-block;line-height:28px;font-size:14px;}
#userMenuThumb{width:28px;height:28px;display:none;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;overflow:hidden;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;vertical-align:top;background-color:white;margin-right:10px;}
.panelRight button,.panelRight input[type=text],.panelRight input[type=email],.panelRight input[type=password],.panelRight input[type=date],.panelRight select,.panelCenter input[type=text],.panelCenter input[type=email],.panelCenter input[type=password],.panelCenter input[type=date],.panelCenter select,.newRecordCoord{border:1px solid #e6e6e6;margin-bottom:8px;width:100%;margin-bottom:6px;background-color:white;min-height:32px;padding:8px;}
.panelRight button,.panelRight input[type=button],.panelRight input[type=submit],.panelCenter input[type=button],.panelCenter input[type=submit]{border:1px solid #e6e6e6;background-color:white;color:black;float:right;min-height:32px;padding-top:2px;cursor:pointer;}
.panelRight textarea,.panelCenter textarea{font-family:'Roboto',Arial,Helvetica,sans-serif;font-weight:300;width:100%;height:150px;border:1px solid #e6e6e6;margin-top:6px;background-color:white;padding:8px;}
#registerBox hr{border:none;border-bottom:1px solid #EFEFEF;}
.twitterLogin{background-image:url(../img/icon_twitter.png);background-repeat:no-repeat;background-size:13%;padding:4px 10px 4px 30px;background-position:4px 4px;}
.newRecordCoord{overflow:hidden;}
#modalMessage{width:304px;height:370px;border:1px solid black;background-color:white;margin-left:auto;margin-right:auto;left:0px;right:0px;margin-top:150px;color:#555555;text-align:center;font-size:18px;z-index:1000;position:fixed;display:none;}
#modalMessage{height:200px;padding:40px 10px 10px 10px;}
.modalTitle{font-size:24px;}
#modalMessageText{font-size:16px;color:black;margin-top:10px;}
#lightbox,#lightboxPopup{position:fixed;width:100%;height:100%;display:none;z-index:999999999;top:0;}
.lightboxBg{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.75);}
#buttonAddNew{cursor:pointer;font-size:12px;position:absolute;margin-top:10px;padding-left:64px;top:74px;}
#buttonAddNew:hover{text-decoration:underline;}
#buttonAddNew:before{content:'';width:48px;height:48px;background-image:url(../img/spritesheet.png);background-repeat:no-repeat;background-position:-4px -547px;display:inline-block;position:absolute;left:1px;margin-top:-19px;}
.newRecordStep{color:black;font-size:14px;width:20px;height:20px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;display:inline-block;margin-right:2px;cursor:pointer;text-align:center;line-height:20px;padding-top:0px;}
.newRecordStep:hover,.newRecordStep.selected{background-color:black;color:white;}
.newRecordStep.disabled{cursor:default;color:#E2E2E2;pointer-events:none;}
.formTitle{margin-top:10px;margin-bottom:10px;padding-left:30px;margin-left:-30px;}
.formTitle .info{font-size:12px;padding-top:10px;}
.panelInside{}
#newRecordBox{width:252px;font-size:14px;background-color:#F2F2F2;position:fixed;top:0px;right:140px;display:none;padding:20px 0px 0px 10px;z-index:1000;}
#newRecordBox .panelInside{padding-right:20px;padding-top:25px;}
.mCSB_inside>.mCSB_container{margin-right:0px!important;}
.dropzone{background-color:#white;border:none;height:230px;background-position:50% 50%;background-repeat:no-repeat;margin-top:10px;margin-bottom:10px;text-align:center;}
.modalImageUploadForm.dropzone{background-image:url(../img/icon_image.png);background-color:white;}
.modalAudioUploadForm.dropzone{background-image:url(../img/icon_music.png);background-color:white;}
.panelCenter input[name=next],.panelCenter input[name=finish]{float:right;}
.hintContainer{position:absolute;z-index:100000;background-color:rgba(5,179,197,0.9);color:white;font-size:14px;padding:8px;width:200px;display:none;}
.hintItem{color:white;display:inline-block;text-decoration:underline;cursor:pointer;}
#newRecordBox button[name=next][disabled],#newRecordBox button[name=finish][disabled]{background-color:#E6E6E6;}
.inputEmpty{border-bottom:1px solid red!important;}
.recordBox .tags{}
.recordBox .imgContainer{margin-top:20px;}
.recordBox .imgContainer img{width:100%;}
.recordBox audio{width:100%;}
audio::-internal-media-controls-download-button{display:none;}
audio::-webkit-media-controls-enclosure{overflow:hidden;}
audio::-webkit-media-controls-panel{width:calc(100%+33px);}
.recordBox .title{margin-bottom:15px;font-weight:400;}
.recordBox .desc{margin-top:15px;}
.recordBox .tags{}
.recordBox .owner{}
.recordBox .category{}
.recordBox .category span{}
audio{width:100%;}
audio::-webkit-media-controls-panel{background-color:#D6DF23;}
audio::-webkit-media-controls-mute-button{}
audio::-webkit-media-controls-play-button{}
audio::-webkit-media-controls-timeline-container{}
audio::-webkit-media-controls-current-time-display{}
audio::-webkit-media-controls-time-remaining-display{}
audio::-webkit-media-controls-timeline{}
audio::-webkit-media-controls-volume-slider-container{}
audio::-webkit-media-controls-volume-slider{}
audio::-webkit-media-controls-seek-back-button{}
audio::-webkit-media-controls-seek-forward-button{}
audio::-webkit-media-controls-fullscreen-button{}
audio::-webkit-media-controls-rewind-button{}
audio::-webkit-media-controls-return-to-realtime-button{}
audio::-webkit-media-controls-toggle-closed-captions-button{}
#sharePanel{position:fixed;right:12px;bottom:20px;text-align:right;font-size:12px;color:black;z-index:1000;}
#sharePanel .title{display:none;}
#catList{position:fixed;right:12px;width:190px;color:black;text-align:right;font-size:12px;pointer-events:none;}
.catButton{cursor:pointer;opacity:0.1;filter:alpha(opacity=10);margin-bottom:1px;display:inline-block;white-space:nowrap;height:33px;pointer-events:auto;}
.catButton:hover{padding-right:4px;}
.catButton.selected{opacity:1;filter:alpha(opacity=100);}
.catListLabel{margin-bottom:12px!important;display:none;}
.recordBox .panelInside{margin-left:0px;width:242px;padding-right:10px;}
#newRecordBox .buttonClose{right:auto;margin-top:20px;}
.gray{color:#808080;}
.sprite{background-image:url(../img/spritesheet.png);background-repeat:none;display:inline-block;}
.sprite_close{width:21px;height:21px;background-position:-1px -456px;cursor:pointer;}
.sprite_twitter{width:21px;height:21px;background-position:-1px -482px;cursor:pointer;}
.sprite_facebook{width:21px;height:21px;background-position:-1px -509px;cursor:pointer;}
.sprite_cat{width:32px;height:30px;background-position:0px 0px;vertical-align:middle;}
.sprite_cat1{background-position:0px -229px;}
.sprite_cat2{background-position:0px -164px;}
.sprite_cat3{background-position:0px -34px;}
.sprite_cat4{background-position:0px 0px;}
.sprite_cat5{background-position:0px -262px;}
.sprite_cat6{background-position:0px -65px;}
.sprite_cat7{background-position:0px -197px;}
.sprite_cat8{background-position:0px -101px;}
.sprite_cat9{background-position:0px -135px;}
.sprite_cat10{background-position:0px -296px;}
.panelRight .buttonClose{margin-top:-4px;z-index:1000002;position:absolute;margin-left:210px;}
.panelCenter .buttonClose{margin-top:-4px;z-index:10000;float:right;z-index:1000000;position:absolute;right:10px;}
.panelRight{}
.panelRight .sharePanel{margin-top:10px;}
.panelRight .button_twitter{margin-left:4px;vertical-align:middle;}
.panelRight .button_facebook{margin-left:4px;vertical-align:middle;}
.panelCenter{position:fixed;font-size:14px;background-color:rgba(255,255,255,0.8);position:fixed;top:0px;display:none;right:0px;left:0px;margin-right:auto;margin-left:auto;padding:80px 14px 0px 14px;z-index:10;}
.panelNarrow{width:262px;}
.panelWide{width:495px;}
.panelCenter form{}
.formMenuButton{display:inline-block;cursor:pointer;}
.formMenuButton:hover{text-decoration:underline;}
.formMenuButton.selected{font-weight:400;}
.formMenu{text-align:left;margin-bottom:6px;}
#loading{position:fixed;top:0px;width:100%;height:4px;background-image:url(../img/loading.gif);}
#userMenuNotLogin{display:inline-block;}
.panelInside .title{font-size:18px;margin:20px 0px 8px 0px;}
.panelInside .row{margin-bottom:8px;}
.panelInside .leftCol{}
.panelInside .rightCol{}
#viewMenu{position:fixed;top:50%;height:0px;left:36px;margin-top:-55px;}
.viewButton{background-repeat:no-repeat;display:block;padding-left:64px;font-size:12px;height:55px;line-height:54px;cursor:pointer;margin-bottom:10px;opacity:0.2;filter:alpha(opacity=20);}
.viewButton:hover{opacity:1;filter:alpha(opacity=100);}
.viewButton.selected{opacity:1;filter:alpha(opacity=100);}
.viewButtonThematic{background-position:0px -334px;}
.viewButtonSpatial{background-position:0px -397px;}
#zoomTool{position:fixed;bottom:20px;left:36px;z-index:10000000;font-size:12px;}
.zoomButton{width:21px;height:21px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;text-align:center;font-size:17px;border:1px solid black;cursor:pointer;margin-top:4px;}
.formHint{font-size:11px;color:#C7C7C7;margin-bottom:8px;font-style:italic;}
.logoButton{cursor:pointer;display:none;}
#timeline{width:300px;display:inline-block;}
#timelineContainer{position:fixed;bottom:-8px;text-align:center;width:100%;}
#timelineContainer.ui-slider{border-radius:20px;background:#434d5a;border:none;height:10px;margin:1em 4em 4em;}
#timelineContainer .ui-slider-handle{border-radius:21px;height:24px;width:24px;top:-4px;margin-left:-11px;border:none;background:transparent!important;cursor:pointer;}
#timelineContainer .ui-slider-handle:before{border-radius:21px;width:9px;height:9px;border:1px solid black;position:absolute;content:'';margin-left:5px;margin-top:5px;background-color:white;}
.ui-slider-range{background-color:transparent!important;}
.ui-slider-range:before{content:'';width:100%;height:1px;position:absolute;margin-top:5px;border-bottom:1px solid black;}
.ui-widget-header{background:none;}
#timeline:before{content:'';height:6px;width:100%;border:1px solid black;position:absolute;left:0px;border-top:none;border-bottom:1px solid rgba(0,0,0,0.2);}
#timeline:after{content:'';height:6px;width:100%;border:1px solid black;position:absolute;left:0px;border-bottom:none;top:7px;border-top:none;}
#timeline{background-color:none;border:none;}
#timelineContainer .ui-slider-pip{top:3px;}
#timelineContainer .ui-slider-pip .ui-slider-line{width:4px;height:4px;border-radius:4px;margin-left:-2px;background:#fffaf7;}
#timelineContainer .ui-slider-pip.ui-slider-pip-last,#timelineContainer .ui-slider-pip.ui-slider-pip-first{top:-7px;}
#timelineContainer .ui-slider-pip.ui-slider-pip-last .ui-slider-line,#timelineContainer .ui-slider-pip.ui-slider-pip-first .ui-slider-line{display:none;}
#timelineContainer .ui-slider-pip.ui-slider-pip-last .ui-slider-label,#timelineContainer .ui-slider-pip.ui-slider-pip-first .ui-slider-label{margin:0;}
#timelineContainer .ui-slider-pip.ui-slider-pip-first .ui-slider-label{left:-35px;text-align:right;color:black;font-weight:300;font-size:12px;top:9px;}
#timelineContainer .ui-slider-pip.ui-slider-pip-last .ui-slider-label{left:26px;text-align:left;color:black;font-weight:300;font-size:12px;top:9px;}
#timelineContainer .ui-slider-pip.ui-slider-pip-selected-initial{font-weight:normal;}
#timelineContainer .ui-slider-pip.ui-slider-pip-selected{font-weight:400;}
#timelineContainer .ui-slider-pip.ui-slider-pip-selected,#timelineContainer .ui-slider-pip.ui-slider-pip-selected-initial{color:#434d5a;}
.ui-widget{font-family:'Roboto',Arial,Helvetica,sans-serif;font-weight:300;font-size:12px;}
.label_category{display:block;}
.playerContainer{display:none;}
.buttonResetPassword{margin-top:10px;}
.ownerLink{text-decoration:underline;cursor:pointer;}
#logo{}
#logo .type{background-image:url(../img/icon_logo.png);width:348px;line-height:69px;display:inline-block;background-repeat:no-repeat;background-position:0px 7px;vertical-align:top;font-family:'alien_league_ii_boldbold';font-size:34px;color:#404041;letter-spacing:6.2px;padding-left:64px;background-size:15%;pointer-events:none;padding-top:1px;}
#logo .city{transition:height 0.3s ease;display:inline-block;height:69px;overflow:hidden;margin-left:4px;}
#logo .city .list{width:100%;transition:margin-top 0.3s ease;}
#logo .city .list a.buttonCity{transition:opacity 0.3s ease;background-repeat:no-repeat;background-position:0px 0px;height:34px;width:100%;display:block;opacity:0.25;}
#logo .city .buttonPrev{width:132px;height:21px;background-color:rgba(255,255,255,0);position:absolute;cursor:pointer;z-index:10;pointer-events:none;text-align:center;padding-top:6px;}
#logo .city .buttonNext{width:132px;height:21px;background-color:rgba(255,255,255,0);position:absolute;bottom:3px;cursor:pointer;z-index:10;pointer-events:none;text-align:center;line-height:0px;}
#logo .city .buttonPrev:before{content:'';display:inline-block;width:5px;height:5px;border-left:1px solid black;border-top:1px solid black;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
#logo .city .buttonNext:before{content:'';display:inline-block;width:5px;height:5px;border-right:1px solid black;border-bottom:1px solid black;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
#logo.full .city .buttonNext,#logo.full .city .buttonPrev{display:none!important;}
#logo.full .city{height:152px;}
#logo.full .city .list{margin-top:17px;}
.buttonLang:first-child{margin-left:10px;}
.city .list a{font-family:'alien_league_ii_boldbold';font-size:34px;color:#404041;letter-spacing:3.8px;text-decoration:none;line-height:37px;}
.termsBox{}
.termsBox ul{font-size:12px;margin-left:-25px;}
.termsBox ul li{margin-bottom:6px;}
#catList input{display:none;}
#menu{position:fixed;right:4px;top:40px;z-index:0;}
#sharePanel .sprite_twitter{height:21px;width:21px;margin-top:10px;display:block;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;text-align:center;font-size:13px;line-height:21px;border:1px solid black;text-decoration:none;}
#sharePanel .sprite_facebook{height:21px;width:21px;margin-top:4px;display:block;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;text-align:center;font-size:13px;line-height:21px;border:1px solid black;text-decoration:none;}
#lightboxPopup .buttonClose{color:white;right:10px;position:absolute;top:10px;font-size:36px;width:30px;text-align:center;cursor:pointer;}
#lightboxPopup .content{background-image:url(../img/canakkale_bienale.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:contain;height:90%;position:absolute;z-index:999;width:90%;margin-left:auto;margin-right:auto;left:0px;right:0px;margin-top:auto;margin-bottom:auto;top:0px;bottom:0px;}
#lightboxPopup{display:none;opacity:0;}