html {
    scroll-behavior: smooth;
}

.row.text-center.timeline.pt-5 {
    padding-bottom: 50px;
}
/*******fade css*********/
.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}
/*******end fade*********/
#carouselExampleIndicators-2 {
    background: url(../img/map/map.png);
    background-size: 100%;
}

#comment {
    background: #fcf3d9;
}

.timeline-1 ul li span+div img {
    width: 0;
    transition: width 1s;
}

.timeline-1 ul li span:hover+div img {
    width: 100% !important;
    transition: width 1s;
}

#comment {
    background: #fcf3d9;
}

.timeline-1 ul li span+div img {
    width: 0;
    transition: width 1s;
}

.timeline-1 ul li span:hover+div img {
    width: 100% !important;
    transition: width 1s;
}

.timeline-2 ul li span+div img {
    width: 0;
    transition: width 1s;
}

.timeline-2 ul li span:hover+div img {
    width: 100% !important;
    transition: width 1s;
}

.timeline-2 ul li span+div {
    left: -310px;
}

.timeline ul li span+div {
    right: -310px;
}

.timeline ul li span+div {
    z-index: 999;
    width: 300px;
    transition: width 1s;
    position: absolute;
    height: 150px;
}

.timeline ul li {
    z-index: 1
}

.row-flex-1.parcel-track-list-wrapper .parcel-track-list-outer {
    flex: 0 0 33%;
    max-width: 33%;
}


/****hide button****/

.row-flex-1 .stock,
.row-flex-1 .card-btn,
.row-flex-1 .price {
    display: none !important;
}

/*.modal-dialog {
    max-width: 1000px;
}*/

.parcel-track-list-section .row-flex-1 ul {
    margin-bottom: 0 !important;
}

.row-flex-1 .price,
.row-flex-1 .code {
    border-bottom: 0 !important;
}

.row-flex-1 .content-block {
    padding-bottom: 0 !important;
}

.parcel-track-list-section a {
    display: inline !important;
}

.parcel-track-list-section {
    cursor: pointer;
}

.gba .border h2 {
    font-weight: 800;
}


/*************/

.accordian-custom {
    cursor: pointer;
}

.list-h .block-text {
    font-weight: 600;
}

.max-img-s .col-sm-6 {
    margin-bottom: 25px;
}

.list-s-h li a {
    cursor: pointer;
    background: transparent !important;
}

body.knx-ammendments.inner-page-wrapper.chrome.windows.overflow-hidden {
    overflow-y: scroll;
}

.row-cus {
    display: block;
    width: 100%;
}

ul.list-h a {
    display: block;
    font-weight: 600;
}

.font-25 {
    font-size: 25px !important;
}

.video-text h4 {
    font-weight: 600;
}

.dark-b-bg td.bg-blue {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.dark-b-bg td.bg-green {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.banner-section-2 h1 {
    font-size: 2rem;
}

.row-flex-1.parcel-track-list-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.row-flex-1 .qty-wrapper.secondary input {
    width: 100px;
}

.register-pr section.parcel-track-list-section {
    padding: 0;
}

.register-pr .portfolio-wrapper {
    cursor: inherit;
}

.tab-vertical .nav {
    display: block;
}

.Nuni h1 {
    *font-family: 'Nunito', sans-serif;
    font-size: 34px;
    font-weight: 700;
}

.Nuni {
    padding-top: 30px;
}

.Nuni p {
    font-size: 24px;
}

.team-s {
    max-width: 1000px;
    margin: auto;
}

.team-s p {
    font-size: 16px;
}

.team-s img {
    height: 200px;
    width: 200px;
    object-fit: cover;
    border-radius: 100%;
    border: 1px solid #e0e0e0;
}

.our-his h5 {
    font-size: 18px;
    font-weight: 800;
}

.our-his p {
    font-size: 16px;
}

main.site-main.about-page-wrapper {
    padding-top: 0 !important;
    background: #f4f4f4;
}

.colon {
    position: relative;
    padding: 75px 150px;
}

.colon h3 {
    font-size: 24px
}

.colon:before {
    font-family: "Font Awesome 5 Free";
    content: "\f10d";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    left: 100px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    font-size: 100px;
    color: #dcdcdc;
}

.colon:after {
    font-family: "Font Awesome 5 Free";
    content: "\f10e";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    right: 0px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    font-size: 100px;
    color: #dcdcdc;
}

.timeline ul li span {
    background: url(/img/time-cr.png);
    height: 125px;
    width: 125PX;
    background-size: 100%;
}

.timeline ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: right;
}

.timeline ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-weight: 700;
}

.timeline ul li p {
    text-align: right;
    font-size: 16px;
    padding-right: 15px;
}

.timeline ul li {
    position: relative;
    margin-bottom: 35px;
}

