.comments .comment-content {
    padding: 10px;
}

#bg {
    position: fixed;
    width: 100%;
    height: 100%;
}

#bg img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 100%;
}

#background-image-control {
    position: fixed;
    left: 10px;
    bottom: 0px;
    font-size: 25px;
    z-index: 10;
    opacity: 1;
    color: #a94442;
}

#background-image-control:hover {
    opacity: 0.5;
    cursor: pointer;
}

a:hover, a:active, a:focus {
    outline: 0;
}

.show-grid {
    margin-bottom: 15px;
}

.blur-background {
    background-color: rgba(255, 255, 255, .85);
}

.pinterest-grid {
    -moz-column-width: 18em;
    -webkit-column-width: 18em;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;

}

.pinterest-grid .pinterest-item {
    display: inline-block;
    padding: .25rem;
    width: 100%;
}

button::-moz-focus-inner {
    border: 0;
}

.btn:focus, .btn:active {
    outline: none;
}

.cover {
    min-height: 400px;
}

.bg-black {
    background-color: #000;
}

.bg-transparent {
    background-color: rgba(255, 255, 255, 0);
}

.bg-hover:hover {
    background-color: #f5f5f5;
}

.facebook-avatar {
    width: 50px;
    height: auto;
}

.google-map-add-info-window {
    /*min-width: 345px;*/
    /*max-height: 400px;*/
}

.pointer {
    cursor: pointer;
}

.nowrap {
    white-space: nowrap;
}

table {
    background: #ffffff;
}

table tr:hover {
    cursor: pointer;
}

.table tr {
    /*height: 51px;*/
}

.table > thead > tr > th, .table > tbody > tr > td {
    vertical-align: middle;
}

.rounded-border {
    border: 4px solid #006dcc;
    border-radius: 8px;
}

.main-margin-top-helper {
    margin-top: 60px;
}

.route-icon {
    font-size: 18px;
}

.font-size-h3 {
    font-size: 24px;
    display: block;
}

.position-absolute {
    position: fixed;
    top: 20%;
    left: 0%;
}

#guide-map-canvas {
    width: 100%;
    height: 70vh;
    margin: 0px;
    padding: 0px
}

#statistic-table tbody tr td:nth-child(2) {
    text-align: right;
}

#article-view table, #book-view table {
    width: 100%;
}

#article-view table td, #article-view table th, #book-view table td, #book-view table th {
    padding: 2px;
}

#article-view img, #book-view table img {
    max-width: 100%;
}

a.gallery-image {
    text-decoration: none;
    width: 100%;
}

.recent-articles-header {
    font-size: 14px;
    font-weight: bold;
}

/* Ascent type dropdown */
.ascent-type-dropdown{
    background-color: red;
    padding: 0px;
}

/* onsight */
.ascent-type-dropdown option[value="1"]{
    background-color: black;
}

/* flash */
.ascent-type-dropdown option[value="2"]{
    background-color: orange;
}

/* redpoint */
.ascent-type-dropdown option[value="3"]{
    background-color: red;
}

/****
* Google Maps InfoWindow start
****/
.gm-style-iw {
    width: 280px !important;
    min-height: 150px;
    left: 0 !important;
    top: 15px !important;
    background-color: #fff;
    box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
}

#gm-iw-bg {
    width: 100%;
    height: 100%;
    overflow-y: hidden;
}

#gm-iw-bg img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 280px;
}

.gm-iw-inner {
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    color: #ffffff;
}

.cat-column {
    height: 100%;
    margin: 0 2px;
}

.cell {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 10px;
    font-weight: 300;
    height: 100%;
}

.cat-column-sum {
    position: absolute;
    bottom: 0;
    margin-left: 40%;
}

.cat-column-color {
    width: 100%;
    display: block;
    /*margin: 0 2px;*/
    position: absolute;
    bottom: 0;
}

.gm-iw-title {
    margin-top: 20px;
    font-size: 16px;
}

/****
* Google Maps InfoWindow end
****/

/****
* Kartik gridview default start
****/
.table-striped > tbody > .kv-expand-detail-row.default {
    background-color: #ffffff;
}

/****
* Kartik gridview default end
****/

