html,body{
    min-height: 100vh;
}
@font-face {
    font-family: tr-black;
    src: url(../fonts/black.otf)
}
@font-face {
    font-family: tr-bold;
    src: url(../fonts/bold.otf)
}
@font-face {
    font-family: tr-boldItalic;
    src: url(../fonts/boldItalic.otf)
}
@font-face {
    font-family: tr-light;
    src: url(../fonts/light.otf)
}
@font-face {
    font-family: tr-lightItalic;
    src: url(../fonts/lightItalic.otf)
}
@font-face {
    font-family: tr-regular;
    src: url(../fonts/regular.otf)
}
@font-face {
    font-family: tr-semiBold;
    src: url(../fonts/semiBold.otf)
}
@font-face {
    font-family: tr-semiBoldItalic;
    src: url(../fonts/semiBoldItalic.otf)
}
@font-face {
    font-family: tr-thin;
    src: url(../fonts/thin.otf)
}
@font-face {
    font-family: tr-xthin;
    src: url(../fonts/xthin.otf)
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #222;
    outline: none!important;
    font-weight: 600;
}
body {
  border-top: solid 10px #F0F5F6;
    margin: 0;
    background-color: #fff;
    color: #64697a;
    font-family: tr-regular;
    font-size: 17px;
    font-style: normal;
    font-weight: 200;
    line-height: 1.6;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  }
  a{
    text-decoration: none;
  }
  .top-bar{
    background-color: #F0F5F6;
    padding: 10px 20px;
    border-radius: 0px 0px 10px 10px;
    display: flex;
    list-style: none;
    align-items: center;
    width: fit-content;
    float: right;
  }
  .top-bar li{
    padding:0px 10px;
    border-right: solid 1px #ccc;
  }
  .top-bar li:last-child{
    border-right:0px;
  }
  a.navbar-brand{
    margin-top: -40px;
  }
  .navbar-nav .nav-item .nav-link{
    font-size: 20px;
    font-family: tr-semiBold;
    color: #5E5E5E;
    padding: 15px 15px;
  }

  .account-buttons .btn{
    font-size: 16px;
    font-family: tr-semiBold;
    text-transform: uppercase;
    margin-left: 5px;
    display: flex;
    align-items: center;
    background-color:#F0F5F6;
    padding: 10px 20px;
    color: #707070;
  }
  .account-buttons .btn .lni{
    font-size: 22px;
  }

.dropdown-toggle::after {
    display:none;
}

.slogan-bar{
    background-color: #001A41;
    color: #fff;
    font-size: 20px;
    font-family: tr-semiBold;
    text-align: center;
    padding: 20px 10px;
}
.slogan-bar p{
    margin-bottom: 0px;
}

h3{
    color: #001A41;
    margin-bottom: 0px;
    font-size: 32px;
    font-family: tr-bold;
}
.text-orange{
    color: #DC2F02;
}
.blog-card {
    border: 0px;
}
.blog-card p{
    font-family: tr-bold;
    margin-bottom: 0px;
}
.bg-light-cyhan{
    background-color: #F0F5F6;
}
.option-card{
    text-align: center;
    border:0px;
}
.card-img-top.out-img{
        margin: auto;
    margin-top: -70px;
    width: 70%;
}
.option-card-margin{
    margin-top: 100px;
}

.option-card h5{
    font-size: 26px;
    font-family: tr-bold;
    color: #001a41;
}
.option-card p{
    color: #818EA1;
}

.bg-gray-2{
    background-color: #E2E2E2;

}
.get-info h4{
color: #001A41;
    margin-bottom: 0px;
    font-size: 26px;
    font-family: tr-bold;
}
.get-info .form-control{
    height: 54px;
    box-shadow: 0px 3px 6px #00000020;
}
.get-info .btn{
    height: 54px;
    background-color: #2CA8C3;
    border:0px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 3px 6px #00000020;
}
.btn-cyn{
    background-color: #2CA8C3;
    border:0px;
}

.video-content{
position: relative;
}

.video-content > img{
    border-radius: 10px;
    width: 100%;
}
.video-content .overlay{
position: absolute;
width: 96%;
height: 94%;
margin: 2% 2%;
background-color: #001A4166;
z-index: 9;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
}
.video-title{
    font-size: 26px;
    font-family: tr-bold;
    color: #001A41;
    margin-bottom: 0px;
    margin-top: 15px;
}
.video-text{
    font-size: 16px;
    color: #001A41;
}
.video-btn{
    background-color: transparent;
    border: 0px;
}
#videoModal .btn-close{
    z-index: 100;
    background-color: #fff;
    border-radius: 50px;
    padding: 10px;
    right: -10px;
    top: -10px;
    opacity: 1;
}
#videoModal .modal-body{
    padding: 5px;
}
.btn-dark-blue{
    background-color: #001A41;
    border: solid 1px #001A41;
    padding: 10px 35px;
    font-family: tr-semiBold;
}
.price-card{
    background-color: #F0F5F6;
    border-radius: 10px;
    padding: 15px;
}
.price-card.sugg{
    background-color: #D1ECFB;
}
.price-card .header-area{
    background-color: #fff;
    border-radius: 8px;
    padding: 20px 10px;
    text-align: center;
    color: #001A41;
}
.price-card .header-area h5{
    font-weight: bold;
    margin-bottom: 0px;
}
.price-card .header-area small{
    font-family: Arial, sans-serif;
}
.price-card .header-area .btn-price{
    background-color: #F0F5F6;
    padding: 10px 30px;
}