.timeline ul li:before {
    content: '';
    background: #b5bbc0;
    height: 50px;
    width: 2px;
    position: absolute;
    right: 59px;
    top: 124px;
}

.timeline ul li:last-child:before {
    display: none;
}


/*********************/

.timeline-2 ul li span {
    background: url(/img/time-cr.png);
    height: 125px;
    width: 125PX;
    background-size: 100%;
}

.timeline-2 ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: left;
}

.timeline-2 ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-weight: 700;
}

.timeline-2 ul li p {
    text-align: left;
    font-size: 16px;
    padding-left: 15px;
}

.timeline-2 ul li {
    position: relative;
    margin-bottom: 35px;
}

.timeline-2 ul li:before {
    content: '';
    background: #b5bbc0;
    height: 50px;
    width: 2px;
    position: absolute;
    left: 59px;
    top: 124px;
}

.timeline ul li:last-child:before {
    display: none;
}


/******************accordion-2********************/

#main #faq .card {
    border: 0;
}

#main #faq .card .card-header {
    border: 0;
    border-radius: 0 !important;
    padding: 0;
}

#main #faq .card .card-header .btn-header-link {
    color: #fff;
    display: block;
    text-align: left;
    color: #222;
    padding: 20px 50px;
    font-size: 18px;
    border: 1px solid #ddd;
    font-weight: 800;
}

#main #faq .card .card-header .btn-header-link:after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
}

#main #faq .card .card-header .btn-header-link.collapsed {
    color: #000;
}

#main #faq .card .card-header .btn-header-link.collapsed:after {
    content: "\f106";
}

#main #faq .card .collapsing {
    line-height: 30px;
}

#main #faq .card .collapse {
    border: 0;
}

#main #faq .card .collapse.show {
    line-height: 30px;
    color: #222;
}

.card:nth-child(even) a {
    background: #fafafa;
}

.card:nth-child(odd) a {
    background: #ececec;
}

.card-body {
    padding: 20px 50px;
}

.accordion-2 {
    height: auto !important;
    width: 100% !important;
    max-width: 100%;
}


/********************************/

.font-20 {
    font-size: 20px;
    font-weight: 800;
}


/***************************/

.portfolio {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    overflow: hidden;
    border-radius: 10px;
}

.portfolio-wrapper {
    overflow: hidden;
    position: relative !important;
    background: #666;
    cursor: text;
}

.portfolio img {
    max-width: 100%;
    position: relative;
    top: 0;
    *-webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    *transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all ease 500ms;
}

.portfolio .label {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    *bottom: -100%;
    *-webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    *transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all ease 500ms;
}

.portfolio .label-bg {
    background: rgba(4, 146, 254, 0.85);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.portfolio .label-text {
    color: #fff;
    position: absolute;
    z-index: 500;
    padding: 5px 8px;
    bottom: 10px;
}

.portfolio .text-category {
    display: block;
    font-size: 12px;
    line-height: 15px;
}

.portfolio:hover .label {
    bottom: 0;
    opacity: 1;
}

.portfolio:hover img {
    *scale: 1.1;
}

.comic-content .col-12:nth-child(n+4) {
    display: none;
}

.teams-1 a.nav-link.active {
    border: 0;
    border-bottom: 5px solid #39A935 !important;
}

.teams-1 a.nav-link {
    color: #000;
    background: transparent !important;
    font-weight: 700;
    font-size: 17px;
}

.teams-1 .nav-tabs {
    border-bottom: 0;
}

.teams-1 .tab-content-b {
    padding-top: 35px;
    border-top: 1px solid #d3d1d1;
    margin-top: -2px;
}

.teams-1 .nav-tabs .nav-link:hover,
.teams-1 .nav-tabs .nav-link:focus {
    border-color: transparent;
}

.teams-1 .tab-content-b .col-lg-3 {
    margin-bottom: 30px;
}

.teams-1 .tab-content-b a {
    background: none !important;
}

.teams-1 .nav-tabs .nav-link {
    border: 0;
    text-transform: uppercase;
}

.carousel-indicators li {
    width: 15px;
    height: 15px;
    border-radius: 100%;
}

.tab-main .colon h3 {
    font-size: 72px;
    color: #A5A5A5;
    font-family: 'Merriweather', serif;
    font-weight: 700;
}

.tab-main .carousel-control-prev,
.tab-main .carousel-control-next {
    display: none;
}

.carousel-indicators li {
    background: gainsboro;
}

.carousel-indicators li {
    background-color: #fff;
    cursor: pointer;
    border: 1px solid #A5A5A5;
}

#carouselExampleIndicators-2 .carousel-indicators {
    bottom: -150px;
}

.carousel-indicators .active {
    background-color: #A5A5A5;
}