#book-body h2 {
    color: #d9534f;
}

#book-body h3 {
    color: #337ab7;
}

/****
* Horizontal accordion start
****/
.collapse.width {
    height: auto;
    width: 0;
    -webkit-transition: width 0.35s ease;
    -moz-transition: width 0.35s ease;
    -o-transition: width 0.35s ease;
    transition: width 0.35s ease;
}

/****
* Horizontal accordion end
****/

/****
* climbing-grade-system start
****/
.grades div {
    text-align: center;
    overflow: hidden;
    position: absolute;
    width: 100%;
    border-top-width: 1px;
    border-top-style: solid;
}

.table.gradesystem {
    font-size: 10px;
}

.table.gradesystem > tbody > tr > td {
    margin: 0;
    padding: 0;
}

.table .grades {
    position: relative;
    background: #EEE;
    height: 1520px;
}

.gb1 {
    border-color: #3d9209;
    background: #53b41b;
    color: #000;
}

.gb2 {
    border-color: #cfae00;
    background: #ffe200;
    color: #000;
}

.gb3 {
    border-color: #e6842a;
    background: #f90;
    color: #000;
}

.gb4 {
    border-color: #ca0909;
    background: #db2424;
    color: #fff;
}

.gb5 {
    border-color: #9b1178;
    background: #aa1c7b;
    color: #fff;
}

.table.gradesystem {
    border-spacing: 1px;
    background-color: #fff;
    border-collapse: separate;
}

.table.gradesystem th {
    width: 50px;
    font-weight: 400;
    padding: 3px 5px;
    font-size: 1em;
    font-weight: 700;
    background: #eee;
}

/****
* climbing-grade-system end
****/

/****
* frontend.views.layouts._updates start
****/
.updates-thumb {
    overflow: hidden;
    border-radius: 8px;
}

.updates-header, .updates-footer {
    background-color: #f7f7f9;
}

.updates-header {
    border-bottom: 1px solid #e1e1e8;
}

.updates-footer {
    border-top: 1px solid #e1e1e8;
}

.updates-header .author-logo {
    width: 56px;
}

.updates-header .update-author-details {
    padding-left: 0;
}

.updates-body-text {
    margin: 5px 6px;
}

.updates-body-text hr {
    margin: 4px;
}

.updates-body-text blockquote {
    font-size: 12px;
    margin: 0 0 0;
}

.updates-body-image {
    overflow: hidden;
    max-height: 400px;
    background-color: #eee;
}

.updates-body-image img.min-width-100 {
    min-width: 100%;
}

.updates-header table, .updates-footer table {
    width: 100%;
}

.updates-footer table tr {
    cursor: default;
}

.updates-header td, .updates-footer td {
    padding: 5px 6px;
}

.updates-header img {
    width: 40px;
    display: inline;
}

.updates-header a, .updates-footer a, .updates-footer .fa {
    color: #777777;
    text-decoration: none;
    cursor: pointer;
}

.updates-header .link-color:hover, .updates-footer a:hover, .updates-footer .fa:hover {
    color: #000000;
}

.update-glyphicon {
    font-size: 20px;
    text-align: right;
}

#updates-filter-list {
    display: inline-block;
}

#updates-filter-header {
    margin-top: 0px;
}

/****
* frontend.views.layouts._updates end
****/

/****
* Breadcrumbs start
****/
.btn-breadcrumb {
    margin-top: 9px;
}

.btn-breadcrumb > .btn:not(:last-child):after,
.btn-breadcrumb > .btn-dropdown:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid white;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 100%;
    z-index: 3;
}

.btn-breadcrumb > .btn:not(:last-child):before,
.btn-breadcrumb > .btn-dropdown:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid rgb(173, 173, 173);
    position: absolute;
    top: 50%;
    margin-top: -17px;
    margin-left: 1px;
    left: 100%;
    z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
    padding: 6px 12px 6px 24px;
}

.btn-breadcrumb .btn:first-child {
    padding: 6px 6px 6px 10px;
}

.btn-breadcrumb .btn:last-child, .btn-breadcrumb > .btn-dropdown:last-child > a {
    padding: 6px 18px 6px 24px;
}

