.about-image {    max-width: 300px;    height: 200px;    overflow: hidden;    margin: auto;	opacity: 1;    border-radius: 5px;}.about-image:hover {	opacity: 1;}.about-image img {    height: 100%;    width: 100%;}.cpt2 {    text-align: center;    padding: 15px 30px 35px 40px;}#kd-arrow-field {    position: absolute;    width: 140px;    height: 180px;    left: 45%;    top: 33%;    overflow-y: hidden;}#kd-arrow-field::after {    position: absolute;    bottom: 0;    left: 0;    content: '';    width: 100%;    height: 80%;}.kd-scrolling a {    position: absolute;    text-outline: 5px;    width: 120px;    height: 100px;    bottom: 10px;    left: 1%;    z-index: 2;    display: inline-block;    -webkit-transform: translate(0, -50%);    transform: translate(0, -50%);    color: #fff;    font: normal 600 20px/1 'Open Sans', sans-serif;    letter-spacing: .1em;    text-decoration: none;    transition: opacity .3s;}.kd-scrolling a:hover {    opacity: .5;}#kd-arrow-field a {  padding-top: 80px;}#kd-arrow-field a span {  position: absolute;  top: 0;  left: 50%;  width: 24px;  height: 24px;  margin-left: -12px;  border-left: 1px solid #fff;  border-bottom: 1px solid #fff;  -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);  -webkit-animation: sdb07 2s infinite;  animation: sdb07 2s infinite;  opacity: 0;  box-sizing: border-box;}#kd-arrow-field a span:nth-of-type(1) {  -webkit-animation-delay: 0s;  animation-delay: 0s;}#kd-arrow-field a span:nth-of-type(2) {  top: 16px;  -webkit-animation-delay: .15s;  animation-delay: .15s;}#kd-arrow-field a span:nth-of-type(3) {  top: 32px;  -webkit-animation-delay: .3s;  animation-delay: .3s;}@-webkit-keyframes sdb07 {  0% {    opacity: 0;  }  50% {    opacity: 1;  }  100% {    opacity: 0;  }}@keyframes sdb07 {  0% {    opacity: 0;  }  50% {    opacity: 1;  }  100% {    opacity: 0;  }}.heading-border {    width: 100%;    padding-bottom: 5px;    border-bottom: 6px solid #417FC4;    font-weight: 600;    -moz-hyphens: auto;    -webkit-hyphens: auto;    -ms-hyphens: auto;    color: #333;}.info {    padding-top: 20px;}@media screen and (max-width: 300px) {    #kd-arrow-field {        display: none !important;    }    #kd-arrow {        display: none !important;    }}@media screen and (min-width: 400px) and (max-width: 600px) {    #kd-arrow-field {        display: none !important;    }    #kd-arrow {        display: none !important;    }}@media screen and (min-width: 600px) and (max-width: 800px) {    #kd-arrow-field {        display: none !important;    }    #kd-arrow {        display: none !important;    }}@media screen and (min-width: 800px) and (max-width: 1100px) {    #kd-arrow-field {        display: none !important;    }    #kd-arrow {        display: none !important;    }        #kd-adm-fp {        height: 93% !important;    }}@media screen and (min-width: 1100px) and (max-width: 1275px) {    #kd-arrow-field {        top: 42%;        z-index: 1;    }    #kd-arrow-field a span {        height: 40px;        width: 40px;        border-left: 4px solid #436882;        border-bottom: 4px solid #436882;    }}@media screen and (min-width: 1276px) and (max-width: 1366px) {    #kd-arrow-field {        top: 34%;        z-index: 1;    }    #kd-arrow-field a span {        height: 42px;        width: 42px;        border-left: 4.2px solid #436882;        border-bottom: 4.2px solid #436882;    }        #kd-adm-fp {        height: 93% !important;    }}@media screen and (min-width: 1367px) and (max-width: 1441px) {    #kd-arrow-field a span {        height: 44px;        width: 44px;        border-left: 4.4px solid #436882;        border-bottom: 4.4px solid #436882;    }    #kd-arrow-field {        top: 26%;        z-index: 1;    }        #kd-adm-fp {        height: 93% !important;    }    }@media screen and (min-width: 1441px) and (max-width: 1678px) {    #kd-arrow-field a span {        height: 46px;        width: 46px;        border-left: 4.6px solid #436882;        border-bottom: 4.6px solid #436882;    }    #kd-arrow-field {        top: 30%;        z-index: 1;    }        #kd-adm-fp {        height: 93% !important;    }}@media screen and (min-width: 1679px) and (max-width: 1920px) {    #kd-arrow-field {        display: none;    }        #kd-adm-fp {        height: 93% !important;    }}@media screen and (min-width: 1921px) {    #kd-arrow-field {        display: none;    }        #kd-adm-fp {        height: 93% !important;    }}#kd-logout-btn {    display: none;}#kd-login-btn {}#kd-setting-btn {    display: none;}/* МОБИЛЬНАЯ ВЕРСИЯ *//* Target device in landscape mode *//* Дивайс в альбомной ориентации   */@media all and (orientation: landscape) and (max-width: 1000px) {    .sidebar-logo {        height: 150px!important;        display: flex;        justify-content: center;        margin: 0 auto!important;    }    .nav-sidebar {        height: auto !important;    }    .sidebar {        height: auto !important;    }    .nav-sidebar>li>a {        font-size: 20px!important;        font-weight: 300 !important;    }    .panel-type {        font-size: 20px !important;    }    .ct-text {        font-size: 20px!important;        text-align: center;    }    .diagrams-size {        margin-top: 35px;        margin-bottom: 35px;    }    .circle-diagram-title {        font-size: 20px!important;    }    .circle-diagram-year {        font-size: 18px!important;    }    .widget-number {        margin-top: -15px;    }    .widget-text {        margin-top: -15px;        font-size: 18px!important;    }    .widget-title {        font-size: 20px!important;    }    .heading-border {        text-align: center;        font-size: 20px;    }    .svg-container {        height: 300px;        width: 300px;    }    .circliful {        height: 300px;        width: 300px;    }}/* Target device in portrait mode *//* Дивайс в портретной ориентации */@media all and (orientation: portrait) {    .sidebar-logo {        min-height: 120px!important;        display: flex;        justify-content: center;        margin: 0 auto!important;    }    .panel-name {        font-size: 22px!important;        color: #417FC4!important;        letter-spacing: -1px!important;    }    .panel-type {        font-size: 16px!important;    }    .nav-sidebar {        height: auto !important;    }    .sidebar {        height: auto !important;    }    .nav-sidebar>li>a {        font-size: 14px!important;        font-weight: 300!important;    }    .ct-text {        text-align: center;        font-size: 24px!important;        letter-spacing: 1px;        font-weight: 600;        margin-top: 20px!important;        color: #333!important;    }    .svg-container {        padding: 40px;    }    .diagrams-size {        margin-top: 15px;        margin-bottom: 15px;    }    .circle-diagram-title {        margin-top: -20px;        font-size: 14px!important;    }    .circle-diagram-year {        font-size: 13px!important;    }    .widget-number {        margin-top: -15px;        font-size: 40px!important;    }    .widget-text {        margin-top: -15px;        font-size: 13px!important;    }    .widget-title {        font-size: 14px!important;    }    .heading-border {        text-align: center;        font-size: 20px;    }    .shadow {        margin-left: -20px!important;    }    .svg-container {        height: 250px;        width: 250px;    }    .circliful {        height: 250px;        width: 250px;    }}/* for ipad */@media screen and (min-width: 900px) and (max-width: 1100px) {    .sidebar-logo {        min-height: 80px!important;        display: flex;        justify-content: center;        margin: 0 auto!important;    }    .diagram{        width: 150px;    }    .widget-number {        font-size: 36px!important;    }    .height-canvas {        margin-left: -15px;    }    .col-md-offset-2 {        margin-left: 0px !important;    }}/* for ipad PRO */@media screen and (min-width: 1000px) and (min-height: 1300px) and (max-height: 1370px) and (max-width: 1200px) {    .sidebar-logo {        min-height: 80px!important;        display: flex;        justify-content: center;        margin: 0 auto!important;    }    .svg-container {        height: auto;        width: auto;    }    .circliful {        height: auto;        width: auto;    }    .col-md-offset-2 {        margin-left: 0px !important;    }}/* scroll::-webkit-scrollbar{    width:10px;}::-webkit-scrollbar-thumb{    border-width:1px 1px 1px 2px;    border-color: #777;    background-color: #ccc;}::-webkit-scrollbar-thumb:hover{    border-width: 1px 1px 1px 2px;    border-color: #555;    background-color: #666;}::-webkit-scrollbar-track{    border-width:0;}::-webkit-scrollbar-track:hover{    border-left: solid 1px #aaa;    background-color: #eee;}final scroll */.ct-block {	padding: 20px 0px;	width: 100%;	position: relative;	display: inline-block;	margin-top: 5px;}.ct-text {	color: #333;	font-size: 22px;	font-weight: 400;	border-bottom: 5px solid #336699;	text-transform: uppercase;}.diagrams-size {	min-height: 311px;}.circle-diag-link-btn {	padding-top: 1px !important;}#circle-diagram {    display: inline-block;}.diags-year-txt {	font-weight: 555;}.diagrams-size:hover {    background-color: #F7F7F7;}.diagrams-size a {	text-decoration: none !important;	color: #333 !important;}.circle-diagram-col p {	color: #333 !important;}.circle-diagram-title {	 -moz-hyphens: auto;    -webkit-hyphens: auto;    -ms-hyphens: auto;	color: #333;	text-align: center;	font-size: 14px;	font-weight: 600;	margin-bottom: 0px;  max-height: 110px;  min-height: 110px;	padding-top: 30px;} .circle-diagram-year{	text-align: center;	font-weight: 300;}.about-image {    max-width: 300px;    height: 200px;    overflow: hidden;    margin: auto;	opacity: 1;    border-radius: 5px;}.about-image:hover {	opacity: 1;}.about-image img {    height: 100%;    width: 100%;}.cpt2 {    text-align: center;    padding: 15px 30px 35px 40px;}.title-file{	color: #B3D2F0;	font-size: 40px;	font-weight: 800;}    .download-tab {    margin-top: 50px;    margin-bottom: 60px;}.download-button {    display: block;    margin: 0 auto;    width: 100px;}.download-id {    text-align: center;    color: #333;    line-height: 75px;    font-weight: 400!important;    text-transform: uppercase;    font-size: 24px;    letter-spacing: 0px;}.download-row {    min-height: 75px;    margin-top: 30px;}.footer-bar {    height: 1px!important;    width: auto;    background-color: #417FC4;    background-size: cover!important;}.footer-image {    display: block;    margin: 0 auto;    margin-top: 0px;    margin-bottom: 5px;    }.footer-content {    width: auto;    height: auto;    min-height: 100px;    background-color: #5F9DDB;    background-image: url('assets/images/Layer-37-copy-bla.png'), url('assets/images/Layer-37-copy-bla.png');    background-repeat:no-repeat, no-repeat;    background-size: 5.5%;    background-position: 35% 50%, 65% 50%;}.ukr-line-footer{    height: 10px;    width: auto;    background-image: url(assets/images/footer-second-bar-icon.png);    background-repeat: repeat-x;    background-size: 85%;    background-color: #5F9DDB;}.footer-bottom-text {    min-height: 20px;    background-color: #417FC4;    text-align: center;    color: white;    font-size: 12px;    letter-spacing: 1px;    font-weight: 300;    line-height: 20px;}.footer-icons-group {    display: flex;    justify-content: center;        margin-top: 37px!important;}.footer-icons {    height: 25px!important;    padding-right: 4px;    padding-left: 4px;    cursor: pointer;    -webkit-transition: all 0.2s ease-in-out;    -moz-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out;}.footer-icons:hover {    -webkit-transform: scale(0.8);    transform: scale(0.8);}.footer-info {    color: #fff;    text-align: center;    margin-top: 20px;    font-size: 11px;}#footer-info-title {    font-size: 18px;}    .about-footer {        min-height: 20px;        line-height: 20px;        text-align: center;        background-color: #417FC4;        font-size: 12px;        font-weight: 300;        letter-spacing: 1px;        color: white;    }@media screen and (min-width: 850px){  .about-footer {        display: none;    }}@media all and (orientation: landscape) and (max-width: 1000px) {    .ukr-line-footer{    background-size: cover;}    .footer-content {    background-image: none, none;}.footer-image{    margin-top: 20px;}.footer-info {    margin-top: 30px;    margin-bottom: 30px;}.footer-bottom-text{   padding: 4px;}.about-footer{    padding: 4px;}}@media all and (orientation: portrait) {.ukr-line-footer{    background-size: cover;}    .footer-content {    background-image: none, none;}.footer-image{    margin-top: 20px;}.footer-info {    margin-top: 30px;    margin-bottom: 30px;}.footer-bottom-text{   padding: 4px;}.about-footer{    padding: 4px;}}.footer-bar2 {    height: 30px;    width: auto;    margin-top: 10px;    background-color: #417FC4;    background-image: url('assets/images/footer-header-bar-icon.png');    background-repeat: no-repeat;    background-size: 100%;}.footer-image2 {    display: block;    margin: 0 auto;    margin-top: 20px;}.footer-content2 {    border-top: 2px solid #969799;    width: auto;    height: auto;    min-height: 135px;    background-color: #fff;    background-image: url('none'), url('assets/images/Layer-38.png'), url('assets/images/Layer-38.png');    background-size: 7%;    background-repeat: repeat-x, no-repeat, no-repeat;    background-position: top, 35% 50%, 65% 50%;}.footer-icons-group2 {    display: flex;    justify-content: center;    color: #fff;    margin-top: 50px;}.footer-icons2 {    height: 30px;    padding-right: 4px;    padding-left: 4px;    cursor: pointer;    -webkit-transition: all 0.2s ease-in-out;    -moz-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out;}.footer-icons2:hover {    -webkit-transform: scale(0.8);    transform: scale(0.8);}.footer-info2 {    color: #333;    text-align: center;    margin-top: 40px;    font-size: 12px;}#footer-info-title {    font-size: 18px;}@media screen and (min-width: 300px) and (max-width: 768px) {    .footer-bar2 {        display: none;    }    .footer-content2 {        background-image: url('none'), none, none;        background-repeat: repeat-x, none, no-repeat;        background-position: top, 35% 50%, 65% 50%;    }    .footer-icons-group2 {        margin-top: 30px;    }    .footer-info2{        margin-top: 30px;        margin-bottom: 30px;    }}.chart-container { text-align: center!important; height: 220px;}.heading-border{ text-transform: uppercase;}.diagrams-size:hover {  background-color: #F5F5F5;}.hcd-title{   -moz-hyphens: auto;    -webkit-hyphens: auto;    -ms-hyphens: auto;  text-align: center;  font-size: 14px;  font-weight: 600;  color: #333;}.hcd-year{  text-align: center;  font-size: 14px;  font-weight: 300;  color: #333;} .background-logo {     background-image: url('assets/images/header-main-icon.png');     background-repeat: no-repeat;     background-size: 18%;     background-position: 50% -10px;     padding: 10px 0px;     min-height: 135px; }  .admin-icon{    height: 19px!important; } #img1 {     display: block;     margin: 0 auto;     margin-top: 10px; } .header-icons-group {     display: flex;     justify-content: center;     color: #fff;     margin-top: 50px; } #tooltip{     background:#000;     color:#f3f3f3;     text-align:center;     padding:6px 0;     position:absolute;     max-width:250px;     z-index:9999;     display:none;     border-radius:3px;     box-shadow:4px 4px 8px rgba(0, 0, 0, 0.3);     padding:5px 8px;     font-size:12px;     text-shadow:none; } #tooltip:before{     position: absolute;     width: 0;     height: 0;     line-height: 0;     border: 6px dashed #000;     top: -6px;     left:15px;     border-bottom-style: solid;     border-top: none;     border-left-color: transparent;     border-right-color: transparent;     content:''; } #kd-admin-btn {     margin-left: 5px; } @media screen and (min-width: 300px) and (max-width: 768px) {     .header-icons-group {         display: none;     }     .background-logo {         background-image: url('assets/images/header-main-icon.png');         background-repeat: no-repeat;         background-size: 60%;         background-position: 50% -10px;     }     #img1 {         margin-top: 45px;     } } @media screen and (min-width: 1800px) {     .background-logo {         background-image: url('assets/images/header-main-icon.png');         background-repeat: no-repeat;         background-size: 15%;         background-position: 50% -10px;         padding: 10px 0px;         min-height: 135px;     } } @media screen and (min-width: 400px) and (max-width: 600px) {     .background-logo {         background-image: url('assets/images/header-main-icon.png');         background-repeat: no-repeat;         background-size: 40%;         background-position: 50% -10px;         padding: 10px 0px;         min-height: 135px;     }     .header-icons-group {         display: none;     } } @media screen and (min-width: 600px) and (max-width: 800px) {     .background-logo {         background-image: url('assets/images/header-main-icon.png');         background-repeat: no-repeat;         background-size: 25%;         background-position: 50% -10px;         padding: 10px 0px;         min-height: 135px;     }     .header-icons-group {         display: none;     } } @media screen and (min-width: 600px) and (max-width: 1000px) {     .header-icons-group {         display: none;     } }.heading-border {    width: 100%;    padding-bottom: 5px;    border-bottom: 6px solid #336699;    font-weight: 400;    font-size: 22px;    -moz-hyphens: auto;    -webkit-hyphens: auto;    -ms-hyphens: auto;        color: #333;}.info {    padding-top: 20px;}.main {    min-height: 600px;    width: auto;    display: block;}.bike img{    height: 100%;    width: 100%;}#main-text{       text-align: center;    letter-spacing: 5px;    margin-top: 20px;}#main-text1 {    font-size: 30px;    font-weight: 300;    text-align: top;    color: #436882;}#main-text2 {    font-weight: 700;    color: #336699;    font-size: 40px;}a {    color: #436882!important;}a:hover {    text-decoration: none;    color: #2A4151!important;}.city-panels {    display: block;    margin: 10px;    margin-bottom: 40px;    padding: 25px 30px 15px 30px;}.btn {    border: 1px solid #B3D2F0!important;    background-color: #B3D2F0!important;    color: #436882!important;    margin-top: 20px;    padding: 5px 30px;    border-radius: 0px!important;}.btn:hover {    border: 1px solid #417FC4!important;    border-radius: 0px!important;}.city-panels-title {    font-size: 22px;}.city-panels-text {    margin-top: 10px;    color: #738A9D;    font-size: 14px;    min-height: 70px;}.fine-line {    height: 2px;    width: auto;    background-color: #B3D2F0;}.main-title {    min-height: 430px;    width: auto;    position: relative;    background-image: url(../../assets/images/background-city2.png);    background-size: 100%;    background-repeat: no-repeat;    background-position: bottom;}.bike {    height: 70px;    width: 100px;    position: relative;    bottom: -355px;    left: -150px;}/* bike update */@media screen and (max-width: 1900px) and (min-width: 1590px){    .bike{        height: 80px;        width: 110px;        bottom: -430px;    }    .main-title{        height: 520px;    }}@media screen and (max-width: 2200px) and (min-width: 1910px){    .bike{        height: 100px;        width: 130px;        bottom: -540px;    }     .main-title{        height: 650px;    }}@media screen and (max-width: 2900px) and (min-width: 2201px){    .bike{        height: 120px;        width: 150px;        bottom: -620px;    }     .main-title{        height: 750px;    }}@media screen and (min-width: 2901px){    .bike{     display: none;    }     .main-title{       display: none;    }}    @media all and (orientation: landscape) and (max-width: 1000px) {.main-title{        background-size: 200%;    }            }  /* Target device in portrait mode */  /* Дивайс в портретной ориентации */    @media all and (orientation: portrait) {        .main-title{        background-size: 400%;    }}.panel-name {    min-height: 60px;    color: #333;    font-size: 26px;    line-height: 60px;    padding: 10px;    text-align: center;    font-weight: 400;    text-transform: uppercase;    letter-spacing: 1px;    /*     background-color: #F8FAFF; */}.panel-type {    text-align: center;    font-size: 18px;    transition: all 0.3s;    font-weight: 300!important;    text-transform: uppercase;    width: 33.3%;    border: none!important;    letter-spacing: 3px;}.panel-type>a{    color: #333!important;    }.nav.nav-tabs {    border: none!important;}@media screen and (min-width: 300px) and (max-width: 768px) {    .panel-type {        width: 100%;    }} body {  background-color: #fff; }.sidebar {    position: fixed;    height: 100vh;    bottom: 0;    left: 0;    z-index: 1000;    display: block;    padding: 0px 20px !important;    overflow-x: hidden;    overflow-y: hidden;    background-color: #fff;    border-right: 1px solid #eee;  }  .sidebar-logo {    min-height: 80px;  }  .sidebar-logo img {    padding-top: 25px;    width: 100%;    height: auto;  }.nav-sidebar {  margin-right: -21px;   margin-bottom: 20px;  margin-left: -20px;  height: 87vh;  overflow-y: auto;}.nav li {  border-top: 1px solid rgba(221,221,221,0.4); }.nav li:last-child {  border-bottom: 1px solid rgba(221,221,221,0.4);}.nav-sidebar > li > a {  padding: 12px 20px;  text-transform: uppercase;  font-size: 11px;  font-weight: 400;  color: #333!important;}.nav-sidebar > li > .active {  background-color: #336699;  color: #fff !important;  font-size: 11px;}.nav>li>a:focus, .nav>li>a:hover {  text-decoration: none;  background-color: #336699;  color: #fff !important;  transition: .2s ease;}@media (max-width: 1200px) {  .sidebar {    position: relative;    height: 100vh;    bottom: 0;    left: 0;    z-index: 1000;    display: block;    padding: 20px;    overflow-x: hidden;    overflow-y: auto;    background-color: #fff;    border-right: 1px solid #eee;  }  .sidebar-logo {    height: 13vh;    margin-bottom: 50px;  }  .nav-sidebar > li > a {  text-align: center;}} .diagrams-size {	text-align: center;	max-height: 350px;}.diags-year-txt {	font-weight: 555;}.widget-title {	font-size: 14px;	font-weight: 600;	color: #333;	padding: 30px 0px 0px 0px;	 -moz-hyphens: auto;    -webkit-hyphens: auto;    -ms-hyphens: auto;  max-height: 150px;  min-height: 150px;}.widget-number {	padding: 0px 0px 0px 0px;	font-size: 45px;	color: #336699;}.widget-text { 	padding: 3px 0px 0px 0px;	font-weight: 545;	font-size: 13px;}.widget-text-diag-year {	padding-top: 70px;}.diagrams-size a {	text-decoration: none !important;	color: #333 !important;}.diagrams-size a:focus, a:hover {	color: #333333;   }.diagrams-size:hover {	background-color: #F5F5F5;}