.tab-main .carousel-item .colon {
    position: relative;
    padding: 75px 140px;
}

.tab-main .carousel-item .colon p {
    color: #A5A5A5;
}


/*****************/

ul.gof {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 150px;
    position: relative;
}

ul.gof:before {
    content: '';
    width: 68.5%;
    height: 2px;
    background: #2B529D;
    position: absolute;
    bottom: -1px;
    left: 48.7%;
    margin-left: 5px;
    transform: translate(-50%, 0px);
}

ul.gof:after {
    content: '';
    background: #DAE7EC;
    position: absolute;
    left: 50%;
    height: 2px;
    width: 19px;
    transform: translate(-50%, 48px);
}

.gof li {
    width: 101px;
    position: relative;
    margin: auto;
}

span.left {
    background: #2B529D;
    height: 50px;
    width: 1px;
    position: absolute;
    left: 40px;
    bottom: -50px;
}

span.right {
    background: #2B529D;
    height: 50px;
    width: 1px;
    position: absolute;
    right: 40px;
    bottom: -50px;
    ;
}

span.center {
    background: #2B529D;
    height: 60px;
    width: 1px;
    position: absolute;
    right: 50%;
    top: 100%;
    z-index: 1;
}

.gof-bg .gof-card {
    background: #e4eaf3;
    padding: 15px;
    margin-top: 10px;
}

.gof-bg .gof-card h4,
.gof-bg .gof-card h3,
.gof-bg .gof-card p {
    *font-size: 18px;
}

.gof-bg .gof-card h4 {
    border-bottom: 1px solid #ababac;
}

.gof-bg .gof-card h3 {
    background: #004697;
    margin: 0 -15px;
    margin-top: -15px;
    padding: 10px 15px;
    color: #fff;
    margin-bottom: 15px;
    font-size: 18px;
}

.gof-card p {
    line-height: initial;
}

.gba ul.gof:before,
.gba span.center,
.gba span.left,
.gba span.right,
.gba .gof-card:before {
    background: #d3d3d3;
}

.gba .gba h3 {
    color: #004697;
    background: transparent;
    margin: 0;
    font-size: 25px;
    margin-bottom: 10px;
    position: relative;
}

.gba .gba h4 {
    border: 0;
}

.text-green {
    color: #00ac14 !important
}

.text-blue {
    color: #006bc1 !important
}

.text-orange {
    color: #ff8c02 !important
}

.gba .gba h3:after {
    content: '';
    height: 2px;
    width: 50px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -35px;
}

.gof-bg .container {
    max-width: 1140px;
}

.gof-bg {
    background: url(../img/map/map.png);
    background-size: 100%;
}

.list-s-h {
    list-style: none;
    padding: 0;
}

.list-s-h span {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    margin-right: 5px;
}

.blue {
    background: #006bc1;
}

.green {
    background: #00ac14;
}

.orange {
    background: #ff8c00;
}

.sky-blue {
    background: #00b4ff;
}

.red {
    background: #ea0000;
}

.border .img-fluid {
    max-width: 75px;
}

.max-img-s .img-fluid {
    max-width: 200px;
}

.max-img-s h5 {
    font-size: 18px;
    font-weight: 600;
}

.max-img-s h6 {
    font-size: 16px;
    font-weight: 600;
}


/***********pop-up**************/

.gallery-img img {
    height: 100%;
}

.row.gallery.gallery-img .col-sm-4 {
    margin-bottom: 30px;
}

.fx-container {
    max-width: 1140px;
    margin: auto;
}

.gba .border {
    margin-bottom: 30px;
    min-height: 235px;
}


/***********************knxtoolbemifi_css******************************/

.header-bottom.block {
    background: #2769bc;
    display: block;
}

.site-main {
    padding-top: 0 !important;
}

.h1slogan {
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.38px;
    transition: all 0.3s;
    text-transform: uppercase;
    text-align: center;
    background-color: #2769BC;
    padding-top: 17px;
    padding-bottom: 14px;
}

.banner-section-2 {
    background: url(../img/knxtoolbemifi/knx-tool-8.jpg), linear-gradient(to left, #f2f2f2 0%, #f2f2f2 50%, #000000 50%, #d9d9d9 50%, #d9d9d9 100%);
    min-height: 399px;
    margin-top: 50px;
    background-position: bottom;
    background-repeat: no-repeat;
}

.card-2,
.card-1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    align-items: center;
}

.green-tab {
    background: #39a935;
}

.light-bg {
    background: #f4f4f4;
    padding: 50px 0px;
}

.teams-1 .jstifie-space {
    border-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}

.font-30 {
    font-size: 30px !important;
}

.min-height-img {
    min-height: 375px;
    object-fit: cover;
}