/** Default button **/
.btn-breadcrumb a.btn.btn-default:not(a:last-child):after {
    border-left: 10px solid #fff;
}

.btn-breadcrumb a.btn.btn-default:not(a:last-child):before {
    border-left: 10px solid #ccc;
}

.btn-breadcrumb a.btn.btn-default:hover:not(a:last-child):after {
    border-left: 10px solid #ebebeb;
}

.btn-breadcrumb a.btn.btn-default:hover:not(a:last-child):before {
    border-left: 10px solid #adadad;
}

/** Primary button **/
.btn-breadcrumb a.btn.btn-primary:not(:last-child):after {
    border-left: 10px solid #428bca;
}

.btn-breadcrumb a.btn.btn-primary:not(:last-child):before {
    border-left: 10px solid #357ebd;
}

.btn-breadcrumb a.btn.btn-primary:hover:not(:last-child):after {
    border-left: 10px solid #3276b1;
}

.btn-breadcrumb a.btn.btn-primary:hover:not(:last-child):before {
    border-left: 10px solid #285e8e;
}

/** Success button **/
.btn-breadcrumb a.btn.btn-success:not(:last-child):after {
    border-left: 10px solid #5cb85c;
}

.btn-breadcrumb a.btn.btn-success:not(:last-child):before {
    border-left: 10px solid #4cae4c;
}

.btn-breadcrumb a.btn.btn-success:hover:not(:last-child):after {
    border-left: 10px solid #47a447;
}

.btn-breadcrumb a.btn.btn-success:hover:not(:last-child):before {
    border-left: 10px solid #398439;
}

/** Danger button **/
.btn-breadcrumb a.btn.btn-danger:not(:last-child):after {
    border-left: 10px solid #d9534f;
}

.btn-breadcrumb a.btn.btn-danger:not(:last-child):before {
    border-left: 10px solid #d43f3a;
}

.btn-breadcrumb a.btn.btn-danger:hover:not(:last-child):after {
    border-left: 10px solid #d2322d;
}

.btn-breadcrumb a.btn.btn-danger:hover:not(:last-child):before {
    border-left: 10px solid #ac2925;
}

/** Warning button **/
.btn-breadcrumb a.btn.btn-warning:not(:last-child):after {
    border-left: 10px solid #f0ad4e;
}

.btn-breadcrumb a.btn.btn-warning:not(:last-child):before {
    border-left: 10px solid #eea236;
}

.btn-breadcrumb a.btn.btn-warning:hover:not(:last-child):after {
    border-left: 10px solid #ed9c28;
}

.btn-breadcrumb a.btn.btn-warning:hover:not(:last-child):before {
    border-left: 10px solid #d58512;
}

/** Info button **/
.btn-breadcrumb a.btn.btn-info:not(:last-child):after {
    border-left: 10px solid #5bc0de;
}

.btn-breadcrumb a.btn.btn-info:not(:last-child):before {
    border-left: 10px solid #46b8da;
}

.btn-breadcrumb a.btn.btn-info:hover:not(:last-child):after {
    border-left: 10px solid #39b3d7;
}

.btn-breadcrumb a.btn.btn-info:hover:not(:last-child):before {
    border-left: 10px solid #269abc;
}

/****
* Breadcrumbs end
****/

/****
* Login page start
****/

.social-icons-block {
    display: table;
    margin: 0 auto;
}

/****
* Login page end
****/

/****
* Loading start
****/
.black_overlay {
    display: none;
    position: fixed !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*    width: 100%;
        height: 100%;*/
    background-color: black;
    z-index: 101;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
}

.loading,
.loading::before,
.loading::after {
    position: fixed !important;
    position: absolute;
    top: 45%;
    left: 50%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-left-color: rgba(255, 255, 255, 0.4);
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
}

.loading {
    z-index: 102;
    display: none;
    margin: -25px 0 0 -25px;
    height: 50px;
    width: 50px;
    -webkit-animation: animation-rotate 1000ms linear infinite;
    -moz-animation: animation-rotate 1000ms linear infinite;
    -o-animation: animation-rotate 1000ms linear infinite;
    animation: animation-rotate 1000ms linear infinite;
}