.price-text{
    display: flex;
    align-items: center;
    justify-content: center;

}
.price-text .price-icon{
    font-family: Arial, sans-serif;
    font-size: 21px;
    font-weight: bold;
}
.price-list{
    margin-top: 30px;
    padding: 0px 5px;
    list-style: none;
    font-size: 16px;
}
.price-list li{
    padding: 3px 0px;
}
.price-list .fa{
    margin-right: 10px;
}
.price-list .fa.fa-check{
    color: green;
}
.price-list .fa.fa-times{
    color: red;
}

.bg-light-blue{
    background-color: #D1ECFB;
}
.blue-title{
    font-size: 22px;
    font-family: tr-bold;
    color: #001A41;
    margin-bottom: 0px;
    margin-top: 15px;
}
.btn-orange{
    background-color: #FD6120;
    color: #fff;
    border: solid 1px #FD6120;
    padding: 5px 40px;
    font-family: tr-semiBold;
}

.accordion-item{
    background-color: transparent !important;
    border: 0px;
    border-bottom: solid 1px #D1ECFB;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.accordion-item:first-of-type {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.accordion-button{
    font-family: tr-semiBold;
    font-size: 21px;
    background-color: transparent;
    color: #001A41;
}
.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: transparent;
     border-bottom: solid 1px #D1ECFB;
    
}

.page-header-blue{
    background-image: url('../images/page-header-bg-blue.png');
    background-size: cover;
}
.page-title-text h2{
    color: #fff;
    font-family: tr-bold;
    font-size: 52;
    margin-bottom: 0px;
}
.page-title-text p{
    color: #fff;
    margin-bottom: 0px;
}

.buy-list-item{
    border: solid 1px #D1ECFB;
    display: flex;
    align-items: center;
    
}
.buy-list-item .col-12{
    border-right: solid 1px #D1ECFB;
    padding: 15px;
}
.buy-list-item .col-12:last-child{
    border-right: none;
}
.buy-list-item h4{
    font-family: tr-bold;
    font-size: 26px;
    margin-bottom: 0px;
    color: #001A41;
    padding: 10px 0px;
    text-align: center;
}
.buy-list-item h5{
    font-family: tr-bold;
    font-size: 26;
    margin-bottom: 0px;

}
.buy-list-item p{
    margin-bottom: 0px;
}

.contact-form{}
.contact-form .form-control{
    border: 0px;
    box-shadow: 0px 3px 5px #2223;
    padding: 10px 20px;
}



.tio-pricing-table{
    display: block;
    font-size: 14px;
    width: 100%;
    margin: 0 auto;
    max-width: 1640px;
    position: relative;
    top: 0;
    color: #111;
}
.tio-pricing-header{
    display: block;
    position: sticky;
    background-color: #fff;
    top: 80px;
    z-index: 2;
}
.tio-pricing-header-row {
    display: flex;
    border-bottom: 1px solid #e2e8f0;
    border-left: 1px solid transparent;
    border-right: 1px solid #e2e8f0;
}
.tio-pricing-header-col {
    flex: 0 0 25%;
    max-width: 25%;
    text-align: center;
    border-left: 1px solid #e2e8f0;
    border-top: 1px solid #e2e8f0;
    padding: 10px 15px;
}
.tio-pricing-table-pack{

}
.tio-pricing-table-pn {
    font-size: 1.5rem;
    margin-bottom: .5rem;
    padding-bottom: .5rem;
    line-height: 1.5;
    border-bottom: 1px solid #e2e8f0;
}
.tio-pricing-table-pg {
    margin-bottom: 1rem;
}
.tio-pricing-table-pf {
    color: #64748b;
    font-size: 1.25em;
    font-weight: 500;
}
.tio-pricing-table-pp {
    font-weight: 900;
    font-size: 2.125em;
    line-height: 1.125em;
    margin-bottom: .5rem;
    display: flex;
    justify-content: center;
    gap: 3px;
}
.tio-pricing-table-pp span, .tio-pricing-table-pt span {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
}
.tio-pricing-table-sg {
    color: #475569;
    display: inline-block;
    border: 1px solid #e2e8f0;
    border-radius: 7px;
    padding: 5px 7px;
    line-height: 1;
    font-weight: 500;
}
.tio-pricing-btn {
    color: #fff !important;
    display: block !important;
    padding: .65rem 1rem;
    background-color: #ddd;
    border-radius: 34px;
    -webkit-border-radius: 34px;
    margin-bottom: .25rem;
    font-weight: 500;
    height: 45px;
    text-wrap: nowrap;
}
.tio-pricing-header-tab-content.bronz .tio-pricing-btn, .tio-pricing-header-col.bronz .tio-pricing-btn, .tio-pricing-footer-col.bronz .tio-pricing-btn {
    background-color: #0f172a;
}