.blue-bg {
    background: #3b69b4;
    padding: 30px;
    border-radius: 5px 5px 0 0;
    margin-bottom: 35px;
    color: #fff;
    text-align: center;
    position: relative;
}

.green-bg {
    background: #39a935;
    padding: 30px;
    border-radius: 5px 5px 0 0;
    margin-bottom: 35px;
    color: #fff;
    text-align: center;
    position: relative;
}

.orange-bg {
    background: #ffb600;
    padding: 30px;
    border-radius: 5px 5px 0 0;
    margin-bottom: 35px;
    color: #fff;
    text-align: center;
    position: relative;
}

.blue-bg span {
    position: absolute;
    top: 0;
    left: 50%;
    background: #3b69b4;
    width: 40px;
    height: 40px;
    line-height: 40px;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    border: 2px solid;
}

.green-bg span {
    position: absolute;
    top: 0;
    left: 50%;
    background: #39a935;
    width: 40px;
    height: 40px;
    line-height: 40px;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    border: 2px solid;
}

.register-pr {
    margin-bottom: 50px;
    background: #fff;
    min-height: 725px;
    border-radius: 0 0 10px 10px;
}

.register-pr .carousel-indicators {
    bottom: -60px;
}

.register-pr .carousel-item p {
    color: #39a935 !important;
    text-align: center;
    margin: 0;
}

.orange-bg+p {
    color: #ffb600;
}

.product-listng {
    list-style: none;
    margin: 0;
    padding: 10px;
    background: #f8f8f8;
}

.product-listng span.fontsmall {
    font-size: 12px;
    color: #767676;
}

.product-listng li.flex-btn-s {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-bottom: 0;
}

.product-listng .btm-br-s {
    position: relative;
    border-bottom: 5px solid #d9d9d9;
}

.register-pr .primium-c {
    color: #b9b3a1;
}

.product-listng .btn-number,
.product-listng .input-number,
.product-listng .btn {
    padding: 5px !important;
    font-size: 12px !important;
}

.video-bx a {
    display: block;
    color: #000;
}

.product-listng .btm-br-s:before {
    width: 24px;
    content: '';
    height: 5px;
    background: #d60505;
    position: absolute;
    left: 0;
    bottom: -5px;
}

.product-listng .plan-d-b {
    font-size: 15px;
    color: #4080f5;
    font-weight: 700;
}

.product-listng .input-group {
    flex: 0 0 60%;
}

.product-listng .adanddel {
    flex: 0 0 35%;
}

.product-listng li {
    border-bottom: 1px solid #e3e3e3;
    padding: 10px 0;
}

.register-pr .carousel-indicators .active {
    background-color: #39a935;
}

.register-pr .portfolio-wrapper {
    padding: 15px;
    background: #fff;
}

.orange-bg span {
    position: absolute;
    top: 0;
    left: 50%;
    background: #ffb600;
    width: 40px;
    height: 40px;
    line-height: 40px;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    border: 2px solid;
}

.adanddel .btn {
    background: transparent;
}

.sticky-navi {
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 11;
}

#commercial-support .table thead {
    background: #2769BC !important;
    color: #fff;
}

#commercial-support .table tbody tr td:nth-child(2) {
    background: #ebf6eb;
}

#commercial-support .table tbody tr td:nth-child(2):hover {
    background: #bfe2be;
}

#commercial-support .transprent-bg {
    background: transparent !important;
}

.gray-bg {
    background: #f4f4f4;
}

.white-bg {
    background: #fff;
}

.green-tab h3 {
    color: #fff;
    font-size: 26px !important;
}

.jstifie-space+.tab-content-b {
    border-top: 0;
}

.video-bx .embed-responsive {
    min-height: 250px;
}

.video-bx .video-text {
    margin-bottom: 30px;
    background: #ffffff;
    padding: 15px;
    border-radius: 0 0 10px 10px;
}

.card-2 .img-ls {
    flex: 0 0 30%;
}

.card-1 .p3 p,
.card-2 .p3 p {
    margin: 0;
    font-size: 17px;
}

.card-1 .img-fluid,
.card-2 .img-fluid {
    max-width: 100%;
    height: auto;
    width: 100%;
}

.card-2 .p3 {
    flex: 0 0 70%;
    padding: 15px;
}

.card-1 .p3 {
    padding: 15px;
}

.card-2 .img-ls .img-fluid {
    height: 100%;
    object-fit: cover;
    min-height: 100px;
}

.bl-gr-tab .nav-tabs .nav-link.active,
.bl-gr-tab .nav-tabs .nav-item.show .nav-link {
    background: #2769BC;
    color: #fff;
}

.bl-gr-tab .nav-tabs .nav-link {
    border: oldlace;
    border-radius: 0 !important;
    background: #00A33A;
    color: #fff;
    padding: 15px;
}

