﻿.tenant-logo{
    /*background-image: url(tenant-logo.png);
    position: relative;
    top: 5px;
    left: 5px;
    width: 40px;
    height: 40px;
    margin-right: 13px;
	background-size: 100% 100%;*/
	
	background: url(tenant-logo.png) repeat;
	width: 34px;
	height: 45px;
	background-size: 100% 100%;
	padding-left: 10px;
	position: relative;
	left: 8px;
	top: 2px;
	margin-right: 13px;
}

body, html {
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    overflow-y: hidden;
}

#myMap_map {
    padding-top: 52px;
    height: 100%;
    width: 100%;
}

.header_menu, .menu {
    position: absolute;
    width: 100%;
    height: 52px;
    z-index: 850;
    /*font-family: 'Open Sans Condensed', sans-serif;*/
    /*font-family: 'Open Sans', sans-serif;*/
    font-weight: 300;
    /*background-color: white;*/
    color: white;
    background-color: #eee;
	border-bottom: 1px solid #eee;
}

.navbar-gf .container-fluid {
    /*background-color: rgb(72, 85, 102);*/
	background-color: white;
}

#top-content-holder-space {
    height: 52px;
    position: absolute;
    width: 40%;
    background-color: red;
}


.content_holder {
    position: absolute;
    /*width: 40%;*/
    width: 725px;
    top: 52px;
    left: 60px;
    height: calc(100% - 52px);
    z-index: 800;
    font-family: 'Open Sans', sans-serif;
    background-color: rgb(96, 107, 122);
    /*background-color: white;*/
    color: white;
    overflow-y: auto;
    overflow-x: hidden;

    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}


.scroll-down-anim {
    position: fixed;
    top: 50px;
    left: 710px;
    font-size: 40px;
    color: rgb(141, 148, 158);
    z-index: 100;
    -webkit-animation: myfirst 1s infinite; /* Chrome, Safari, Opera */
    animation: myfirst 1s infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.gf-top-image {
    position: absolute;
    /*top: 52px;*/
    z-index: 100;
    width: 708px;
}

@media screen and (max-width: 840px) {
    .content_holder {
        left: 0px;
        width: 650px;
    }

    .scroll-down-anim {
        left: 575px;
    }

    .gf-top-image {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .content_holder {
        left: 0px;
        width: 100%;
    }

    .scroll-down-anim {
        left: 575px;
    }

    .gf-top-image {
        width: 100%;
    }
}


.navbar-gf {
    background-color: white;
    border-radius: 0px;
    border: 0px;
}

    .navbar-gf .navbar-nav > li > a {
        color: #b9b9b9;
        -webkit-transition: all 400ms linear;
        -moz-transition: all 400ms linear;
        -ms-transition: all 400ms linear;
        -o-transition: all 400ms linear;
        transition: all 400ms linear;
    }

        .navbar-gf .navbar-nav > li > a:hover {
            color: #ededed;
        }

        .navbar-gf .navbar-nav > li > a.active {
            /*background-color: rgb(96, 107, 122);*/
            /*background-color: rgb(254, 71, 26);*/
            /*color: white;*/
			color: #474747;
font-size: 18px;
        }



/*div>h1:before {
    content:"";
    display:block;
    height:50px;
    margin:-30px 0 0;
}*/

.loader {
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: rgb(255, 255, 255);
    z-index: 999;
}

    .loader > img {
        position: relative;
        top: 50%;
        left: 50%;
    }

nav div > a > span {
    color: rgb(255, 255, 255);
    margin-top: 0px;
    padding: 18px;
}

/*********************** Navigation *******************/
nav > div > div > ul > li > a.active {
    background-color: white;
}

.navbar-default .navbar-brand {
    cursor: pointer;
    color: rgb(185, 185, 185);
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}

    .navbar-default .navbar-brand:hover {
        color: rgb(237, 237, 237);
    }

/*********************** /Navifation ******************/

/********************* Group related*******************/
.group-item {
    background-color: rgb(96, 107, 122);
    background-color: rgb(96, 107, 122);
    position: relative;
    z-index: 999;
    padding-top: 10px;
    padding-bottom: 10px;

    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}

.group-item h1{
    margin-top: 0px;
    margin-bottom: 0px;
}

.group-info-container p{
    margin-left: 10px;
    margin-right: 10px;
}

.last-group-item {
    min-height: 100%;
}

.last-theme-item {
    min-height: 100%;
}

.last-post-item {
    min-height: 100%;
}

.group-item.active{
    background-color: #6D798A;
}

.group-item > h1 {
    color: rgb(185, 185, 185);
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
    margin-bottom: 0px;
    font-family: 'Open Sans', sans-serif;
    padding-left: 10px;
    padding-bottom: 5px;
    cursor: pointer;
    margin-top: 0px;
}

    .group-item > h1:hover {
        color: rgb(237, 237, 237);
    }

.group-item h1 > a:hover {
    color: rgb(237, 237, 237);
    text-decoration: none;
}

.group-item h1 > a {
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
    color: rgb(185, 185, 185);
    padding-left: 10px;
    font-weight: 300;
    font-family: 'Open Sans Condensed', sans-serif;
}

.group-item > .group-info-container {
    padding-bottom: 10px;
    padding-top: 10px;
}

.show-hide-map-icon {
    color: black;
    margin-top: -16px;
}


/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    0% {
        top: 50px;
    }

    40% {
        top: 70px;
    }

    100% {
        top: 50px;
    }
}

/* Standard syntax */
@keyframes myfirst {
    0% {
        top: 50px;
    }

    40% {
        top: 70px;
    }

    100% {
        top: 50px;
    }
}


/* ******************* Group related *****************/

#myMap_map_layers > svg > g {
    cursor: pointer;
    -webkit-transition: all 1400ms ease-in-out;
    -moz-transition: all 1400ms ease-in-out;
    -ms-transition: all 1400ms ease-in-out;
    -o-transition: all 1400ms ease-in-out;
    transition: all 1400ms ease-in-out;
}


/*************************** grad-dubrovnik **************/
.pagination > li > a.du-color {
    color: #980001;
}

.pagination > li.active > a.du-color {
    background-color: #f2f2f2;
    border-color: #666;
    color: black;
}

/*************************** grad-dubrovnik **************/
.gf-carousel-caption a {
    color: rgb(185, 185, 185);
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
    font-family: 'Open Sans', sans-serif;
}

    .gf-carousel-caption a:hover {
        color: rgb(237, 237, 237);
        text-decoration: none;
    }

.custom-list-item {
    cursor: pointer;
}


.custom-template-list-gdi .list-group-item{
    color: black;
}

.custom-template-list-gdi .list-group-item:hover{
    background-color: #b1b1b1;
}

.carousel-caption{
    cursor: pointer;
}


/* Mobile swipe - show hide content */
@media (max-width: 768px){
    .mobile-removed {
        left: -65%;
    }
}

@media (min-width: 768px) and (max-width: 1300px){
    .mobile-removed {
        left: -400px;
    }
}


.group-info-container{
    color: white;
    font-family: 'Open Sans', sans-serif;
}

.navbar-gf.navbar-default .navbar-nav>li>a:hover, .navbar-gf.navbar-default .navbar-nav>li>a:focus{
    color: #B9B9B9;
}
