html { min-height:100%; /*height:100vh; overflow:hidden;*/ }
body { overflow-x:hidden; font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif; }

.index .header { position:relative; background-position:center; background-size:cover; }
.index .header .city-type { text-transform:none !important; }
/*.index .header .logo { background:url('/Content/image/site/header-grid.png') center repeat; }*/
.index .header .logo .col { display:inline-block; width:32.5%; vertical-align:middle; text-align:center; margin:25px 0; }
.index .header .logo .name h1 { font-size:50px; margin:0; padding:0; font-weight:normal; /*text-transform:uppercase;*/ }
.index .header .logo .name h1 img { display:block; width:100px; height:100px; margin:0 auto; }
.index .header .logo .name .info { font-size:25px; }
.index .header .logo .contacts .title { font-size:25px; }
.index .header .logo .contacts .fa { display:block; margin:10px auto; width:60px; height:60px; line-height:60px; font-size:40px; background:#fff; border-radius:100%;  }
.index .header .logo .contacts .phone { font-size:40px; display:block; color:#fff !important; }
    .index .header .logo .contacts a {
        color: #fff !important;
    }
a[href^="tel"] {
    color: inherit; /* Inherit text color of parent element. */
    text-decoration: none; /* Remove underline. */
    /* Additional css `propery: value;` pairs here */
}

    header .info-block {
        text-align: center;
        font-size: 20px !important;
    }

@media (max-width:991px) { 
    .index .header .logo .name h1 { font-size:46px; margin:0; padding:0; font-weight:normal; }
    .index .header .logo .col { display:inline-block; width:50%; vertical-align:middle; text-align:center; margin:25px 0; }
}

@media (max-width:767px) { 
    .index .header { padding-bottom:15px; }
    .index .header .logo-xs { margin-top:15px; margin-bottom:15px; text-align:center; }
    .index .header .logo-xs .img, .index .header .logo-xs .title { display:inline-block; vertical-align:middle; text-align:center; }
    .index .header .logo-xs img { width:70px; height:70px; margin-right:10px; }
    .index .header .logo-xs h1 { margin:0; padding:0; font-size:32px; text-decoration:none; text-transform:uppercase; }
    .index .header .phones-xs { text-align:center; }
    .index .header .phones-xs strong { display:block; margin-bottom:10px; }
    .index .header .phones-xs .phone { display:block; font-size:24px; margin-bottom:5px; }
    .index .header .phones-xs .phone .fa { display:inline-block; vertical-align:middle; height:35px; width:35px; margin-right:10px; background:#fff; text-align:center; font-size:20px; line-height:35px; border-radius:100%; }
}
 
.index .abilities { padding-top:30px; }
.index .abilities .list { overflow:hidden; }
.index .abilities .item { position:relative;  padding:0 5px; min-height:145px; }
.index .abilities .list .col { border-right-width:1px; border-right-style:solid; }
.index .abilities .list .col:last-child  { border-right:0; }
.index .abilities .item .title { display:block; min-height:50px; margin-bottom:10px; }
.index .abilities .item .title strong { display:block; width:50px; float:left; font-size:50px; line-height:1; }
.index .abilities .item .desc { display:block; min-height:50px; }
.index .abilities .item .desc .fa { display:block; width:50px; height:50px; float:left; font-size:40px; line-height:50px; }
.index .abilities .item .title span { display:block; margin-left:50px; font-size:25px; line-height:1; text-transform:uppercase;  }
.index .abilities .item .desc .text { display:block; margin-left:50px; font-size:20px; line-height:1.25;  }


.index .header-bottom { border-top-width:1px !important; border-top-style:solid !important; margin-top:40px;  }
.index .header-top-m { border-bottom-width: 1px !important; border-bottom-style: solid !important; margin-bottom: 40px; }

@media (max-width:991px) { 
    .index .abilities { padding-top:15px; }
    .index .abilities .item .title  { margin-bottom:5px; }
    .index .abilities .item { padding:15px 0; min-height:1px; border-bottom-width:1px; border-bottom-style:solid; }
    .index .abilities .list .col { border:none; }
    .index .header-bottom { border-top:none !important; margin-top:15px; margin-bottom:15px; }
}

@media (max-width:767px) {  
    .index .abilities .item .title strong {  margin-right:10px; vertical-align:top; font-size:40px; line-height:1; }
    .index .abilities .item .title span {  vertical-align:top; font-size:20px; line-height:1.5; text-transform:uppercase; }
    .index .abilities .item .desc { font-size:18px; }
    .index .abilities .item .desc .fa { font-size:30px; line-height:40px; }
}


.index h2 { margin:30px 0; padding:0; font-size:30px; text-align:center; text-transform:uppercase; color:#999; }

.index .works { max-height:500px; overflow:auto; }

.index .notification { background:#fff; padding: 35px 0 25px; }
.index .notification .text-white,
.index .notification .text-white h2 { color: #fff; }
.index .notification h2 { text-align: left; margin: 0 0 5px; transition: .3s ease;}
.index .notification .notification-items { display: flex; flex-direction: row; align-items: stretch; }
.index .notification .notification-btn { display: flex; flex-direction: row; justify-content: space-between; margin-top: 15px;}
.index .notification .notification-btn .btn { display: flex; align-items: center; justify-content: center; width: calc(100%/2 - 5px); color: #fff; padding: 15px; border-radius: 4px; font-weight: 500; line-height: 17px;}
.index .notification .notification-btn .btn span { padding: 0 8px;}
.index .notification .notification-btn .telegram-btn { background: #4198FE}
.index .notification .notification-btn .viber-btn { background: #824A96}
.index .notification .block-link { text-decoration: none !important; height: 100%; position:relative; padding: 12px 15px 50px 15px; border-radius: 4px; display: flex; flex-direction: column; justify-content: space-between; min-height: 210px;}
.index .notification .block-link:hover .title { text-decoration: underline; }
.index .notification .notification-item { width: 100%; display: flex; flex-direction: column; justify-content: space-between; max-width: 440px;}
.index .notification .notification-item:nth-child(2) .block-link { background: linear-gradient(166.76deg, #ECE068 7.32%, #99C8FF 89.55%); }
.index .notification .notification-item:nth-child(3) .block-link { background: #025C39; }
.index .notification .block-link > svg { position:absolute; left: 15px; bottom: 15px }
.index .notification .block-link-img { position:absolute; right: 0; bottom: 0; max-width: 100%; z-index: 0;}
.index .notification .notification-item:nth-child(3) .block-link-img { right: 13px; bottom: 13px;}
.index .notification ul { position:relative; overflow:hidden; margin-bottom: 10px; z-index: 1; list-style: none; padding-left: 0;}
.index .notification .list-white { color: #fff; }

@media (max-width:991px) {
    .index .notification .notification-items { flex-direction: column; align-items: center;}
    .index .notification .notification-item:not(:last-child){ margin-bottom: 30px;}
}

@media (max-width:767px) {
    .index .notification .notification-items { display: flex; flex-direction: column }
}

.index .problems { background:#fff; }
.index .problems .list { position:relative; overflow:hidden; height:180px; }

@media (max-width:767px) { 
    .index .problems .list {  height:306px; }
}

.index .stat { border-top:1px solid #ccc; background:#fff; }
.index .stat .list {  }
.index .stat .item { text-align:center; margin-bottom:30px; }
.index .stat .item .fa { display:block; margin:0 auto 5px auto; width:110px; height:110px; font-size:60px; line-height:110px; color:#fff; border-radius:100%; }
.index .stat .item .count { font-size:40px; }

@media (max-width:767px) { 
    .index .stat .item .fa { width:70px; height:70px; font-size:40px; line-height:70px; color:#fff; border-radius:100%; }
    .index .stat .item .count { font-size:32px; }

}

.index .map { position:relative; }
.index .map-container { height: 500px; }
.index .map-title { position:absolute; top: 0; left: 0; width:100%; height:90px; line-height:90px; z-index:1000; }
.index .map-balloon .title, .index .map-balloon .info { white-space:nowrap; font-family:"Open Sans Condensed", Arial, Helvetica, sans-serif !important; font-size:16px !important; line-height:1.33333 !important; }
.index .map-balloon .img { float:left; margin-right:10px; }
.index .map-balloon .img img { width:50px; height:50px; }

@media (max-width:767px) { 
    .index .map-container { height: 400px; }
}

.index .results { position:relative;  background-position:center; background-size:cover; }
.index .results .list { margin-bottom:30px; margin-left:60px; margin-right:60px; width:auto !important; }
.index .results .item { height:280px; }
.index .results .owl-prev { position:absolute; left:-60px; top:115px; }
.index .results .owl-next { position:absolute; right:-60px; top:115px; }
.index .results .owl-nav { font-size:50px; }

@media (max-width:767px) { 
    .index .results .list { margin-bottom:30px; margin-left:0; margin-right:0; width:auto !important; }
    .index .results .owl-prev, .index .results .owl-next { position:relative; left:0; top:0; display:inline-block; margin:0 15px; }
    .index .results .owl-nav { height:30px; line-height:1; font-size:30px; text-align:center; margin-top:15px; }
}

@media (max-width:991px) { 
    .index .results .item .problem .info, .index .results .address .info { display:block; margin-left:50px; }
}

.index .news-list { position:relative; margin-left:74px; margin-right:74px;  }
.index .news-list .row { position:relative; height:250px; overflow:hidden; }

@media (max-width:767px) { 
    .index .news-list { margin-left:14px; margin-right:14px; }
}

.create-request .selected-problem { min-height:54px; }
.create-request .selected-problem img { float:left; height:54px; margin-right:15px; padding:10px; background:#fff; border-radius:100%; }
.create-request .step-wizard { margin-left:15px; margin-right:15px; }
.create-request .step-title { display:block; padding-bottom:10px; margin-bottom:15px; font-weight:bold; } 
.create-request .viewport { position:relative; overflow:hidden; min-height:350px; height:60vh; }
.create-request .steps { position:absolute; width:600%; height:100%; top:0; left:0; }
.create-request .step { position:relative; width:16.666667%; height:100%; float:left; overflow-y:auto; overflow-x:hidden; }
.create-request .field-validation-error { display:block; }
.create-request .location-pills { background:#f7f7f7; margin-bottom:15px; }
.create-request .location-select { display:table-cell !important; width:1% !important; }
.create-request .location-select a { margin-bottom:0 !important; }
.create-request .location-tabs { margin-left:15px; margin-right:15px; }
.create-request .location-tabs hr { margin-top:10px; margin-bottom:10px; }
.create-request .photo-upload { padding: 15px; background: #fff; border: 3px dashed #ccc; color:#999; }
.create-request .not-loaded { padding:10px; color:#999; }
.create-request .photos { text-align:center; }
.create-request .wrap { position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; background:rgba(255, 255, 255, 0.7); z-index:2; }
.create-request .progress { position:absolute; top:50%; width:70%; height:34px; margin-top:-17px; margin-left:15%; border:5px solid #fff; line-height:34px; }
.create-request .photo-thumb { display:inline-block; position:relative; width:150px; margin:0 5px 10px 5px; padding:5px; border:1px solid #ccc; border-radius:4px; background:#fff; }
.create-request .photo-thumb .close { position:absolute; width:30px; height:30px; top:0; right:0; background:#fff; opacity:1; border-radius:0 4px 0 4px; font-size:16px; }
.create-request .photo-thumb .close:hover { color:#f00; }

@media (max-width: 767px) {
    .create-request .step-wizard,
    .create-request .location-tabs { margin-left:0; margin-right:0; }
}