ul.list-h {
    padding: 0;
    margin: 0;
    text-align: justify;
    line-height: 1.7;
}

.list-h a {
    cursor: text;
}

.video-bx .gallery-img img {
    height: auto;
    width: 100%
}

.primium-clr {
    color: #b9b3a1;
}

.business-clr {
    color: #d9d9d9;
}

ul.list-h li {
    list-style: none;
    padding-left: 14px;
    position: relative;
}

ul.list-h li:before {
    content: "-";
    position: absolute;
    left: 0;
}


/*************vertical tabs*****************/

.tab-vertical .nav.nav-tabs {
    margin-right: 0px;
    border-bottom: 0;
}

.tab-vertical .nav-item {
    display: block;
    width: 100%;
}

.tab-vertical .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-radius: .25rem;
    padding: 15px 25px;
    color: #fff;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    background: transparent;
}

.tab-vertical .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #2769BC !important;
    border-color: transparent !important;
}

.tab-vertical .nav-tabs .nav-link {
    border: 1px solid transparent;
}

.blue-tab {
    background: #1f2f4d;
}

.tab-vertical .tab-content {
    overflow: auto;
    -webkit-border-radius: 0px 4px 4px 4px;
    -moz-border-radius: 0px 4px 4px 4px;
    border-radius: 0px 4px 4px 4px;
    background: transparent;
    padding: 0px;
    color: #fff;
}

.fx-container {
    padding: 15px;
}

@media screen and (min-width: 2000px) {
    .colon {
        padding: 75px 155px;
    }
    .row-flex-1.parcel-track-list-wrapper .parcel-track-list-outer {
        flex: 0 0 16%;
        max-width: 16%;
    }
    .team-s p,
    .timeline ul li p,
    .timeline-2 ul li p,
    p {
        line-height: 1.5rem!important;
        margin-bottom: 0.3rem;
    }
    .portfolio-wrapper .text-title {
        margin-bottom: 1rem;
        display: block;
    }
    .gba .border {
        min-height: 290px;
    }
    .portfolio img {
        width: 100%;
    }
    .min-height-img {
        min-height: 1027px;
    }
    .register-pr .img-fluid {
        max-height: 530px;
    }
    .tab-vertical.m-5 .img-fluid {
        width: 100%;
    }
}

@media (min-width: 1441px) and (max-width: 1680px) {
    .min-height-img {
        min-height: 378px;
    }
    .register-pr .img-fluid {
        max-height: 450px;
    }
}

@media (min-width: 1681px) and (max-width: 1920px) {
    .min-height-img {
        min-height: 469px;
    }
    .register-pr .img-fluid {
        max-height: 548px;
    }
}

@media (min-width: 1921px) and (max-width: 2560px) {
    .min-height-img {
        min-height: 654px;
    }
}

@media (min-width: 993px) and (max-width: 1440px) {
    .row-flex-1.parcel-track-list-wrapper .parcel-track-list-outer {
        flex: 0 0 50%;
        max-width: inherit;
    }
    .row-flex-1.parcel-track-list-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
    }
}

@media (min-width: 993px) and (max-width: 1439px) {
    .min-height-img {
        min-height: 276px;
    }
}

@media screen and (max-width: 992px) {
    .for-mob .col-sm-4 {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 25px;
    }
    .timeline ul li p,
    .timeline-2 ul li p {
        flex: 0 0 100%;
        text-align: center;
    }
    .timeline ul li span,
    .timeline-2 ul li span {
        flex: 0 0 125px;
        margin: auto;
    }
    .timeline ul li:before,
    .timeline-2 ul li:before {
        bottom: -50px !important;
        top: inherit !important;
        left: 50%;
    }
    .timeline ul,
    .timeline-2 ul {
        padding: 0;
    }
    .timeline ul li,
    .timeline-2 ul li {
        margin-bottom: 60px;
    }
    .timeline-2 ul li span {
        order: 1;
    }
    .colon {
        padding: 75px 10px;
    }
    .colon:after {
        top: 92%;
    }
    .colon:before {
        top: 40px;
    }
    #faqhead1 .border-right {
        border-bottom: 1px solid #ddd;
        border-right: 0 !important;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .tab-main .carousel-item .colon {
        padding: 50px 10px;
    }
    /*********knx***************/
    .row-cus .pl-5,
    .row-cus .pr-5,
    .row-cus .ml-5,
    .row-cus .mr-5,
    .row-cus .p-5,
    .row-cus .m-5,
    .row-cus .p-4 {
        padding: 0 !important;
        margin: 0 !important;
    }
    .register-pr {
        min-height: auto;
        padding-bottom: 32px;
    }
    .register-pr .carousel-indicators {
        bottom: -40px;
    }
    .fx-container-2 .container.card-body {
        padding: 20px;
        padding-top: 50px;
    }
    .row-cus .table-responsive {
        margin-top: 15px;
    }
    .fx-container {
        padding: 15px;
    }
    .row-flex-1.parcel-track-list-wrapper .parcel-track-list-outer {
        flex: 100%;
        max-width: 100%;
    }
    .row-flex-1.parcel-track-list-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
    }
    .card-2 .p3 {
        padding: 0 15px;
    }
    .row.gallery.gallery-img .col {
        flex: 0 0 50%;
    }
}

