/*<style>*/
    /*new page*/
    .in{
         background-color: rgb(1, 0, 140);
    }
     .header-img-right img{
         position: relative;
         top: 50px;
         z-index: 1;
    }
    .k-header-top{
        padding-top: 55px;
    }
     .navbar-light .navbar-nav .nav-link{
         color: #000;
    }
    
     .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
         color: #ed1b24;
         font-weight: 900;
    }
    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        /* color: rgba(239, 238, 238, 0.7); */
        color: #ed1b24;
    }
    .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
        color: #ed1b24;
    }
     .navbar-brand img.logo-defult{
         /* margin-top: 30px; */
         margin-top: 0px;
    }
    
     .navbar-brand img.logo-sticky{
         display: none;
    }
     .navbar.in .navbar-brand img.logo-defult{
         display: none;
    }
     .navbar.in .navbar-brand img.logo-sticky{
         margin-top: 0px;
         width: 140px;
        /*background-color: #f24405;
        */
         display: block;
         margin-right: 18px;
    }
     .mt-20{
         margin-top: 20px;
    }
     .padding-space-0{
         padding-left: 0;
         padding-right: 0;
    }
     .form-two select.form-control {
         height: 42px !important;
         margin-top: 0px;
    }
     .form-two input.form-control, select.form-control {
         box-shadow: none;
         border-radius: 0rem;
         height: 42px !important;
         color: #495057 !important;
         font-size: 14px;
         border: none;
         /* background-color: #fff; */
         padding: .5625rem .75rem !important;
    }
     .form-two input.form-control, select.form-control:hover{
         box-shadow: none;
         border-radius: 0rem;
         border: none;
         background-color: #fff;
    }
    /* .form-two button{
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
    }*/
     .space{
         padding-top: 50px;
         padding-bottom: 50px;
    }
     ::-webkit-input-placeholder {
        /* Edge */
         color: rgba(0, 0, 0, .5) !important;
         opacity: .5;
    }
     :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
         color: rgba(0, 0, 0, .5) !important;
         opacity: .5;
    }
     ::placeholder {
         color: rgba(0, 0, 0, .5) !important;
         opacity: .5;
    }
    
    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom right, rgba(139, 0, 0, 0.7), rgba(0, 0, 128, 0.7));
        /* background-color: rgba(0, 0, 0, 0.5); */
        /* Adjust the color and transparency */

    }
     @media (max-width: 420px) {
        .k-header-top{
            padding-top: 0px;
        }
        .discount-bg .col-lg-9{
            padding: 20px;
        }
         .padding-space-0 {
             padding-left: 15px;
             padding-right: 15px;
        }
        }
         .navbar-brand img.logo-defult {
             margin-top: 0px;
             /* margin-top: 20px; */
             /*display:none;*/
        }
        .navbar-brand img.logo-sticky {
            /* margin-top: 0px; */
            width: 140px !important;
            display: none;
        }
        /* .navbar-brand img.logo-sticky {*/
        /*     margin-top: 0px;*/
        /*     width:140px !important;*/
        /*     display:block;*/
        /*}*/
         .fixed-top {
             position: fixed;
             height:100px;
        }
         .navbar{
             padding-top:0px;
             padding-bottom:0px;
        }
        nav.navbar.fixed-top {
            background-color: #fff;
            box-shadow: inset 0 -8px 18px -8px rgba(0, 0, 0, 0.3);
        }
         .ts-full-screen.ts-separate-bg-element{
             height:auto !important;
        }
         .mobile-space-top {
             margin-top: 20px;
             margin-bottom: 20px;
        }
         .ts-background-image:nth-child(1){
             background-image:none !important;
        }
         .form-two .fielf1 {
             border-top-left-radius: 0rem !important;
             border-bottom-left-radius: 0rem !important;
        }
        .navbar-collapse.collapse.show {
            background-color: #01008c;
            border:3px solid #fff;
            padding: 20px;
        }
        .navbar-light .navbar-toggler {
            color: rgb(255, 255, 255);
            border-color: rgb(255, 255, 255);
            background-color: #fff;
        }
        .services-sec-rev .col-md-4{
            /*padding-bottom: 15px;*/
        }
    }
     .blinking{
         animation:blinkingText 1.5s infinite;
    }
     @keyframes blinkingText{
         0%{
             color: #f4b200;
        }
         49%{
             color: #f4b200;
        }
         50%{
             color: transparent;
        }
         99%{
             color: #f4b200;
        }
         100%{
             color: #f4b200;
        }
    }
     .dropbtn {
         color:rgba(0,0,0,.5);
         padding: 6px;
         border: none;
         background-color:transparent;
         cursor: pointer;
    }
     .dropdown {
         position: relative;
         display: inline-block;
    }
     .dropdown-content {
         display: none;
         position: absolute;
         /* background-color: #ffffff; */
         min-width: 275px;
         box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
         z-index: 1;
         background: linear-gradient(to bottom,  #ed1b24 0%,#8c072a 100%);
    }
     .dropbtn::after {
         display: inline-block;
         margin-left: .255em;
         vertical-align: .255em;
         content: "";
         border-top: .3em solid;
         border-right: .3em solid transparent;
         border-bottom: 0;
         border-left: .3em solid transparent;
    }
     .dropdown-content a {
         color: white !important; 
         text-align:left;
         color:rgba(0,0,0,.5);
         padding: 12px 16px;
         text-decoration: none;
         display: block;
         border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }
     .dropdown-content a:hover, 
     .dropdown-content a.active {
        background-color: #01008C;
    }
    
     .dropdown:hover .dropdown-content {
        display: block;
    }
     .star-icon i{
         background-color: #fe5214;
         padding: 8px;
         font-size: 14px;
         color: #fff;
         margin-right: 2px;
         margin-bottom: 6px;
    }
     .about-txt{
         width:50%;
    }
     .services-sec{
         padding:15px;
    }
     .services-bg{
         background-color:rgb(1, 0, 140);
    }
     .gif-ninedollar{
         margin: auto;
         background-image: url(assets/img/9pound.png);
         background-position: center top;
         background-repeat: no-repeat;
         height: 100px;
        /* top: -45px;
         */
         z-index: 99999;
         position: relative;
    }
     .gif-border{
         border-top: 1px solid #efefef;
         top: -44px;
         padding-top: 50px !important;
         position: relative;
    }
     .writer-box-text span, .writer-box-text p{
         font-size: 13px;
    }
     .yellow-star{
         color: #ffcc00;
    }
     .writer-slider .carousel-control-next {
         right: -35px;
    }
     .writer-slider .carousel-control-prev {
         left: -35px;
    }
     .writer-slider .carousel-control-next span{
         font-size: 50px;
    }
     .writer-slider .carousel-control-prev span {
         font-size: 50px;
    }
    .writer-slider .card:hover{
        background-color: #01008c;
    }
    .writer-slider .card:hover .writer-box-text{
        color: #fff;
    } 
    .writer-slider .card:hover .writer-box-text p{
        color: #fff;
    } 
    /*subject*/
    .main-section {
        padding: 80px 0
    }

    .subject-sec {
        position: relative;
    }

    .subjects h2 {
        display: block;
        padding-bottom: 20px;
        font-weight: 700;
        font-size: 38px;
        margin-bottom: 30px;
        background: url(images/unberline.png) no-repeat center bottom
    }

    .subjects>.container>ul {
        text-align: center
    }

    .subjects>.container>ul>li {
            line-height: 1.2;
        display: inline-block;
        font-size: 13px;
        color: #474747;
        border: 1px solid #ebebeb;
        padding: 14px 12px 8px 45px;
        position: relative;
        margin: 0 10px 10px;
        width: 160px;
        vertical-align: top;
        min-height: 65px;
        text-align: left;
        -webkit-transition: background-color .5s ease-out;
        -moz-transition: background-color .5s ease-out;
        -o-transition: background-color .5s ease-out;
        transition: background-color .5s ease-out
    }

    .subjects>.container>ul>li:hover {
        background: #ed1b24;
        color: #fff
    }

    .subjects>.container>ul>li:hover a,
    .subjects>.container>ul>li:hover i {
        color: #fff
    }

    .subjects ul li i {
        position: absolute;
        top: 14px;
        left: 13px;
        text-align: center;
        padding: 7px 0 0;
        font-size: 18px;
        color: #a9a9a9
    }
    /*flip section*/
    .discount-bg {
        background: url(assets/img/ustc/ustc-center.png) no-repeat 100% 100%;
        background-size: cover;
        padding: 150px 0 130px;
        background-position: center;
    }
    .discount-icon-box .col-md-4 {
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
        background-color: #333;
    }



    /*.flip-card:hover .flip-card-inner {*/
    /*  transform: rotateY(180deg);*/
    /*}*/



    .flip-card {
        background-color: transparent;
        height: 150px;
        perspective: 1000px;
    }
    .flip-card-inner {
        position: relative;
        width: 100%;
        height: 100%;
        text-align: center;
        transition: transform .8s;
        transform-style: preserve-3d;
    }
    .flip-card-front {
        background-color: #F2F7FF;
        /* color: #6a6adb !important; */
        /* border-bottom: 1px solid #F2F7FF; */
        /* border-right: 1px solid #F2F7FF; */
    }
    .flip-card-front .flip-icon i {
        background-color: #01008C;
    }
    .flip-card-back, .flip-card-front {
        position: absolute;
        width: 100%;
        height: 100%;
        backface-visibility: hidden;
    }
    .flip-icon {
        margin-top: 20px;
    }
    .flip-icon i.icon-1 {
        background-position: -7px -3px;
        width: 45px;
        height: 45px;
        margin: 0 auto;
        display: block;
    }
    .flip-icon i.icon-2 {
        background-position: -58px -3px;
        width: 45px;
        height: 45px;
        margin: 0 auto;
        display: block;
    }
    .flip-icon i.icon-3 {
        background-position: -108px -1px;
        width: 36px;
        height: 44px;
        margin: 0 auto;
        display: block;
    }
    .flip-icon i.icon-4 {
        background-position: -150px -3px;
        width: 48px;
        height: 47px;
        margin: 0 auto;
        display: block;
    }
    .flip-icon i.icon-6 {
        background-position: -264px -2px;
        width: 48px;
        height: 48px;
        margin: 0 auto;
        display: block;
    }
    .flip-icon i.icon-7 {
        background-position: -318px -5px;
        width: 48px;
        height: 48px;
        margin: 0 auto;
        display: block;
    }
    .flip-icon i.icon-8 {
        background-position: -372px -4px;
        width: 38px;
        height: 46px;
        margin: 0 auto;
        display: block;
    }
    .flip-icon i.icon-11 {
        background-position: -510px -2px;
        width: 47px;
        height: 47px;
        margin: 0 auto;
        display: block;
    }
    .flip-icon i.icon-12 {
        background-position: -564px -3px;
        width: 38px;
        height: 45px;
        margin: 0 auto;
        display: block;
    }
    .flip-icon i.icon-10 {
        background-position: -458px -1px;
        width: 49px;
        height: 47px;
        margin: 0 auto;
        display: block;
    }
    .flip-icon i.icon-9 {
        background-position: -417px -2px;
        width: 35px;
        height: 47px;
        margin: 0 auto;
        display: block;
    }
    .flip-icon i.icon-5 {
        background-position: -204px -6px;
        width: 57px;
        height: 46px;
        margin: 0 auto;
        display: block;
    }
    .flip-icon i {
        background: url(assets/img/ustc/icons-sprite.png) no-repeat;
        display: inline-block;
    }
    .flip-card-front h6 {
        /* color:#dcdcdc !important; */
        font-size: 15px;
    }
    .flip-icon i {
        background: none;
        display: inline-block;
        width: 65px;
        height: 65px;
        vertical-align: middle;
        line-height: 50px;
    } 
        .flip-card-front h6 {
            /* color: #fff !important; */
            font-size: 16px;
            font-weight: bold;
        }
    /*.flip-card-back {*/
    /*    background-color: #ed1b24;*/
    /*    color: #fff;*/
    /*    transform: rotateY(180deg);*/
    /*    padding: 10px;*/
    /*}*/
    /*.flip-card-back h6 {*/
    /*    color: #fff;*/
    /*    margin-top: 10px;*/
    /*    font-size: 15px;*/
    /*}*/
    /*.flip-card-back p {*/
    /*    color: #fff;*/
    /*    font-size: 13px;*/
    /*}*/
    /*testimonial*/
   /* Carousel */
   #testimonial {
    padding: 40px 0 30px 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
    #demo {
        padding: 0 10px 30px 10px;
        margin-top: 30px;
    }
    #demo .carousel-control {
        background: none;
        color: #CACACA;
        font-size: 2.3em;
        text-shadow: none;
        margin-top: 30px;
    }
    #demo .carousel-control.left {
        left: -60px;
    }
    #demo .carousel-control.right {
        right: -60px;
    }
    #demo .carousel-indicators {
        position: initial;
        /*right: 50%;*/
        top: auto;
        top: 0px;
        /*margin-right: -19px;*/
    }
    #demo .carousel-control-next {
        right: -50px;
    }
    #demo .carousel-control-prev {
        left: -50px;
    }
    #demo .carousel-indicators li {
        background-color: transparent !important;
    }
    #demo .carousel-indicators li img {
        width: 80px;
        height: 80px;
        margin: 5px;
        cursor: pointer;
        border: 4px solid #CCC;
        border-radius: 100px;
        display: block;
        /*opacity: 0.4;*/
        /*overflow: hidden;*/
        transition: all 0.4s;
    }
    #demo .carousel-indicators {
        /* position: absolute; */
        right: 0;
        bottom: 10px;
         left: 0; 
        z-index: 15;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
         /*margin-right: 15%; */
         /*margin-left: 15%; */
        list-style: none;
    }
    #demo .carousel-indicators .active {
        /*background: #333333;*/
        width: 100px;
        height: 100px;
        border-radius: 100px;
        border-color: #f33;
        opacity: 1;
        position: relative;
        z-index: 99999;
        /*overflow: hidden;*/
    }
    #demo .carousel-indicators .active img{
        width: 120px;
        height:120px;
    }
    #demo .carousel-item {
        margin-top: 60px;
        /* background-color: red !important; */
    }
    .item blockquote {
        border-left: none;
        margin: 0;
    }
    #demo blockquote p {
        background-color: #F2F7FF;
        border-radius: 30px;
        color: #000;
        line-height: 1.8em;
        box-shadow: 0px 9px 13px 3px rgba(27,69,70,.1);
        margin-left: 1em;
        margin-right: 1em;
    }
    #demo blockquote p:after{
        display: none;
    }
    .item blockquote p:before {
        content: "\f10d";
        font-family: 'Fontawesome';
        float: left;
        margin-right: 10px;
    }
    .blue-bg{
        
    }
    .red-bg{
background-color:#ea2c35 !important;
    }
    
    /*REVIEW STAR*/
    
            .service h2{
                color: #14cfb6;
                padding: 20px 0;
                background: url(images/underline-img.png) no-repeat center bottom;
            }
            .pt-20{
                padding-top:20px;
            }
            .services-sec-rev{
                padding-bottom: 25px;
                margin-top:70px;
                margin-bottom:25px;
            }
            .services-item{
                /* background-color: bisque; */
                /* width: 70%; */
                cursor: pointer;
                padding: 0px 26px;
                margin: auto;
            }
            .services-item p{
                margin-bottom: 0;
                font-size: 20px;
                font-weight:300;
                padding-left:10px;
            }
            .services-item i{
                color:#ffcc00;
                font-size:18px;
            }
            .services-item span{
                margin-bottom: 0;
                font-family: Poppins, sans-serif!important;
                font-size: 38px;
                color: #ed1b24;
                padding-left: 14px;
            }
             i.discount {
    position: absolute;
    z-index: 999;
    left: -38px;
    top: 30px;
    background-position: 1px -1px;
    width: 120px;
    height: 126px;
    display: inline-block;
}
.small-icons i {
    background: url(assets/img/discount-icons.png) no-repeat;
}
.form-bg {
    /* background-color: #fff; */
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    background-image: url(assets/img/flag_bg.png);
    border-radius: 15px;
    box-shadow: 0.125rem 0.1875rem 0.9375rem rgba(0, 0, 0, .15);
}
.form {
    background-color: #fff;
    padding: 15px;
    border-radius: 15px;
}
.unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*</style>*/
i.discount {
    position: absolute;
    z-index: 999;
    left: -38px;
    top: 30px;
    background-position: 1px -1px;
    width: 120px;
    height: 126px;
    display: inline-block;
}
#form {
    background: url(assets/img/form-bg.jpg) no-repeat fixed center center / cover;
}