.loading::before {
    content: "";
    margin: -23px 0 0 -23px;
    height: 44px;
    width: 44px;
    -webkit-animation: animation-rotate 1000ms linear infinite;
    -moz-animation: animation-rotate 1000ms linear infinite;
    -o-animation: animation-rotate 1000ms linear infinite;
    animation: animation-rotate 1000ms linear infinite;
}

.loading::after {
    content: "";
    margin: -29px 0 0 -29px;
    height: 56px;
    width: 56px;
    -webkit-animation: animation-rotate 2000ms linear infinite;
    -moz-animation: animation-rotate 2000ms linear infinite;
    -o-animation: animation-rotate 2000ms linear infinite;
    animation: animation-rotate 2000ms linear infinite;
}

@-webkit-keyframes animation-rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes animation-rotate {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-o-keyframes animation-rotate {
    100% {
        -o-transform: rotate(360deg);
    }
}

@keyframes animation-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/****
* Loading end
****/

/****
* Header menu start
****/
.nav .breadcrumb {
    margin: 0 7px;
}

.header-menu {
    border-bottom-left-radius: 8px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
}

#quick-search-loading-gif {
    position: absolute;
    right: 24px;
    top: 18px;
}

#header-search-dropdown-menu {
    padding: 0px;
}

#header-menu-search-form {
    margin: 0;
    padding: 8px 15px 8px 15px;
    width: 100%;
}

li.divider.quick-search-result-li {
    margin: 0px;
}

/****
* Header menu end
****/

/****
* Main page start
****/
.list-group-area li:hover, .list-group-sector li:hover {
    background-color: #f5f5f5;
    cursor: pointer;
}

.list-group-sector, .list-group-area {
    max-height: 60vh;
    overflow-y: auto;
}

/****
* Main page end
****/

/****
* Social buttons start
****/
.social-pod-wrapper {
    position: absolute;
    right: 0;
    top: 60px;
    z-index: 20;
}

#sticker {
    top: 200px;
    color: #ffffff;
    margin: 0 auto;
    position: fixed;
    right: -125px;
    text-align: center;
}

#sticker .social-pod {
    margin: 0;
    padding: 0;
    position: relative;
    width: 160px;
}

.social-pod li {
    background: #f6f6f6 none repeat scroll 0 0;
    clear: left;
    cursor: pointer;
    display: block;
    height: 35px;
    line-height: 25px;
    margin-bottom: 2px;
    position: relative;
}

.social-pod li .img {
    background-image: url("../img/social_icons.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 35px auto;
    height: 35px;
    width: 35px;
}

.social-pod li .link {
    left: 45px;
    position: absolute;
    top: 5px;
}

.social-pod li .link.facebook {
    height: 27px;
    overflow: hidden;
    top: 2px;
}

.social-pod li.sp-twitter .img {
    background-position: 0 -35px;
}

.social-pod li.sp-facebook .img {
    background-position: 0 -70px;
}

.social-pod li.sp-gplus .img {
    background-position: 0 -245px;
}

/****
* Social buttons end
****/

/****
* Area start
****/
.sectors-accordion-block, #sectorsListTab {
    height: 70vh;
    overflow-y: auto;
}

.area-descr-hr {
    margin-top: 7px;
    margin-bottom: 7px;
}

/****
* Area end
****/

/****
* Sector start
****/
#visual-container svg path, #visual-container svg line, #routeNumber path {
    stroke: #006DCC;
    stroke-width: 3px;
}

.active-video-thumbnail {
    border: 1px outset black;
    border-radius: 4px;
    padding-top: 10px;
}

.video-thumbnail {
    margin: 0px 2px;
    padding-top: 11px;
}

/*.svg-mouseenter, #routeNumber path.svg-mouseenter, .svg-route-info-checked, #routeNumber path.svg-route-info-checked {*/
/*stroke: #E02521;*/
/*stroke-width: 4px;*/
/*}*/

#visual-container [data-highlight="on"] g path,
#visual-container [data-highlight="on"] g line,
#visual-container [data-highlight="on"] g polyline {
    stroke: #E02521;
    stroke-width: 4px;
}

#visual-container [data-highlight="on"] #routeNumber path {
    fill: #E02521;
}