@media screen and (max-width: 575px) {
    .border-right {
        border-right: 0 !important;
        border-bottom: 1px solid #dee2e6 !important;
        margin-bottom: 15px;
    }
    .row.gallery.gallery-img .col {
        flex: 0 0 100%;
    }
}

@media (min-width: 1101px) and (max-width: 1440px) {
    .timeline ul li span+div {
        width: 235px;
    }
    .timeline ul li span+div {
        right: -240px;
    }
    .timeline-2 ul li span+div {
        left: -240px;
    }
}

@media (min-width: 993px) and (max-width: 1100px) {
    .timeline-2 ul li span,
    .timeline ul li span {
        font-size: 15px !important;
    }
    .timeline-2 ul li p,
    .timeline ul li p {
        font-size: 15px !important;
    }
    .timeline-2 ul li span,
    .timeline ul li span {
        height: 80px !important;
        width: 80PX !important;
    }
    .timeline-2 ul li:before {
        left: 40px !important;
        top: 79px !important;
    }
    .timeline ul li:before {
        right: 40px !important;
        top: 79px !important;
    }
    .timeline+.col-md-2 img {
        max-width: 78px;
    }
    .hide-mob {
        display: none;
    }
    .timeline ul li span+div {
        display: none;
    }
    .for-sm-d .col-md-6.col-lg-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .for-sm-d .register-pr {
        height: auto;
        padding-bottom: 100px;
    }
}
@media (min-width: 250px) and (max-width: 576px) {
	#carouselExampleIndicators-2 .carousel-indicators {bottom: -253px;}
}
@media (min-width: 250px) and (max-width: 991px) {
    .gba .border {
        margin-bottom: 30px;
    }
    .hide-mob {
        display: none;
    }
    .timeline ul li span+div {
        display: none;
    }
}

