@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap&subset=latin-ext');
* {font-family: 'Lato', sans-serif;}
@font-face{font-family:material icons;font-style:normal;font-weight:400;src:url(../fonts/MaterialIcons-Regular.eot);src:local('Material Icons'),local('MaterialIcons-Regular'),url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),url(../fonts/MaterialIcons-Regular.woff) format('woff'),url(../fonts/MaterialIcons-Regular.ttf) format('truetype')}.material-icons{font-family:material icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'}@font-face{font-family:framework7 icons;font-style:normal;font-weight:400;src:url(../fonts/Framework7Icons-Regular.eot);src:url(../fonts/Framework7Icons-Regular.woff2) format("woff2"),url(../fonts/Framework7Icons-Regular.woff) format("woff"),url(../fonts/Framework7Icons-Regular.ttf) format("truetype")}.f7-icons{font-family:framework7 icons;font-weight:400;font-style:normal;font-size:28px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga";-moz-font-feature-settings:"liga=1";-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center}.demo-list-icon,.icon-f7{background:#ccc;display:block;position:relative}.theme-dark .demo-list-icon{background-color:#555}.icon-f7{background:url(../img/f7-icon.png) no-repeat center;background-size:cover}.icon-vi{background:url(../img/vi-icon.png) no-repeat center;background-size:cover}.ios .demo-list-icon,.ios .icon-f7,.ios .icon-vi{width:28px;height:28px;border-radius:6px;box-sizing:border-box}.md .demo-list-icon,.md .icon-f7,.md .icon-vi{width:24px;height:24px;border-radius:4px}.aurora .demo-list-icon,.aurora .icon-f7,.aurora .icon-vi{width:18px;height:18px;border-radius:4px}img.demo-lazy{display:block;width:100%;height:auto}div.demo-lazy{background:#aaa;-webkit-background-size:cover;background-size:cover;height:300px;height:60vw}.demo-fab-sheet{position:absolute;left:16px;bottom:80px;width:140px;background:#fff;box-shadow:0 3px 30px rgba(0,0,0,.4);border-radius:5px;z-index:1600;margin:0!important}.ios .demo-fab-sheet{bottom:15px}.md .demo-fab-sheet{bottom:16px}.demo-fab-fullscreen-sheet{position:absolute;left:10px;right:10px;top:64px;bottom:0;background:#fff;z-index:1600;border-radius:5px 5px 0 0;box-shadow:0 3px 30px rgba(0,0,0,.4);overflow:hidden}@media(min-width:768px){.demo-fab-fullscreen-sheet{left:20%;width:60%;right:auto;height:80%;top:auto}}.demo-fab-fullscreen-sheet .page{background:#fff}.ios .messagebar:not(.messagebar-with-value):not(.messagebar-attachments-visible) a.demo-send-message-link{pointer-events:none;color:#8e8e8e}.md .messagebar:not(.messagebar-with-value):not(.messagebar-attachments-visible) a.demo-send-message-link{pointer-events:none;opacity:.5}.grid-demo div[class*=col]{background:#fff;text-align:center;color:#000;border:1px solid #ddd;padding:5px;margin-bottom:15px;font-size:12px}.theme-dark .grid-demo div[class*=col]{background-color:#000;color:#fff;border-color:#444}.demo-card-header-pic .card-header{height:40vw;background-size:cover;background-position:center;color:#fff}.demo-card-header-pic .card-content-padding .date{color:#8e8e93}.demo-facebook-card .card-header{display:block;padding:10px}.demo-facebook-card .demo-facebook-avatar{float:left}.demo-facebook-card .demo-facebook-name{margin-left:44px;font-size:14px;font-weight:500}.demo-facebook-card .demo-facebook-date{margin-left:44px;font-size:13px;color:#8e8e93}.demo-facebook-card .card-footer{background:#fafafa}.theme-dark .demo-facebook-card .card-footer{background-color:transparent}.demo-facebook-card .card-footer a{color:#81848b;font-weight:500}.demo-facebook-card .card-content img{display:block}.demo-facebook-card .card-content-padding{padding:15px 10px}.demo-facebook-card .card-content-padding .likes{color:#8e8e93}.panel{min-width:150px;max-width:90%}.ios .panel-right.panel-active~.view-main:after,.ios .panel-right.panel-closing~.view-main:after,.aurora .panel-right.panel-active~.view-main:after,.aurora .panel-right.panel-closing~.view-main:after{content:'';height:100%;width:1px;position:absolute;right:0;top:0;background:#ddd;z-index:1000}.ios .theme-dark .panel-right.panel-active~.view-main:after,.ios .theme-dark .panel-right.panel-closing~.view-main:after,.aurora .theme-dark .panel-right.panel-active~.view-main:after,.aurora .theme-dark .panel-right.panel-closing~.view-main:after{background:#282828}.ios .panel-left:after{content:'';height:100%;width:1px;position:absolute;right:0;top:0;background:#ddd;z-index:1000}.ios .theme-dark .panel-left:after{background:#282828}.demo-swiper{width:100%;height:100%}.demo-swiper .swiper-slide,.demo-swiper-multiple .swiper-slide{font-size:25px;font-weight:300;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#fff;color:#000}.demo-swiper-multiple .swiper-slide{box-sizing:border-box;border:1px solid #ccc;background:#fff}.demo-swiper-multiple{margin:0 0 35px;font-size:18px;height:120px}.demo-swiper-multiple.demo-swiper-multiple-auto .swiper-slide{width:85%}.demo-swiper-multiple.demo-swiper-multiple-auto .swiper-slide:nth-child(2n){width:70%}.demo-swiper-multiple.demo-swiper-multiple-auto .swiper-slide:nth-child(3n){width:30%}.demo-swiper-custom{height:100%}.demo-swiper-custom .swiper-container{background:#000;height:100%}.demo-swiper-custom .swiper-slide{background-size:cover;background-position:center}.demo-swiper-custom .swiper-pagination .swiper-pagination-bullet{cursor:pointer;width:10px;height:10px;background:transparent;opacity:1;border-radius:0;transition:200ms;position:relative;transform:scale(.9);box-sizing:border-box;border:1px solid rgba(255,255,255,.8)}.demo-swiper-custom .swiper-pagination .swiper-pagination-bullet-active{z-index:1;border:1px solid #007aff;transform:scale(1.4)}.demo-swiper-cube{width:80%;height:70%;top:15%}.demo-swiper-coverflow{height:60%;top:20%}.demo-swiper-coverflow .swiper-slide{width:65%}.demo-swiper-cube .swiper-slide,.demo-swiper-coverflow .swiper-slide{background-size:cover;color:#fff;-webkit-backface-visibility:hidden}.demo-swiper-fade .swiper-slide{background-size:cover;background-position:center}.demo-swiper-gallery-top{height:70%}.demo-swiper-gallery-thumbs{margin-top:10px;height:20%;height:-webkit-calc(30% - 20px);height:-moz-calc(30% - 20px);height:-ms-calc(30% - 20px);height:calc(30% - 20px)}.demo-swiper-gallery-thumbs .swiper-slide-pic{height:100%;position:absolute;left:0;top:0;width:100%;height:100%;opacity:.35;transition:300ms}.demo-swiper-gallery-thumbs .swiper-slide-thumb-active .swiper-slide-pic{opacity:1}.demo-swiper-gallery-top .swiper-slide,.demo-swiper-gallery-thumbs .swiper-slide-pic{background-size:cover;background-position:center}.demo-swiper-parallax{height:100%}.demo-swiper-parallax .swiper-parallax-bg{position:absolute;left:0;top:0;width:130%;height:100%;-webkit-background-size:cover;background-size:cover;background-position:center}.demo-swiper-parallax .swiper-slide{-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 60px;color:#fff}.demo-swiper-parallax .swiper-slide-title{font-size:41px;font-weight:300}.demo-swiper-parallax .swiper-slide-subtitle{font-size:21px}.demo-swiper-parallax .swiper-slide-text{font-size:14px;max-width:400px;line-height:1.3}.demo-swiper-lazy{height:100%}.demo-swiper-lazy .swiper-slide{position:relative}.demo-swiper-lazy .swiper-slide img{width:auto;height:auto;max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}code{background:#f3f3f3;padding:5px;font-size:12px}.theme-dark code{background:#000}.demo-icon{text-align:center;margin-top:15px;margin-bottom:15px;color:#333}.theme-dark .demo-icon{color:#fff}.demo-icon .demo-icon-name{margin-top:5px;font-size:11px;color:#666;text-overflow:ellipsis;overflow:hidden}.theme-dark .demo-icon .demo-icon-name{color:#aaa}.elevation-demo{height:100px;margin:30px 10px;background:#fff;font-size:18px;text-align:center;line-height:100px}.theme-dark .elevation-demo{background:0 0}.demo-theme-picker{cursor:pointer;padding:30px;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.2);box-sizing:border-box;position:relative}.demo-theme-picker .checkbox{position:absolute;left:10px;bottom:10px}.demo-color-picker-button{margin-bottom:1em;text-transform:capitalize}.demo-bars-picker{height:200px;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,.1);cursor:pointer;position:relative;overflow:hidden;background:var(--f7-page-bg-color);border:1px solid rgba(255,255,255,.2)}.demo-bars-picker .checkbox{position:absolute;left:10px;bottom:10px}.demo-bars-picker .demo-navbar{position:absolute;left:0;width:100%;height:30px;top:0;border-bottom:1px solid transparent}.demo-bars-picker .demo-navbar:before{content:'';position:absolute;left:10px;width:20px;height:10px;top:50%;margin-top:-5px}.demo-bars-picker .demo-navbar:after{content:'';position:absolute;right:10px;width:20px;height:10px;top:50%;margin-top:-5px}.demo-bars-picker-empty .demo-navbar{background:#f7f7f8;border-color:rgba(0,0,0,.1)}.theme-dark .demo-bars-picker-empty .demo-navbar{background:#1b1b1b;border-color:#282829}.demo-bars-picker-empty .demo-navbar:before,.demo-bars-picker-empty .demo-navbar:after{background:var(--f7-theme-color)}.demo-bars-picker-fill .demo-navbar{background:var(--f7-theme-color)}.demo-bars-picker-fill .demo-navbar:before,.demo-bars-picker-fill .demo-navbar:after{background:#fff}@media(min-width:768px){.demo-expandable-cards{display:flex;flex-wrap:wrap}.demo-expandable-cards .card{flex-shrink:10;min-width:0}}@media(min-width:768px) and (max-width:1023px){.demo-expandable-cards .card{width:calc((100% - var(--f7-card-expandable-margin-horizontal) * 3)/2)}.demo-expandable-cards .card:nth-child(2),.demo-expandable-cards .card:nth-child(4){margin-left:0}.demo-expandable-cards .card:nth-child(n+3){margin-top:0}}@media(min-width:1024px){.demo-expandable-cards .card{width:calc((100% - var(--f7-card-expandable-margin-horizontal) * 5)/4)}.demo-expandable-cards .card:nth-child(n+2){margin-left:0}}.view-master-detail .navbar-master-detail .link.back,.view-master-detail .page-master-detail .navbar .link.back{display:none}

.card-expandable {height: 200px;}
*:focus {outline:none !important}
.og-card-gradient {height: 100%;text-transform:uppercase;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.0) 100%);}
.og-bg-dark {background: url(/images/ust_menu_photo.jpg) #01031C;  background-size: cover;}
.og-bg-left-menu {background: url(/images/left_menu_photo.jpg) bottom #01031C;  background-size: cover;}

.tab-link-active {background: #302d2d !important; color: #fff !important;}
.home-3-button {position:absolute; bottom:0; width:100%;}
.card-header, .card {border-radius: var(--f7-card-expandable-border-radius); }

.og-map-btn {position: absolute !important;right: 15px !important;top: 150px !important; border-radius: 50% !important;height: 44px !important;line-height: 44px !important;}
.list ul {background:none;}
.og-color-grey {color:#999;}

.kampanya {
    display: block;
    font-size: 17px;
    height: 26px;
    font-weight: 900;
    float: right;
    position: absolute;
    right: 0;
    bottom: 10px;
    border-radius: 20px 0 0 20px;
    padding: 0 30px 0 7px;
    width: 75px;
    }

.acik {color: #8BC34A;position: relative;top: 5px;left: 5px;}

.saat {
    background: rgba(0,0,0,.3);
    border-radius: 0 21px 21px 0;
    display: inline-block;
    padding: 0 9px 0 20px;
    margin-bottom: 3px;
    margin-right: 5px;
    margin-left: -20px;
    }
	
	
.left-menu-link-stil {text-transform: uppercase; font-weight: 700;}
.top-banner-stil {background: url(/images/ust_menu_photo.jpg) #01031C; background-size: cover;}


.weather-card {margin: 18px;}
.weather-card .card-header {height: 50vw;}
.weather-card #weather-city{position: absolute;top: 10px;font-size: 36px;}
.weather-card #weather-city span{display:block;font-size: 16px;margin-top: -13px;text-transform: uppercase;}
.weather-card #weather-city small{display:block;font-size: 12px;margin-top: -5px;}
.weather-card #weather{position: absolute;right: 10px;bottom: 0;}
.weather-card #weather img{float: left;height: 64px;position: relative; top: 0px;}
.weather-card #weather h4{float: right;font-size: 36px;margin: 0;}

.home-button a {height: 96px;padding: 20px 0;font-size: 16px;border-radius: 10px;}

.best-of-today {margin: 18px;}
.best-of-today .card-header {height: 50vw;overflow: hidden;}
.best-of-today h4{position: absolute;left:0;top: 0;font-size: 22px;background: #000;margin: 0;width: 100%;text-align: center;padding: 10px 0;}


.profile-banner{width:100%; height:200px; background-size:cover; position:relative;}
.profile-banner-img {border-radius:50%;width: 110px;border: 5px solid #fff;margin: auto;display: block;position: relative;top: 28px;}
.profile-banner-title {font-size:24px;color:#fff;text-shadow: 2px 2px 4px #000;text-align: center;margin-top: 28px;}


#photo-input {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
#photo-input + label {color: #fff;background: #272361;width: 64px;height: 64px;text-align: center;font-size: 14px;cursor: pointer;display: block;padding: 0;border-radius: 50%;margin: auto;margin-bottom: 40px;}
#photo-input + label i {position: relative; top: 19px; left: 20px}
span.photo-input-name{
    color: #272361;
    position: relative;
    top: 42px;
    width: 150px;
    display: block;
    margin-left: -42px;
}

a.acount-edit-btn {position: absolute;bottom: 10px;right: 10px;border: 2px solid #fff;border-radius: 50%;padding: 4px;background: rgba(255,255,255,.3);}}


.discover-button a {height: 140px;padding: 20px 0px;border-radius: 10px;}
.discover-button a img{height: 36px; display: block; margin: 0 auto;}
.discover-button a span{position: relative;top: -8px;font-weight: 800;font-size: 17px;margin: 10px 0;display: block;}
.discover-button a small{display:block;line-height: 0;position: relative;top: -10px;font-weight: 800;font-size: 17px;}


span.menu-icons{width: 46px; display: inline-block; text-align: center;}
img.menu-icons{ margin-right: 10px; position: relative; top: 5px; height: 24px;}

span.home-icons-text{
    position: relative;
    top: -8px;
    font-weight: 700;
    font-size: 22px;
    font-size: 14px;
}
img.home-icons{height: 32px;display: block;margin: auto;}

#place-tools {    margin-bottom: 75px;}
#place-tools li{list-style:none;float:left;width: 19%;border-right: 1px solid #ccc;text-align:center;}
#place-tools li:last-child{border-right:0;}
#place-tools li img{height: 24px;}
#place-tools li span{display:block;font-size: 10px;font-weight: 700;color: #2c2866;}


#program-tools {    margin-bottom: 75px;}
#program-tools li{list-style:none;float:left;width: 24%;border-right: 1px solid #ccc;text-align:center;}
#program-tools li:last-child{border-right:0;}
#program-tools li img{height: 24px;}
#program-tools li span{display:block;font-size: 10px;font-weight: 700;color: #2c2866;}

.exc-login {width: 100%;text-align: center;}
.exc-login img{height: 70px;position: relative;top: 10px;}
.exc-login h5{font-weight: 600;font-size: 16px;margin: 10px 0;}

div.lazy {
  background: #aaa;
  background-size: cover;
}



img.timetocityLogo {width:80%; margin:10%;}
#profile-form {width: 70%; margin: auto;}
#login-form {width: 70%; margin: auto;}
#login-form label{}
#login-form label img.inputIcon{
    position: absolute;
    margin: 9px 14px;
}

.login-input::placeholder{color:#1a1464;}
.login-input {
    border: 2px solid #1a1464!important;
    border-radius: 30px !important;
    padding: 12px 20px 12px 40px !important;
    margin-bottom: 10px !important;
    width: 100%;
    margin: 10px auto !important;
}
.login-button {
    background: transparent !important;
    width: 64px;
    height: 64px;
    margin: auto;
    border-radius: 50%;
}
.login-links {
    text-align: center;
    font-size: 10px;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
.login-links a{
    color: #1a1464;
}