.tio-pricing-body {
    position: relative;
}
.tio-pricing-body-row{}
.tio-pricing-body-row-inner:not(.grup) {
    display: flex;
    border-bottom: 1px solid #e2e8f0;
    border-left: 1px solid #e2e8f0;
    border-right: 1px solid #e2e8f0;
    transition: all .1s ease-in-out;
}
@media only screen and (min-width: 1400px){
    .tio-pricing-body-col-name {
        flex: 0 0 450px;
        max-width: 450px;
    }
}
.tio-pricing-body-col-name {
    display: block;
    padding: 15px 20px;
}
.tio-pricing-body-col-name>div {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5;
}
.tio-pricing-body-col-name>span {
    display: block;
    color: #475569;
    font-size: 90%;
    line-height: 1.5;
    margin-top: .35rem;
}
.tio-pricing-body-col-value {
    flex: 1 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #e2e8f0;
    padding: 8px 12px;
    text-align: center;
}
.tio-pricing-table .fa-times {
    color: #ef4444 !important;
}
.tio-pricing-table .fa-check {
    color: #16a34a !important;
}


@media only screen and (min-width: 1126px) {
    .tio-pricing-header-row-m {
        display:none
    }

    .tio-pricing-body-row:not(.grup) .tio-pricing-body-row-inner:hover {
        position: sticky;
        position: -webkit-sticky;
        background-color: var(--pm-pricing-bch)
    }

    .tio-pricing-header-col {
        height: calc(var(--pm-pricing-group-siticky-top) - var(--pm-pricing-siticky-top))
    }
}

@media only screen and (min-width: 1126px) and (max-width:1399px) {
    .tio-pricing-footer-row,.tio-pricing-header-row {
        padding-left:calc(450px/2)
    }

    .tio-pricing-body-col-name {
        flex: 0 0 calc(450px/2);
        max-width: calc(450px/2)
    }
}

@media only screen and (min-width: 1400px) {
    .tio-pricing-footer-row,.tio-pricing-header-row {
        padding-left:450px
    }

    .tio-pricing-body-col-name {
        flex: 0 0 450px;
        max-width: 450px
    }
}

@media only screen and (min-width: 1126px) and (max-width:1530px) {
    .tio-pricing-header-col .tio-pricing-table-pack .tio-pricing-table-pt {
        font-size:1.5em
    }
}

footer{
    background-color: #39444B;
}
footer h4{
    color: #fff;
    font-size: 19px;
    font-family: tr-bold;

}
footer nav .nav-link{
    color: #7F8A92;
    padding: 0px;
    font-size: 14px;
}
footer nav .nav-link:hover{
    color: #fff9;
}
footer .social-nav .nav-link{
    color: #fff;
    font-size: 21px;
    margin-right: 10px;
}
.m-visible{
    display: none;
}
@media screen and (max-width: 720px) {
    body{border-top: solid 3px #F0F5F6;}
    .top-bar {display: flex; width: 100%; padding: 0px 10px 3px 10px; justify-content: space-between; border-radius: 0px 0px 0px 0px;}
    .top-bar li {border-right: solid 0px #ccc; padding: 0px 3px; font-size: 16px}
    .top-bar li:first-child{display: none}
    a.navbar-brand {margin-top: 0px;}
    a.navbar-brand img{width: 70%; margin-top: 15px; margin-bottom: 15px}
    .navbar-nav .nav-item .nav-link {font-size: 16px; color: #5E5E5E; padding: 15px 0px 10px 0px; border-bottom: 1px solid #eee;}
    .slogan-bar p {font-size: 16px;}
    .m-img-fluid{width: 100%}
    .card-img-top.out-img {margin: auto; margin-top: 15px; width: 50%;}
    h3{text-align: center; font-size: 26px;}
    .option-card-margin {margin-top: 10px;}
    .get-info .flex-fill:first-child{text-align: center;}
    .account-buttons{display: none !important;}
    footer{text-align: center;}
    footer nav.nav.social-nav {display: flex; align-items: center; justify-content: center;}
    .m-visible{display: block !important;}
}
@media only screen and (min-width:721px) and (max-width: 1024px) {
    a.navbar-brand {margin-top: -20px;}
    .navbar-nav .nav-item .nav-link {font-size: 13px; white-space: nowrap !important;}
    .account-buttons .btn {font-size: 13px;}
    .account-buttons .btn .lni {font-size: 15px;}
    .option-card h5 {font-size: 21px;}
    .top-bar li {font-size: 13px;}
    .price-card .header-area small {line-height: 24px; display: block;}
    .get-info h4 {text-wrap: nowrap; font-size: 21px;}
    .get-info .btn{font-size: 14px; white-space: nowrap !important;}
}
@media only screen and (min-width:1025px) and (max-width: 1366px) {
    a.navbar-brand {margin-top: -20px;}
    .navbar-nav .nav-item .nav-link {font-size: 15px; white-space: nowrap !important;}
    .price-list li {font-size: 13px;}
}
@media only screen and (min-width: 1367px) {

}