#form input[type="text"],
    #form input[type="email"],
    #form input[type="tel"] {
        border-right: 1px solid #ccc;
    }
    .form-two input.form-control,
    select.form-control {
        height: 50px !important;
        color: #000;
        font-size: 16px;
    }
    .form-two select.form-control {
        height: 50px !important;
        border-left: 1px solid #ccc;
    }
    button[name="btnsubmit"] {
        height: 60px;
    }
    section#whychooseus .card-body {
        min-height: 210px;
    }
    input#YourPhone {
        padding-left: 2.8em !important;
    }
    #form-contact input#YourPhone {
        padding-left: 5.8em !important;
    }

    @media (min-width: 768px) and (max-width: 1023px) {
        .navbar-light .navbar-nav .nav-link {
            color: #fff;
        }
      }

@media (max-width: 767px) {
    .navbar-light .navbar-nav .nav-link {
        color: #fff;
        font-size: 16px;
        border-bottom: 1px solid rgba(255,255,255,0.5);
        padding: 1em 0 1em 1.5em;
    }
    .dropdown-content a {

        padding: 12px 40px;
    }
    .navbar-nav a.ts-scroll.btn {
        border-radius: 0px;
        width: 100%;
        margin-top: 2em !important;
    }
    i.discount {
        left: 0;
        top: 0;
    }
    .header-img-right img {
        top: 0;
    }
    section#whychooseus .card-body {
        min-height: auto;
    }
    .ts-promo-numbers ul li {
        font-size: 18px;
    }
    .ts-promo-numbers p {
        font-size: 16px;
    }
    .subjects>.container>ul>li {
        width: 150px;
    }
}