/*#routeNumber path.svg-mouseenter, #routeNumber path.svg-route-info-checked {*/
/*fill: #E02521;*/
/*}*/

/*.svg-mouse-enter{
stroke: #006DCC;
}*/

.sector-margin-top-helper {
    margin-top: 10px;
}

#sector-icons {
    max-width: 1024px;
}

#visual-container {
    display: inline-block;
    margin: auto 4px auto 0;
    max-width: 1024px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#visual-container-css-helper {
    padding-top: 75%;
}

#visual-image::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#visual-image {
    bottom: 0;
    font: 0px/0 a;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}

#visual-image img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    width: auto;
}

#sector-visual-container #visual-image img {
    display: none;
}

#visual-svg {
    z-index: 2;
    min-height: 100%;
    height: inherit;
}

.svg-content {
    left: 0;
    position: absolute;
    top: 0;
}

#sector-visual-container .svg-content > g {
    display: none;
}

.svg-content g {
    cursor: pointer;
}

#text-container {
    max-height: 80vh;
    overflow-y: auto;
}

#routes-table {
    margin-bottom: 0px;
}

#routes-table > thead > tr {
    height: 100%;
}

#routes-table tbody tr {
    height: 51px;
}

#routes-table tr th:nth-child(1), #routes-table tr td:nth-child(1) {
    width: 30px;
    max-width: 30px;
}

#routes-table .dificulty-column,
#routes-table .bolts-amount-column,
#routes-table .height-column,
#routes-table .user-ascents-column {
    width: 50px;
    max-width: 50px;
    text-align: center;
}

#routes-table tbody tr:hover > td {
    background-color: #d9edf7;
}

#routes-table .ascent-column {
    white-space: nowrap;
    width: 1px;
    text-align: center;
}

.font-weight-normal {
    font-weight: normal;
}

.td-min-width {
    width: 1px;
}

a.route-notice-popover {
    text-decoration: none;
    color: #d9534f;
}

.image-block {
    display: inline-block;
    position: relative;
}

.image-trash {
    position: absolute;
    top: 7px;
    right: 7px;
}

/****
* Sector end
****/

/****
    * Route end
    ****/
.nav-tabs #fb-share-tab {
    float: right;
}

/****
* Route end
****/

/****
* _routeInfoPanel start
****/
#route-voting {
    position: absolute;
    top: 50px;
    right: 25px;
}

#route-voting-like {
    margin-bottom: 2px;
}

/****
* _routeInfoPanel end
****/

/****
* _weatherForecast5 start
****/
.day-weather-forecast-button, .day-detail-weather-forecast {
    padding-right: 0px;
    padding-bottom: 0px;
    height: 75px;
}

.day-weather-forecast-button > div {
    width: 80px;
}

.vertical-text {
    display: none;

    float: right;
    -webkit-transform: rotate(90deg) translate(100%, 100%);
    transform: rotate(270deg) translate(65%, -30%);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.day-detail-weather-forecast {
    padding-right: 0px;
    display: none;
}

.weather-weekend {
    color: red;
}

.weather-workday {
    color: black;
}

/****
* _weatherForecast5 end
****/

@media (max-width: 992px) {
    .header-menu {
        border-bottom-left-radius: 8px;
        position: relative;
        right: 0;
        top: 0;
        z-index: 2;
    }

    .main-margin-top-helper {
        margin-top: 0px;
    }

    /****
    * Area start
    ****/
    .sectors-accordion-block, #sectorsListTab {
        height: 100%;
    }

    /****
    * Area end
    ****/
    /****
    * Sector start
    ****/
    .sector-margin-top-helper {
        margin-top: 0px;
    }

    #text-container {
        max-height: 100%;
    }

    /****
    * Sector end
    ****/
    /****
    * Header menu start
    ****/
    #quick-search-loading-gif {
        position: absolute;
        right: 24px;
        top: 18px;

    }

    /****
    * Header menu end
    ****/
    /****
    * Main page start
    ****/
    .list-group-sector, .list-group-area {
        max-height: 100%;
        overflow-y: auto;
    }

    /****
    * Main page end
    ****/
}

@media (min-width: 768px) {
    .nav .breadcrumb {
        float: left;
        margin: 7px 10px;
    }
}