/*****************cursosonlinebasico page****************/
	.btn-label {position: relative;display: inline-block;padding: 6px 12px;background: rgba(0,0,0,0.15);border-radius:0;}
	.btn-block .btn-label {position: relative;}
	.btn-text {display: inline-block;margin:0 10px;}
	.btn-align {margin-top: 0 !important;width: 100%;}
	.btn-align li {float: left;margin-bottom: 20px;margin-left: 0 !important;padding-right: 10px;}
	.btn-align .btn-label {position: absolute;top: 0;right: 0;bottom: 0;}
	.btn-align .btn-labeled {padding: 6px;position: relative;text-align: left; padding-right: 35px; float: left; min-width: 285px; }
	.btn-primary .btn-label {background: #d5e1f1;color: #2b69bb;}
	.btn-warning .btn-label {background: #fde9cc;color: #f39200;line-height: 24px;}
	.fit-img img {height: 100%;object-fit: cover; width:100%;}
	.training-course-block .image-content-block {overflow:hidden;}
	.fit-img {flex: 0 0 50%;}
	.btn-labeled img {width: 20px;}
	.btn-labeled {border-radius: 4px 0 0 4px; position: relative;cursor:pointer;}
	/***************************/
	.slider {
        width: 100%;
        margin: 0px auto;
    }
	.slick-padd {padding: 0 50px;}
    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
    }

    .slick-current {
      opacity: 1;
    }
	.slider-nav-1 .slick-slide img, .slider-nav .slick-slide img {margin: auto;}
	.regular.slider .bg-success {padding-right: 50px !important;}
	.slidelist li {padding: 10px 0;border-bottom: 1px solid #ededed;}
	.slide-cont {padding: 20px;background: #fff;}
	.slide-wrap .btn-group {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
	.slide-wrap .btn-group .btn {flex: 0 0 50%;}
	.slide-wrap .text-left img {margin-left: auto;}
	.slidelist li i {margin-right: 10px;}
	.regular button.slick-prev.slick-arrow {transform: rotate(90deg);}
	.regular button.slick-next.slick-arrow {transform: rotate(-90deg);}
	.slide-wrap .btn-group img {display: inline; width:15px;margin-right: 5px;}
	.slide-wrap .btn-group .btn {border-top-left-radius: 0;}
	.slide-wrap .btn-group .btn {border-top-right-radius: 0;}
	.cdf-bg {background: url(/img/cursos-img/colaboradores1-11.jpg) no-repeat center #d8d9d7; }
	.st-coll-bg {background: url(/img/cursos-img/colaboradores1-16.jpg) no-repeat center #d8d9d7; }
	.dwot-bg {background: url(/img/cursos-img/colaboradores1-17.jpg) no-repeat center #d8d9d7; }
	.min-h-s {min-height: 467px; background-attachment:fixed; background-size:cover}
	.light-bg2 {background:#efe8e8;}
	/********************/
	.cldr td, .cldr th {padding: 10px;text-align: center; font-weight: 600;}
	.calender-height .border-bottom {min-height: 380px;}
	.cldr {margin-top: 45px;}
	.clr-1{background:#fde9cc;}
	.clr-2{background:#edd3ea;}
	.clr-3{background:#d6defd;}
	.clr-4{background:#d3edcf;}
	.clr-5{background:#f3b4b4;}
	.cldr th:nth-child(7), .cldr td:nth-child(7) {color: #dd3830;}
	.workdays li.month-name{padding:10px 0px;font-weight: bold; }
	.workdays li {padding: 10px;padding-left: 55px;position: relative; font-weight:normal;}
	.workdays li span {position: absolute;left: 12px;border-right: 5px solid #fff;top: 0;bottom: 0;width: 30px;line-height: 39px;}
	/******************/
	.light-bg-3 p, .light-bg-3 h6 {margin-bottom: 7px;}
	.fzdc-coll-bg {background: url(/img/cursos-img/colaboradores1-18.jpg) no-repeat center #d8d9d7; min-height:450px; background-size: cover; }
	.social-icon img {width: 35px;margin-bottom: 8px;}
	.social-icon li {list-style: none;margin: 10px 5px;}
	.social-icon {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;margin-top: 60px;}
	.card-icon-1 li img { width:20px; margin-bottom:10px;}
	.card-icon-1 {display: flex;flex-wrap: wrap;text-align: center;}
	.card-icon-1 li {flex: 0 0 33%;padding: 10px;}
	.light-bg-3 {height: 100%;padding: 20px;background: url(../newDesigning/images/box-shadow-strip-1.png) no-repeat bottom #fafafa;background-size: 100%;margin-top: 35px;}
	.sli-btn button.slick-next.slick-arrow {transform: rotate(-90deg);}
	.sli-btn button.slick-prev.slick-arrow {transform: rotate(90deg);}
	.slider.slider-nav, .slider.slider-nav-1 {margin: 20px auto !important;}
	.sli-btn iframe, .sli-btn img {vertical-align:top}
	.slider.slider-for, .slider.slider-for-1 { margin:0 auto; width: 100%;}
	.slider.slider-for .slick-slide, .slider.slider-for-1 .slick-slide {margin:0;}
	.sli-btn .slick-next, .sli-btn .slick-prev {margin-top: -10px;}
	.sli-btn .slider-for img { max-height:418px; object-fit: cover;}
	.slider-nav img, .slider-nav-1 img {max-height: 240px; max-width: 240px;object-fit: cover;}
	/*.map-list-bg{background: url(/img/cursos-img/colaboradores1-26.jpg) no-repeat center #d8d9d7;background-size: cover; }*/
	.map-listing li {border-bottom: 1px solid #dfdfdf;padding-top: 15px;padding-bottom: 10px; font-weight:bold;}
	.map-listing {padding: 100px 0;}
	#main #faq .card .card-header{border-radius: 0 !important;}
	p {line-height: 1.5rem!important;margin-bottom: 0.3rem;}
	/***********file upd css**************/
	.image-preview-container {
    width: 150px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0;
    border-radius: 100%;
    height: 150px;
    position: relative;
	background:#eef0f7;
}
.image-preview-container img {
    width: 100%;
    display: none;
	object-fit:cover;
}
.image-preview-container input {
    display: none;
}
.text-dark .image-preview-container label {
    display: block;
    width: 40px;
    height: 40px;
    margin-left: 0;
    text-align: center;
    background: #c1c8e4;
    border-radius: 100%;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
	line-height: 40px;
    color: #eaecf6 !important;
}
.preview {
    overflow: hidden;
    width: 149px;
    border-radius: 100%;
    margin-left: 1px;
    height: 149px;
}


.file-upld .preview {
    overflow: hidden;
    width: 100px;
    border-radius: 100%;
    margin-left: 1px;
    height: 100px;
}
.file-upld .image-preview-container {
    width: 99px;
    margin: 0px auto;
    border: 1px solid #ddd;
    padding: 0;
    border-radius: 100%;
    height: 99px;
    position: relative;
	background:#f0f0f0;
}
.text-dark .file-upld .image-preview-container label {
    display: block;
    width: 30px;
    height: 30px;
    margin-left: 0;
    text-align: center;
    background: #c1c8e4;
    border-radius: 100%;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
	line-height: 30px;
    color: #eaecf6 !important;
}
.file-upld li {display: inline-block;margin-right: 15px;}
/*******end upload css******/
.heading-block h2 {
    font-size: 18px !important; font-family: 'Nunito', sans-serif;
}
.training-course-block .image-content-block .content-block h4 { font-size:14px;}
.slide-cont h4{font-size:21px;}
.min-h-s h1, .fzdc-coll-bg h1  {
    font-size: 36px;
    font-family: 'Lato';
    font-weight: 300;
}
.min-h-s h1 strong, .fzdc-coll-bg h1 strong {
    font-weight: 600;
}
.min-h-s .form-group label{color: #000;}
.min-h-s p {font-size:18px;}
.light-bg-3 h6 { font-size:15px; margin-bottom:20px; font-weight: 600;}
.custom-toggle-switch .toggle-switch-inner label{ font-weight:normal;}
.cus-hora {border: 1px solid #ddd;padding: 5px;margin: 5px;}
.slidelist li img {width: 20px;float: left;margin-right: 10px;}
.parcel-track-list-section {cursor: default;}
.site-header .header-bottom{padding: 0px 0;}
.btn {padding: 7px 40px;}
.bottom-form .btn {padding:0.375rem 0.75rem;}
.light-bg-form {background: #fafafa;padding: 20px 50px;margin: -15px;}
.bottom-form {margin: -15px;padding: 35px 50px;background: #fff;}
select.form-control:not([size]):not([multiple]) {
    height: 47px;
}
.card-header .btn-header-link img {width: 20px;margin-right: 10px;}
.light-bg2 h4 img {width: 25px;margin-right: 10px;}
.light-bg2 h4 {font-size:20px;}
.slick-slide img.img-fluid {
    border-radius: 0.3rem 0.3rem 0 0;
}
.slick-slide .bg-success .flag {
    position: absolute;
    width: 30px;
    top: -16px;
    border: 2px solid #fff;
    border-radius: 100%;
    right: 15px;
}
.slick-slide .bg-success {
    position: relative;
}
.sli-btn button.slick-prev.slick-arrow {
    left: -5px;
}
.sli-btn button.slick-next.slick-arrow {
    right: -5px;
}
.slider.slider-nav, .slider.slider-nav-1 { padding:0 15px;}
/***************/
.custom-m-h .modal-header{ background:#2b69bb; color:#fff; border-radius:0px; padding: 1rem 1.5rem !important;}
.custom-m-h {border:0 !important; border-radius:0px;}
.text-dark label, .text-dark .text-muted {color: #000 !important;}
.custom-m-h .modal-header h3 {font-weight: 300;}
.list-none li { list-style:none}
.slide-cont h4 a, .map-listing li a{color:#000;}
@media screen and (max-width: 1500px) {
	.sli-btn{max-width: 100%;flex: 0 0 100%;}
	
}
@media screen and (max-width: 1000px) {
	.min-h-s .offset-5.col-7 {margin-left: 0;margin-right: 0;max-width: 100%;}
	.fit-img {flex: 0 0 100%;}
	.image-content-block .content-block p .btn {float: left;margin-bottom: 10px;}
	.image-content-block .content-block p{overflow:hidden;}
}
@media (min-width: 991px) and (max-width: 1400px) {
	.btn-align li {flex: 0 0 100%;margin-left: 0 !important;}
	.btn-align {flex-wrap: wrap;}
}
@media (min-width: 768px) and (max-width: 900px) {
	.btn-align li {margin-left: 20px !important;}
}
@media screen and (max-width: 767px) {
	.btn-align li {flex: 0 0 100%;margin-left: 0 !important; padding: 0;}
	.btn-align {flex-wrap: wrap;}
}
@media screen and (max-width: 500px) {
	.heading-block.d-flex {flex-wrap: wrap;}
	.heading-block.d-flex a.brn{margin-top:10px;}
}
@media screen and (max-width: 400px) {
	.slick-padd {padding: 0 5px;}
	
}



/**Calendar css*/
.calendar table.month tr td.disabled, .calendar table.month tr td.disabled:hover{
    color:#ff9696!important;
}
.calendar table.month tr td, .calendar table.month tr th {
    padding: 8px!important;
}
.calendar table.month tr td .day-content {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px!important;
}
.calendar table.month td.day .day-content:hover {
    background: #d3edcf!important;
}
.calendar table td, .calendar table th {
    font-size: 16px;
}
.calendar .month-container {
    border: 1px solid #eaeaea;
}