body{
    font-family: montserrat,sans-serif;
    font-size:15px;
    line-height:26px;
    font-weight:400;
    color:#999;
    background-color:#fff;
    overflow-x:hidden;
    -webkit-text-size-adjust:100%;
    -webkit-overflow-scrolling:touch;
    -webkit-font-smoothing:antialiased!important
}
html{
    font-family:montserrat,sans-serif!important
}
html,body{
    width:100%;
    height:100%
}
a{
    color:#212121
}
a,a>*{
    outline:0;
    cursor:pointer;
    text-decoration:none
}
a:focus,a:hover{
    color:#011a48;
    outline:none;
    text-decoration:none
}
a[href^=tel]{
    color:inherit;
    text-decoration:none
}
a,button,.transition{
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all 3s ease;
    transition:all .3s ease
}
h1,h2,h3,h4,h5,h6{
    font-family:montserrat,sans-serif;
    font-weight:700;
    color:#fff;
    margin:0 0 15px
}
h1{
    font-size:50px
}
h2{
    font-size:40px
}
h3{
    font-size:20px
}
h4{
    font-size:16px
}
h5{
    font-size:14px
}
h6{
    font-size:12px
}
p{
    margin:0 0 15px
}
.mt-10{
    margin-top:10px
}
.mt-20{
    margin-top:20px
}
.mt-30{
    margin-top:30px
}
.mt-35{
    margin-top:35px
}
.mt-40{
    margin-top:40px
}
.mt-50{
    margin-top:50px
}
.mt-70{
    margin-top:70px
}
.mr-10{
    margin-right:10px
}
.mr-15{
    margin-right:15px
}
.mr-30{
    margin-right:30px
}
.ml-10{
    margin-left:10px
}
.ml-15{
    margin-left:15px
}
.ml-20{
    margin-left:20px
}
.ml-30{
    margin-left:30px
}
.mb-0{
    margin-bottom:0
}
.mb-10{
    margin-bottom:10px
}
.mb-15{
    margin-bottom:15px
}
.mb-20{
    margin-bottom:20px
}
.mb-30{
    margin-bottom:30px
}
.mb-40{
    margin-bottom:40px
}
.mb-50{
    margin-bottom:50px
}
.mb-60{
    margin-bottom:60px
}
.mb-70{
    margin-bottom:70px
}
.mb-80{
    margin-bottom:80px
}
.pdl{
    padding-left:10px
}
.pdl-20{
    padding-left:20px
}
.pdr-10{
    padding-right:10px
}
.pdr-20{
    padding-right:20px
}
.pdr-30{
    padding-right:30px
}
.pdb-10{
    padding-bottom:10px
}
.pdb-20{
    padding-bottom:20px
}
.pdb-30{
    padding-bottom:30px
}
.pdb-40{
    padding-bottom:40px
}
.pdb-50{
    padding-bottom:50px
}
.pdb-60{
    padding-bottom:60px
}
.pdb-70{
    padding-bottom:70px
}
.pdb-80{
    padding-bottom:80px
}
.pdb-90{
    padding-bottom:90px
}
.pdb-100{
    padding-bottom:100px
}
.pdt-10{
    padding-top:10px
}
.pdt-20{
    padding-top:20px
}
.pdt-30{
    padding-top:30px
}
.pdt-40{
    padding-top:40px
}
.pdt-50{
    padding-top:50px
}
.pdt-60{
    padding-top:60px
}
.pdt-70{
    padding-top:70px
}
.pdt-80{
    padding-top:80px
}
.pdt-90{
    padding-top:90px
}
.pdt-100{
    padding-top:100px
}
.no-hover:hover{ color: #011a48 !important; }
.slider-wrapper{
    height:520px
}
.section-padding{
    padding-top:50px;
    padding-bottom:40px
}
.grey-bg{
    background-color:#eff2f5
}
.blue-bg{
    background-color:#011a48
}
.dark-blue-bg{
    background-color:#011334
}
.form-control{
    height:50px;
    border:1px solid #f1f1f1;
    border-radius:0;
    box-shadow:none;
    font-weight:500;
    color:#212121
}
.form-control:focus{
    border-color:#09C75A;
    box-shadow:none
}
::-webkit-input-placeholder{
    color:#d7d7d7;
    font-weight:300
}
::-moz-placeholder{
    color:#d7d7d7;
    font-weight:300
}
:-ms-input-placeholder{
    color:#d7d7d7;
    font-weight:300
}
:-moz-placeholder{
    color:#d7d7d7;
    font-weight:300
}
.btn{
    padding:12px 32px;
    border:0;
    text-transform:capitalize
}
.btn.active{
    box-shadow:none
}
.btn-primary{
    background-color:#09C75A
}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus,.btn-primary:active:focus,.btn-primary:active:hover{
    background-color:#011a48
}
.page-title .breadcrumb{
    background-color:ransparent;
    padding:8px 0
}
.page-title .breadcrumb li a{
    color:#212121;
    font-size: 18px;
    font-family: 'corona';
}
.page-title .breadcrumb li{
    color: #00A359;
    font-size: 18px;
    font-family: 'corona';
}
.section-title{
    font-weight:800;
    text-transform:capitalize
}
.section-sub{
    width:60%;
    margin:0 auto
}
@media screen and (max-width:766px){
    nav.navbar.bootsnav .navbar-brand{margin: 0px !important; padding-left: 0px !important;}
    .section-sub{
        width:100%
    }
    .section-padding {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .text-center.css-custom-class {
        margin: 0px !important;
    }

    .hand-img-bd {
        background-image: unset !important;
    }

    .registion-link-buton{text-align: center !important}

    .post-blo img{
        width: 100%!important;
        float: none!important;
    }
    .two-color-bg {
        background: linear-gradient(90deg,#F7F7F7 50%, #F7F7F7 0%)!important;
    }

    .primary-footer {
        padding: 20px 0px 0px !important;
    }

    .copyright-info {
        text-align: center;
        padding: 22px 0 5px;
    }

    .mobile-app-logo {
        height: 40px;
        max-width: 50%;
        margin: 0 auto;
    }



    .tt-slider .carousel-inner .item:nth-child(n) {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 100%;
        height: 100%;
    }
}
.container-fluid.no-gutter,.no-gutter>[class*=col-]{
    padding-left:0;
    padding-right:0
}
.custom-gutter{
    margin-right:0;
    margin-left:0
}
.custom-gutter>[class*=col-]{
    padding-left:1px;
    padding-right:1px;
    margin-top:1px;
    margin-bottom:1px
}
.white-text{
    color:#fff
}
/** top bar code   **/
.top-bar{
    height: 80px;
    position: fixed;
    /*background-color: #3d2975;*/
    width: 100%;
    z-index: 9999;
}
.top-bar .corona-logo{
    background: #e6e7e7;
    padding: 10px 15px;
    width: 170px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 2px 4px 1px rgba(0,0,0,0.5);
}

.top-bar .corona-hotline{
    font-family: corona;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    background: #bd202e;
    padding: 14px 15px;
    /*width: 200px;*/
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 2px 4px 1px rgba(0,0,0,0.5);
}
.top-bar .corona-hotline span{
    font-size: 17px;
}

.top-bar .corona-test{
    font-family: corona;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    color: #fff;
    background: #bd202e;
    padding: 10px 15px 5px 15px;
    width: auto;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 2px 4px 1px rgba(0,0,0,0.5);
}
.top-bar .corona-test span{
    font-size: 12px;
}
.top-bar .corona-test a{
    color: #fff;
}
.top-bar .corona-give-information{
    font-family: corona;
    font-size: 17px;
    line-height: 18px;
    color: #fff;
    background: #40bd45;
    padding: 17px 15px;
    /*width: 200px;*/
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 2px 4px 1px rgba(0,0,0,0.5);
}
.top-bar .corona-give-information a{
    color: #fff;
}
/** end of top bar code **/
.breadcrumb{
    font-family: SolaimanLipi;
    color: #fff;
    margin: -50px 28px 10px 28px;
    font-size: 18px;
}
.breadcrumb a{
    font-family: SolaimanLipi;
    color: #fff;
    font-weight: 600;
}
.breadcrumb a:hover{
    color: #fff;
}
/** map section  **/
section.at-a-glance{
    margin-top: -20px;
    padding: 0;
    display: inline-block;
    width: 100%;
}
section.map{
    background: url("assets/img/banner.png") no-repeat;
    background-size: 100% auto;
    position: relative;
    z-index: 1000;
}
.map .banner-title{
    margin-top: 180px;
}
.map .banner-title img{
    width: 290px;
}
.map .banner-links{
    font-family: corona;
    margin-top: 40px;
    font-size: 17px;
}
.map .banner-links a{
    color: #fff;
    border-left: 6px solid #1c75bc;
    padding-left: 8px;
}
.map-indicator{
    position: absolute;
    font-family: corona;
    color: #000;
    margin-top: 440px;
}
.map-container{
    float: right;
    margin-top: 10px;
    position: relative;
}
.map-container img{
    height: 492px;
}

.map-container .dhaka{
    position: absolute;
    top: 230px;
    left: 140px;
}
.map-container .rangpur{
    position: absolute;
    top: 40px;
    left: 50px;
}
.map-container .mymensingh{
    position: absolute;
    top: 130px;
    left: 165px;
}
.map-container .rajshahi{
    position: absolute;
    top: 135px;
    left: 45px;
}
.map-container .khulna{
    position: absolute;
    top: 300px;
    left: 79px
}
.map-container .barisal{
    position: absolute;
    top: 330px;
    left: 165px
}
.map-container .sylhet{
    position: absolute;
    top: 135px;
    left: 265px;
}

.map-container .chittagong{
    position: absolute;
    top: 340px;
    right: 20px
}
.map-container span.effected{
    background: #e55359;
    color: #fff;
    font-size: 9px;
    float: left;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 100%;
    font-family: corona;
}
.map-container span.quarantine{
    background: #43b9e5;
    color: #fff;
    font-size: 9px;
    float: left;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 100%;
    margin-top: 15px;
    margin-left: -6px;
    margin-right: -7px;
    font-family: corona;
}
.map-container span.release{
    background: #53bd85;
    color: #fff;
    font-size: 9px;
    float: left;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 100%;
    font-family: corona;
}
/** end of map section  **/

/** feature video section **/
.section-feature-video{
    font-family: corona;
}
/** end of feature video section **/

/** page wrapper styles     **/
.page-header{
    background: url(../img/banner-bg.jpg) no-repeat;
    background-size: 100% auto;
    border-bottom: none;
    margin: 0;
    padding: 30px 0 0 0;
}
.page-header h3{
    font-family: SolaimanLipi;
    font-size: 24px;
}
/** end of wrapper      **/

.mediabox span{
    display: inline-block;
    line-height: 19px;
    margin-top: 3px;
}
.footer{
    padding-bottom: 30px;
    position: relative;
}
#fab-volunteer{
    position: fixed;
    bottom: 0;
    font-family: SolaimanLipi;
    color: #fff;
    background: #00776D;
    padding: 8px 10px 6px 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top: 1px solid #0c5460;
    border-left: 1px solid #0c5460;
    border-right: 1px solid #0c5460;
}
#fab-volunteer a{
    color: #fff;
    font-weight: 600;
    font-family: SolaimanLipi;
    font-size: 18px;
}
.tt-slider{
    overflow:hidden;
    position:relative
}
.carousel-fade .carousel-inner .item{
    max-height:700px;
    opacity:.8;
    -webkit-transition-property:opacity;
    -moz-transition-property:opacity;
    -o-transition-property:opacity;
    transition-property:opacity
}
.carousel-fade .carousel-inner .active{
    opacity:1
}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{
    left:0;
    opacity:0;
    z-index:1
}
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{
    opacity:1
}
.carousel-fade .carousel-inner .item:after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:transparent;
}
.fullscreen-slider .carousel-fade .carousel-inner .item:after{
    background:rgba(0,0,0,.5)
}
.carousel-fade .carousel-control{
    z-index:20
}
.tt-slider .carousel-inner .container{
    position:relative
}
.tt-slider .carousel-inner .tt-carousel-caption{
    padding-top:200px;
    padding-bottom:150px;
    z-index:15;
    position:relative
}
@media(min-width:992px){
    .fullscreen-slider .tt-slider .carousel-inner .tt-carousel-caption{
        padding-top:250px;
        padding-bottom:150px
    }
}
@media(max-width:991px){
    .tt-slider .carousel-inner .tt-carousel-caption{
        padding-top:50px;
        padding-bottom:50px
    }
    .fullscreen-slider .tt-slider .carousel-inner .tt-carousel-caption{
        padding-top:100px;
        padding-bottom:100px
    }
}
.tt-slider .carousel-inner .tt-carousel-caption .intro{
    display:block;
    font-size:16px;
    text-transform:uppercase;
    line-height:20px;
    letter-spacing:7px;
    margin-bottom:20px
}
.tt-slider .carousel-inner .tt-carousel-caption h1{
    font-weight:900;
    font-family: 'corona';
}
@media(max-width:600px){
    .tt-slider .carousel-inner .tt-carousel-caption h1{
        font-size:36px
    }
}
.tt-slider .carousel-inner .tt-carousel-caption p{
    margin-top: 10px;
    margin-bottom: 30px;
    color: #fff;
    font-family: 'corona';
    font-size: 16px;
}
.tt-slider .carousel-inner .tt-carousel-caption .btn{
    color:#fff;
    line-height:20px;
    font-weight:600;
    /*text-transform:uppercase*/
}
.tt-slider .carousel-inner .tt-carousel-caption .btn-primary:hover,.tt-slider .carousel-inner .tt-carousel-caption .btn-primary:focus{
    background-color:#09C75A;
}
.fullscreen-slider .tt-slider .carousel-inner .tt-carousel-caption h1,.fullscreen-slider .tt-slider .carousel-inner .tt-carousel-caption p,.fullscreen-slider .tt-slider .carousel-inner .tt-carousel-caption .intro{
    color:#fff
}
.tt-slider .carousel-inner .item:nth-child(1){
    background:url(assets/img/slider/slider-bg-1.png) center center no-repeat;
    background-size:cover
}
.tt-slider .carousel-inner .item:nth-child(2){
    background:url(assets/img/slider/slider-bg-2.png) center center no-repeat;
    background-size:cover
}
.fullscreen-slider .tt-slider .carousel-inner .item:nth-child(1){
    background:url(assets/img/slider/onepage-bg-1.jpg) center center no-repeat;
    background-size:cover
}
.fullscreen-slider .tt-slider .carousel-inner .item:nth-child(2){
    background:url(assets/img/slider/onepage-bg-2.jpg) center center no-repeat;
    background-size:cover
}
.carousel-control{
    width:40px;
    height:40px;
    line-height:40px;
    top:50%;
    margin-top:-20px;
    background:rgba(0,0,0,.5);
    opacity:1;
    text-shadow:none;
    opacity:0;
    visibility:hidden
}
.tt-slider:hover .carousel-control{
    opacity:1;
    visibility:visible
}
.carousel-control:hover{
    background:#000
}
@media(min-width:1200px){
    .left.carousel-control{
        left:30px
    }
    .right.carousel-control{
        right:30px
    }
}
@media(max-width:1199px){
    .left.carousel-control{
        left:50%;
        margin-left:-42px
    }
    .right.carousel-control{
        right:50%;
        margin-right:-42px
    }
    .left.carousel-control,.right.carousel-control{
        top:auto;
        bottom:0
    }
}
.carousel-control.right,.carousel-control.left{
    background-image:none
}
.delay-1{
    -webkit-animation-delay:100ms;
    -moz-animation-delay:100ms;
    animation-delay:100ms
}
.delay-2{
    -webkit-animation-delay:200ms;
    -moz-animation-delay:200ms;
    animation-delay:200ms
}
.delay-3{
    -webkit-animation-delay:300ms;
    -moz-animation-delay:300ms;
    animation-delay:300ms
}
.delay-4{
    -webkit-animation-delay:400ms;
    -moz-animation-delay:1400ms;
    animation-delay:400ms
}
.fullscreen-banner{
    height:100vh;
    width:100%
}
.hero-content{
    padding-top:100px;
    padding-bottom:100px
}
@media(min-width:768px){
    .hero-content{
        padding-top:250px;
        padding-bottom:250px
    }
}
.hero-intro{
    display:block;
    font-size:18px;
    text-transform:uppercase;
    letter-spacing:7px;
    margin-bottom:20px
}
.hero-title{
    font-size:50px;
    line-height:55px;
    text-transform:capitalize
}
.hero-wrapper a.btn{
    display:inline-block;
    margin-top:20px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:2px
}
.bg-cover,[class*=banner-]{
    background-size:cover!important
}
@media(min-width:992px){
    .bg-fixed{
        background-attachment:fixed
    }
}
.banner-1{
    background-image:url(assets/img/slider/banner-1.jpg)
}
.banner-2{
    background-image:url(assets/img/slider/banner-2.jpg)
}
.overlay{
    position:relative
}
.overlay:before{
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:rgba(0,0,0,.2)
}
.overlay.dark-0:before{
    background-color:transparent
}
.overlay.dark-1:before{
    background-color:rgba(0,0,0,.1)
}
.overlay.dark-2:before{
    background-color:rgba(0,0,0,.2)
}
.overlay.dark-3:before{
    background-color:rgba(0,0,0,.3)
}
.overlay.dark-4:before{
    background-color:rgba(0,0,0,.4)
}
.overlay.dark-5:before{
    background-color:rgba(0,0,0,.5)
}
.overlay.dark-6:before{
    background-color:rgba(0,0,0,.6)
}
.overlay.dark-7:before{
    background-color:rgba(0,0,0,.7)
}
.overlay.dark-8:before{
    background-color:rgba(0,0,0,.8)
}
.overlay.dark-9:before{
    background-color:rgba(0,0,0,.9)
}
.overlay.dark-10:before{
    background-color:#000
}
.valign-wrapper{
    display:table;
    width:100%
}
.valign-cell{
    display:table-cell;
    vertical-align:middle
}
.tt-count-bg{
    background:url(assets/img/fun-fact-bg.png) no-repeat center center/cover;
    padding-bottom:250px
}
.tt-count-bg .fun-facts-item p{
    color:#fff!important
}
.fun-facts-item{
    position:relative
}
.fun-facts-item.text-center .des h3{
    margin-top:20px
}
.fun-facts-item .des h3{
    color:#09C75A;
    font-size:40px;
    font-weight:800;
    margin-bottom:15px
}
.fun-facts-item .des p{
    color:#011a48;
    margin-bottom:0;
    font-weight:500
}
.fun-facts-divider{
    position:absolute;
    background-color:#09C75A;
    width:50px;
    height:2px;
    bottom:-25px;
    left:0
}
.fun-facts-divider.border-center{
    left:50%;
    margin-left:-25px
}
.menu-collase-wrapper .navbar-toggle{
    background-color:#ffcc01
}
.menu-collase-wrapper .navbar-toggle .icon-bar{
    background-color:#fff
}
.menu-collase-wrapper .navbar-collapse{
    padding:0
}
.about-list ul li{
    display:inline-block!important
}
.about-list .border-tab li:before{
    content:"";
    position:absolute;
    background-color:#f2f4f8;
    width:20px;
    height:4px;
    top:50%;
    right:0;
    margin-right:-20px;
    margin-top:-2px
}
.about-list .border-tab li:last-child:before{
    content:none
}
.about-list .border-tab li:last-child{
    margin-right:0
}
.about-list .border-tab li{
    margin-right:15px;
    position:relative
}
.about-list ul li a{
    color:#011a48;
    background-color:#fff;
    border:5px solid #f2f4f8;
    padding:5px 40px;
    letter-spacing:6px
}
.about-list ul li.active a,.about-list ul li a:hover{
    background-color:#011a48;
    color:#fff;
    border-color:#09C75A
}
.border-circle li a{
    border-radius:50px
}
@media screen and (max-width:1199px){
    .about-list ul li a{
        padding:5px 30px;
        letter-spacing:4px
    }
}
@media screen and (max-width:740px){
    .about-list ul li a{
        margin-bottom:5px
    }
}
.financial-plan-thumb img{
    width:100%
}
.testimonial-thumb.circle-img{
    overflow:hidden;
    border-radius:50%;
    display:inline-block;
    width:60px;
    height:60px;
    text-align:center
}
.testimonial-thumb.circle-img img{
    width:60px;
    height:auto
}
.testimonial-header-entry h3{
    margin-bottom:0;
    color:#212121
}
.swiper-button-next,.swiper-button-prev{
    bottom:0
}
.swiper-button-next,.swiper-button-prev{
    top:225px;
    background-image:none;
    background-color:#d3d3d3;
    width:22px;
    height:22px;
    line-height:22px;
    text-align:center;
    color:#fff;
    font-size:20px;
    margin-top:0;
    transition:all .3s ease-in-out
}
.swiper-button-next:hover,.swiper-button-prev:hover{
    background-color:#09C75A
}
.swiper-button-next{
    right:48.5%;
    left:auto;
    margin-right:-11px
}
.swiper-button-prev{
    left:48.5%;
    right:auto;
    margin-left:-11px
}
@media screen and (max-width:768px){
    .swiper-button-prev{
        top:279px;
        left:48%
    }
    .swiper-button-next{
        top:279px;
        right:48%
    }
}
@media screen and (max-width:640px){
    .swiper-button-prev{
        top:189px;
        left:20px
    }
    .swiper-button-next{
        top:189px;
        right:20px
    }
}
.testimonial-wrapper .testimonial-header-entry h3 span{
    font-size:15px;
    color:#999;
    font-weight:400;
    margin-left:5px
}
.testimonial-wrapper .testimonial-thumb{
    float:left
}
.testimonial-wrapper .testimonial-des{
    background-color:#f2f4f7;
    padding:25px
}
.testimonial-wrapper .testimonial-des p{
    color:#777
}
.testimonial-wrapper .testimonial-thumb{
    margin-top:-30px;
    margin-right:10px
}
.testimonial-wrapper .testimonial-header-entry{
    padding-top:10px
}
.according-section{
    background-color:#fff
}
.panel-according .panel-default{
    -webkit-border-radius:0;
    border-radius:0;
    border:none;
    margin-bottom:5px;
    box-shadow:none;
    -webkit-box-shadow:0
}
.panel-according .panel-title a{
    overflow:hidden
}
.panel-according .panel-default .panel-heading{
    background-color:#fff;
    padding:0
}
.panel-according .panel-default .panel-heading .panel-title{
    position:relative;
    font-size:16px
}
.panel-according .panel-default .panel-heading .panel-title a,.panel-according .panel-default .panel-heading .panel-title a:hover,.panel-according .panel-default .panel-heading .panel-title a:focus .panel-according .panel-default .panel-heading .panel-title a:active{
    background-color:transparent;
    color:#2c333d
}
.panel-according .panel-default .panel-heading .panel-title .collapsed{
    background-color:#fff;
    padding:20px 0
}
.panel-according .panel-default .panel-heading .panel-title a:hover{
    background-color:transparent;
    border-color:#f4f7f7
}
.panel-according .panel-default .panel-heading .panel-title a{
    padding:20px 0;
    display:block;
    font-size:16px;
    font-weight:400;
    border-bottom:1px solid #d9dcdc
}
.panel-according>.panel-default>.panel-heading+.panel-collapse>.panel-body,.panel-according>.panel-group .panel-heading+.panel-collapse>.panel-body{
    padding:20px 0;
    border-top:none
}
.according-icon .panel .panel-heading a:after{
    background-color:#fc0;
    font-family:fontawesome;
    font-size:15px;
    width:25px;
    height:25px;
    line-height:30px;
    text-align:center;
    position:absolute;
    top:50%;
    right:0;
    margin-top:-12px
}
.plus-icon .panel .panel-heading .panel-title a:after{
    content:"\f068";
    color:#fff
}
.plus-icon .panel .panel-heading .panel-title a.collapsed:after{
    content:"\f067";
    color:#fff
}
.featured-section{
    background-color:#eff2f5
}
.featured-item{
    padding:20px;
    transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out
}
.featured-item:hover{
    background-color:#fff
}
.featured-item .icon-left,.fun-facts-item .icon-left{
    float:left
}
.featured-item.border-box{
    border:1px solid #fc0
}
.des{
    overflow:hidden
}
.des-title{
    font-size:20px;
    font-weight:700;
    text-transform:capitalize
}
.featured-item .icon{
    margin-bottom:30px
}
.featured-item .icon img{
    width:30px;
    height:auto
}
.ie11 .featured-item .icon img{
    height:50px
}
.featured-item.icon-left .icon{
    margin-bottom:0
}
.featured-item.icon-left{
    display:table
}
.featured-item.icon-left .icon{
    display:table-cell;
    vertical-align:top
}
.featured-item.icon-left.icon-left .des{
    margin-left:30px
}
.featured-item .des p{
    margin-bottom: 0;
    font-family: 'corona';
    font-size: 18px;
    color: #000;
    line-height: 30px;
}
.butto-wrapper a{
    text-align:left;
    padding:20px 10px 20px 20px;
    width:100%;
    background-color:#f3f3f3;
    margin-bottom:5px;
    border-radius:2px;
    color:#011a48;
    font-weight:700;
    font-size:16px
}
.butto-wrapper a:hover,.butto-wrapper a.active,.butto-wrapper a:focus{
    background-color:#fc0;
    color:#fff
}
.download-btn a{
    background-color:#011a48;
    color:#fff

}
.download-btn a i{
    color:#fc0;
    margin-right:5px
}
.download-btn:hover i{
    color:#fff
}
.des-title{
    font-weight:600;
    color:#09C75A;
    font-family: 'corona';
}
.about-us-banner{
    background:url(assets/img/about-us-banner-img.jpg) no-repeat center center/cover
}
.about-us-banner-content{
    width:290px;
    margin-left:80px
}
.about-us-banner-content h2{
    font-size:60px;
    font-weight:900;
    color:#000;
    line-height:70px
}
@media screen and (max-width:480px){
    .about-us-banner-content h2{
        font-size:30px;
        line-height:40px
    }
}
.about-us-banner-content a{
    background-color:#011a48;
    color:#fff;
    border-radius:0;
    font-weight:700;
    margin-top:25px
}
.about-us-banner-content a:hover{
    color:#fc0
}
.about-fun-fact{
    border-bottom:1px solid #e9e9e9
}
.video-intro .video-thumb img{
    width:100%
}
.video-icon a i{
    color:#fff;
    font-size:28px;
    width:70px;
    height:70px;
    background-color:#fc0;
    line-height:70px;
    text-align:center;
    margin-top:-60px
}
.video-icon a span{
    position:relative;
    top:10px;
    left:10px;
    color:#999;
    font-size:15px
}
.get-touch-wrapper{
    background-color:#fc0;
    padding:40px 30px 36px
}
.get-touch-wrapper span{
    color:#fff;
    font-size:20px;
    font-weight:700;
    line-height:20px
}
.get-touch-wrapper a{
    background-color:#011a48;
    color:#fff;
    font-weight:700;
    font-size:16px;
    text-align:right;
    float:right;
    margin-top:-10px;
    border-radius:0;
    text-transform:capitalize
}
.get-touch-wrapper a:hover{
    color:#fc0
}
@media screen and (max-width:1199px){
    .get-touch-wrapper{
        padding:40px 20px 36px
    }
    .get-touch-wrapper a{
        padding:12px 20px
    }
}
@media screen and (max-width:991px){
    .video-des{
        margin-top:30px
    }
}
@media screen and (max-width:600px){
    .about-us-banner-content{
        margin-left:30px
    }
}
@media screen and (max-width:735px){
    .get-touch-wrapper{
        text-align:center;
        padding:30px
    }
    .get-touch-wrapper span{
        display:block;
        margin-bottom:15px
    }
    .get-touch-wrapper a{
        float:none;
        text-align:center;
        margin-top:10px
    }
}
.mission-help-content{
    background-color:#fc0;
    padding:30px 10px 10px 30px
}
.mission-help-content h4{
    font-weight:800
}
.mission-help-content p{
    color:#7e6300;
    font-size:14px
}
.mission-help-button a{
    background-color:#011a48;
    width:100%;
    border-radius:0;
    padding:18px 0;
    color:#fff;
    font-weight:700;
    font-size:16px
}
.mission-help-button a i{
    margin-right:7px;
    color:#fc0
}
.mission-help-button a:hover{
    color:#fc0
}
@media screen and (min-width:480px){
    .single-award{
        display:table
    }
    .award-thumb{
        display:table-cell;
        vertical-align:top
    }
}
@media screen and (max-width:479px){
    .award-thumb{
        text-align:center;
        margin-bottom:20px
    }
}
.team-member-img img{
    width:100%
}
.team-member-header h3{
    font-weight:700;
    margin-bottom:0
}
.team-member-header h3 a{
    color:#011a48
}
.team-member-header h3 a:hover{
    color:#fc0
}
.team-member-social-link li{
    padding-left:0;
    padding-right:0
}
.team-member-social-link li a i{
    font-size:20px;
    padding:2px;
    transition:all .3s ease-in-out
}
.team-member-social-link li a .twitter{
    color:#1da1f2
}
.team-member-social-link li a .linkedin{
    color:#0077b5
}
.team-member-social-link li a .envelope{
    color:#ea4335
}
.team-member-social-link li a:hover i{
    transform:scale(1.1)
}
.partners-logo li{
    margin:20px 10px
}
.partners-logo li a img{
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    transition:all .3s
}
.partners-logo li a img:hover{
    -webkit-filter:grayscale(0%);
    filter:grayscale(0%)
}
.single-career{
    padding:20px;
    border:1px solid #fc0
}
.single-career:hover{
    background-color:#fc0;
    color:#fff;
    transition:all .3s ease-in-out
}
.career-header h4{
    font-size:18px
}
.career-header p{
    margin-bottom:0;
    font-size:13px
}
.career-header p span{
    color:#011a48
}
.career-header h4 a{
    color:#011a48
}
.career-header h4 a:hover{
    color:#fff
}
.career-info p{
    font-size:14px
}
.career-info a{
    text-transform:uppercase;
    font-weight:700;
    font-size:12px;
    color:#212121
}
.career-info a:hover{
    color:#fff
}

.portfolio-item{
    position:relative;
    overflow:hidden
}
.portfolio-item::before{
    content:"";
    position:absolute;
    background-color:rgba(1,26,72,.8);
    width:100%;
    height:100%;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.portfolio-thumb img{
    width:100%
}
.portfolio-description{
    position:absolute;
    left:0;
    bottom:0;
    padding:20px;
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.portfolio-description p{
    color:#fff;
    text-transform:uppercase;
    font-size:12px;
    letter-spacing:1px;
    margin-bottom:5px
}
.portfolio-description h3{
    margin:0
}
.portfolio-description h3 a{
    color:#fff
}
.portfolio-description h3 a:hover{
    color:#fc0
}
.vertical-border{
    background-color:#fc0;
    width:3px;
    height:100px;
    position:absolute;
    top:-50%;
    left:20px;
    -webkit-transition:all .6s ease-in-out;
    -moz-transition:all .6s ease-in-out;
    transition:all .6s ease-in-out
}
.portfolio-item:hover .vertical-border{
    top:0;
    -webkit-transition:all 600ms cubic-bezier(.52,1.64,.37,.66);
    transition:all 600ms cubic-bezier(.52,1.64,.37,.66)
}
.vertical-border,.portfolio-description,.portfolio-item::before{
    opacity:0;
    visibility:hidden
}
.portfolio-item:hover::before,.portfolio-item:hover .vertical-border,.portfolio-item:hover .portfolio-description{
    opacity:1;
    visibility:visible
}
.gallery-thumb .carousel-control.left,.gallery-thumb .carousel-control.right{
    background-image:none;
    opacity:1
}
.gallery-thumb .carousel-control.right{
    background-image:none
}
.gallery-thumb .carousel-control.left{
    background-image:none
}
.gallery-thumb .carousel-control{
    text-shadow:none;
    background-color:transparent;
    top:50%;
    margin-top:-25px
}
.gallery-thumb .carousel-control:hover{
    color:#fff
}
.gallery-thumb .carousel-control{
    background-color:#011a48;
    width:50px;
    height:50px;
    line-height:50px;
    display:block;
    border-radius:50px
}
.gallery-thumb .carousel-control:hover{
    background-color:#fc0
}
.gallery-thumb .carousel-control span{
    color:#fff;
    font-size:18px;
    transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out
}
.gallery-thumb .carousel-control:hover span{
    color:#fff
}
.carousel-control .fontawesome{
    font-family:FontAwesome
}
.gallery-thumb .carousel-control.left{
    left:20px
}
.gallery-thumb .carousel-control.right{
    right:20px
}
.ie9 .right.carousel-control,.ie9 .left.carousel-control{
    filter:none
}
.customer-info ul{
    margin-bottom:0
}
.customer-info>ul>li{
    display:table;
    margin-bottom:10px
}
.customer-info ul li:last-child{
    margin-bottom:0
}
.customer-info ul li span{
    display:table-cell;
    vertical-align:top
}
.customer-info{
    background-color:#fc0;
    padding:35px 10px 35px 30px
}
.customer-info-title{
    font-size:18px
}
.customer-info ul li span{
    width:150px;
    color:#9e7f02;
    font-weight:400
}
.customer-info ul li strong{
    color:#fff;
    font-weight:400
}
.customer-info ul li strong a{
    color:#fff
}
.customer-info ul li strong a:hover{
    color:#212121
}
.customer-info ul li:last-child{
    margin-bottom:0
}
.social-icon{
    margin-bottom:0
}
.social-icon li{
    padding:0 4px
}
.social-icon li a i{
    color:#fff;
    font-size:20px;
    line-height:20px;
    transition:all .3s ease-in-out
}
.social-icon li a i:hover{
    color:#011a48
}
.customer-hire-btn a{
    background-color:#f1c101;
    width:100%;
    border-radius:0;
    padding:21px 0;
    color:#fff;
    text-transform:uppercase;
    font-weight:300;
    letter-spacing:10px
}
.customer-hire-btn a:hover{
    background-color:#fc0;
    color:#011a48
}
.case-studies-des h3{
    font-size:30px;
    font-weight:800
}
.case-studies-tiled-gallery img{
    width:100%
}
@media screen and (max-width:991px){
    .customer-info{
        margin-top:30px
    }
}
.progress-bar-list{
    border-bottom:1px solid #cfcece
}
.progress-bar-vertical{
    width:18px;
    min-height:160px;
    display:flex;
    align-items:flex-end;
    margin-right:10px;
    float:left;
    background-color:transparent;
    border:none;
    box-shadow:none;
    border-radius:0
}
.progress-bar-vertical:last-child{
    margin-right:0
}
.progress-bar-list{
    margin:0 66px
}
.saving-invest-progress-wrapper p{
    margin-bottom:30px
}
.progress-bar-vertical .progress-bar{
    width:100%;
    height:0;
    background-color:#00d8ff;
    box-shadow:none;
    -webkit-transition:height .6s ease;
    -o-transition:height .6s ease;
    transition:height .6s ease
}
.progress{
    margin-bottom:0
}
.progress-bar-title h4{
    font-weight:400
}
.condition-list{
    list-style:none;
    margin-bottom:30px
}
.condition-list li{
    position:relative
}
.condition-list li:after{
    content:'';
    height:10px;
    width:10px;
    background:#fc0;
    display:block;
    position:absolute;
    border-radius:50px;
    top:50%;
    margin-top:-5px;
    left:-20px
}
.map-button-list li{
    display:inline-block;
    background-color:#011a48;
    margin:0;
    padding:0
}
.map-button-list li a{
    color:#fc0
}
.height-200{
    height:400px
}
.contact-form textarea{
    min-height:160px;
    padding:20px;
    resize:none
}
.contact-form .form-control{
    font-weight:300
}
.contact-address-wrapper{
    background-color:#011a48;
    padding:30px
}
.contact-map{
    min-height:380px
}
.tab-button{
    border-bottom:none;
    text-align:center;
    margin-top:-60px
}
.tab-button li{
    display:inline-block;
    margin-bottom:0;
    float:none;
    background-color:#011a48;
    margin-right:-5px
}
.tab-button li a{
    color:#fc0;
    padding:20px 40px;
    border-radius:0;
    border:0;
    margin:0
}
.tab-button li.active>a{
    background-color:#fc0
}
.tab-button li a:hover,.tab-button li.active>a,.tab-button li.active>a:hover{
    background-color:#fc0;
    color:#011a48;
    border:0
}
.tab-button.nav-tabs>li.active>a,.tab-button.nav-tabs>li.active>a:focus,.tab-button.nav-tabs>li.active>a:hover{
    border:0;
    background-color:#fc0
}
@media screen and (max-width:768px){
    .contact-map-wrapper .tab-content{
        margin-bottom:30px
    }
}
.post-wrapper{
    box-shadow:0 49px 72px 0 rgba(25,25,25,.12);
    -webkit-box-shadow:0 49px 72px 0 rgba(25,25,25,.12);
    -moz-box-shadow:0 49px 72px 0 rgba(25,25,25,.12);
    -ms-box-shadow:0 49px 72px 0 rgba(25,25,25,.12);
    -o-box-shadow:0 49px 72px 0 rgba(25,25,25,.12)
}
.blog-content{
    background-color:#fff;
    padding:25px 10px 25px 40px;
    overflow:hidden;
    position:relative
}
.post-wrapper:hover .vertical-border{
    top:0;
    opacity:1;
    visibility:visible;
    -webkit-transition:all 600ms cubic-bezier(.52,1.64,.37,.66);
    transition:all 600ms cubic-bezier(.52,1.64,.37,.66)
}
.entry-meta ul{
    margin-bottom:0
}
.entry-meta ul li{
    position:relative;
    padding:0 2px
}
.entry-meta ul li:before{
    content:",";
    position:absolute;
    right:-3px;
    bottom:2px
}
.entry-meta ul li:last-child:before{
    content:""
}
.entry-meta ul li a{
    text-transform:uppercase;
    font-size:12px;
    color:#666;
    font-weight:500
}
.entry-meta ul li a:hover{
    color:#fc0
}
.post-wrapper .thumb-wrapper{
    overflow:hidden
}
.post-wrapper .thumb-wrapper img{
    width:100%;
    transform:scale(1);
    transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out
}
.post-wrapper:hover .thumb-wrapper img{
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1)
}
.single-post .post-wrapper:hover .thumb-wrapper img{
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1)
}
.entry-title{
    font-size:19px;
    font-weight:800
}
.entry-title a:hover{
    color:#fc0
}
.blog-content .entry-content p{
    margin-bottom:10px
}
.blog-content .entry-content a{
    text-transform:capitalize;
    font-weight:800;
    color:#000
}
.blog-content .entry-content a:hover{
    color:#fc0
}
.animated-ltr{
    position:relative;
    z-index:10;
    transition:.5s;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s
}
.animated-ltr::after{
    position:absolute;
    content:'';
    top:0;
    left:0;
    background-color:#fc0;
    width:0%;
    height:100%;
    z-index:1;
    transition:.5s;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s
}
.animated-ltr:hover:after{
    width:100%;
    z-index:-1
}
.animated-ltr:hover{
    color:#fff;
    text-decoration:none;
    background-color:#fc0;
    z-index:1
}
.single-post .blog-content{
    padding-bottom:50px;
    border-bottom:1px solid #e4e2e2
}
.single-post .thumb-wrapper:hover img{
    transform:scale(1)
}
.single-post .entry-meta ul li{
    padding-right:10px
}
.single-post .entry-meta ul li:last-child{
    padding-right:0
}
.single-post .entry-meta ul li:before{
    content:""
}
.single-post .entry-meta ul li a{
    font-weight:300;
    font-size:13px;
    text-transform:capitalize
}
.blog-full-width-img{
    margin-left:-40px;
    margin-right:-40px
}
.blog-full-width-img img{
    max-width:100%
}
.single-post .entry-meta ul li a .fa{
    margin-right:3px
}
.single-blog-rating{
    display:inline
}
.single-blog-rating-list a{
    margin-right:3px
}
.single-blog-rating li{
    padding:0!important;
    margin-right:-5px
}
.single-blog-rating li a .fa{
    margin-right:0!important;
    color:#fe6000
}
.single-post .entry-title{
    font-size:29px
}
.single-post .entry-content p{
    margin-bottom:30px;
    color:#333
}
.comment-wrapper{
    padding:55px 40px;
    overflow:hidden;
    border-bottom:1px solid #e4e2e2
}
.comment-wrapper .form-control:focus{
    border-color:transparent;
    box-shadow:6px 6px 72px 5px rgba(25,25,25,.12);
    -webkit-box-shadow:6px 6px 72px 5px rgba(25,25,25,.12);
    -moz-box-shadow:6px 6px 72px 5px rgba(25,25,25,.12);
    -ms-box-shadow:6px 6px 72px 5px rgba(25,25,25,.12);
    -o-box-shadow:6px 6px 72px 5px rgba(25,25,25,.12)
}
.comment-wrapper input,.comment-wrapper textarea{
    border-radius:4px
}
.comment-wrapper .comment-submit-btn{
    background-color:#011a48;
    padding:15px 40px;
    font-weight:700;
    font-size:16px;
    color:#fff;
    float:right;
    border-radius:0
}
.comment-wrapper .comment-submit-btn:hover{
    background-color:#fc0
}
.comment-title{
    font-weight:800;
    font-size:25px;
    color:#212121;
    text-transform:capitalize
}
.comment-responed-wrapper{
    padding:55px 40px
}
.comment-content .comment-reply-link{
    padding:0 15px;
    border:1px solid #d5d7d8;
    text-transform:uppercase;
    color:#989898;
    font-size:10px
}
.comment-content .comment-reply-link:hover{
    background-color:#011a48;
    border-color:#011a48;
    color:#fff
}
.comment-list{
    padding:0
}
.comment-list>.comments-details{
    border:1px solid #f2f2f2;
    padding:20px 20px 0;
    margin-top:20px
}
.comment-name span{
    float:right;
    clear:both
}
.comment-media .comments-details{
    margin-bottom:20px;
    clear:both
}
.comment-list>.comments-details>.comment-user{
    border-bottom:1px solid #f2f2f2
}
.reaply-comment>.comments-details{
    border-bottom:1px solid #f2f2f2
}
.reaply-comment>.comments-details:last-child{
    border-bottom:none
}
.comment-media .comment-img{
    float:left;
    margin:0 20px 0 0
}
.comment-media .comment-img img{
    width:80px;
    text-align:center;
    border-radius:50px
}
.comment-media .comment-content{
    display:block;
    overflow:hidden;
    padding-bottom:15px
}
.comment-content .comment-name{
    margin-bottom:5px;
    float:left;
    margin-right:20px
}
.comment-content .comment-name h4{
    font-size:16px;
    text-transform:uppercase
}
.comment-content .comment-time{
    font-weight:300;
    display:block;
    font-size:12px;
    margin-top:-5px
}
.comments-details .reaply-comment{
    margin-top:20px;
    margin-left:80px
}
.comment-list .media-body h4{
    font-size:16px;
    font-weight:700
}
.comment-list .media-body h4 span{
    font-size:11px;
    text-transform:capitalize;
    padding-left:10px;
    font-weight:400
}
.comment-list .media-left a img{
    margin-top:7px
}
@media screen and (max-width:1199px){
    .comments-details .reaply-comment{
        margin-left:0
    }
}
@media screen and (max-width:480px){
    .comment-media .comment-img{
        float:none;
        text-align:center;
        margin-bottom:20px
    }
    .comment-content .comment-name{
        float:none
    }
    .comment-content .comment-time{
        margin-bottom:10px
    }
}
.post-share ul li a{
    padding:7px 0;
    border-radius:3px;
    display:inline-block;
    position:relative;
    overflow:hidden;
    width:45px;
    font-size:15px;
    transition:all 400ms
}
.post-share ul li a i{
    width:45px;
    margin:0 auto
}
.post-share ul li{
    padding:0 2px
}
.post-share ul li:first-child{
    padding-left:0
}
.post-share ul li:last-child{
    padding-right:0
}
.post-share ul li a span{
    margin-left:0;
    padding-right:20px
}
.post-share ul li a:hover{
    width:90px
}
.facebook{
    background-color:#3b5998
}
.twitter{
    background-color:#1da1f2
}
.google-plus{
    background-color:#ea4335
}
.linkedin{
    background-color:#0077b5
}
.youtube{
    background-color:#cd201f
}
.dribbble{
    background-color:#ef669a
}
.behance{
    background-color:#1983ff
}
.vimeo{
    background-color:#3b5998
}
.pinterest{
    background-color:#bd081c
}
.reddit-alien{
    background-color:#ff4500
}
.envelope{
    background-color:#a2a2a2
}
.facebook-color{
    color:#3b5998
}
.twitter-color{
    color:#1da1f2
}
.google-plus-color{
    color:#ea4335
}
.linkedin-color{
    color:#0077b5
}
.youtube-color{
    color:#cd201f
}
.vimeo-color{
    color:#3b5998
}
.pinterest-color{
    color:#bd081c
}
.reddit-alien-color{
    color:#ff4500
}
.envelope-color{
    color:#a2a2a2
}
.error-info h1{
    color:#fff;
    font-size:130px;
    line-height:130px;
    font-weight:700;
    text-shadow:5px 5px 0 #dadada,-1px -1px 0 #dadada,1px -1px 0 #dadada,-1px 1px 0 #dadada,1px 1px 0 #dadada
}
.ie9 .error-info h1,.ie9 .error-wrapper-alt h1{
    color:#999
}
.error-sub{
    display:block;
    font-size:30px;
    line-height:45px;
    font-weight:700;
    text-transform:uppercase
}
.error-info a{
    padding:10px 40px;
    text-transform:uppercase
}
.error-info a:hover{
    background-color:#d0ab1a
}
.focus-content h3>a{
    color:#011a48;
    font-weight:500;
    font-family: SolaimanLipi;
}
.focus-content h3>a:hover{
    color:#09C75A
}
.focus-content a{
    text-transform:capitalize;
    font-weight:700;
    color:#cbcbcb
}
.focus-content a:hover{
    color:#011a48
}
.focus-content ul li {
    list-style-image: url(assets/img/list-style.png);
    color: #09C75A;
    padding-left: 7px;
}
.focus-wrapper .focus-image{
    overflow:hidden
}
.focus-wrapper .focus-image img{
    width:100%;
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out
}
.focus-wrapper:hover .focus-image img{
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1)
}
.address-section{
    background-color:#011d52
}
.address-wrapper address>ul li{
    display:table;
    margin-bottom:10px;
    color:#999
}
.address-wrapper address>ul li:last-child{
    margin-bottom:0
}
.address-icon{
    display:table-cell;
    vertical-align:top
}
.address-icon i{
    color:#fff
}
.address-title{
    color:#fc0;
    font-weight:700
}
@media(max-width:767px){
    .address-wrapper{
        margin-bottom:30px
    }
}
.primary-footer{
    background-color:#F7F7F7;
    padding: 50px 0px 30px;
}
@media(max-width:991px){
    .primary-footer .widget{
        margin-bottom:30px
    }
}
.widget-title{
    color:#09C75A;
    font-weight:900;
    margin-bottom:40px;
    text-transform:capitalize
}
.widget-about .widget-title{
    margin-bottom:15px
}
.widget-about-info p{
    color:#fff;
    font-size:14px
}
.useful-link{
    margin:0;
    padding:0;
    list-style:none;
    overflow:hidden
}
.useful-link li{
    float:none;
}
.useful-link li a{

    color: #747474;
    display: block;
    font-family: 'corona';
    font-size: 18px;
    line-height: 30px;
}
.useful-link lia:hover{
    color:#fc0
}
.recent-news-info a{
    color:#fff
}
.recent-news-info a:hover{
    color:#fc0
}
.recent-news-info .entry-meta li a{
    color:#bdbdbd;
    font-size:13px
}
.recent-news-info .entry-meta li a i{
    margin-right:10px;
    color:#fc0
}
.recent-news-info+.recent-news-info{
    margin-top:20px
}
.subscribe-form{
    position:relative
}
.subscribe-form .input-wrapper{
    margin-bottom:20px
}
.subscribe-form button{
    background:#fc0;
    border:none;
    position:absolute;
    right:0;
    top:0;
    width:50px;
    height:50px
}
.widget-newsletter form button i{
    color:#011a48;
    font-size:20px
}
.subscription-success{
    color:#fff
}
.social-link{
    margin:0
}
.social-link.list-inline>li{
    padding-right:2px;
    padding-left:2px
}
.social-link li a{
    display:block;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    background-color:#4a5c7d;
    color:#fff;
    border-radius:3px;
    margin-bottom:4px
}
.social-link li a:hover{
    background-color:#fc0
}
.copyright-wrapper{
    background-color:#F7F7F7
}
.copyright-info{
    padding:22px 0
}
.copyright-info p{
    font-size:14px;
    color:#5d6c87;
    margin-bottom:0;
    font-weight:500
}
.copyright-info p a{
    color:#fc0
}
nav.navbar.bootsnav{
    border-bottom:0;
    -webkit-box-shadow:0 3px 6px rgba(0,0,0,.12);
    box-shadow:0 3px 6px rgba(0,0,0,.12)
}
.navbar-brand{
    padding:0 15px
}
.navbar-brand img{
    max-height:80px
}
.navbar-full .navbar-brand img{
    max-height:50px
}
nav.navbar.bootsnav ul.nav>li>a{
    color:#212121;
    font-family: 'corona';
}
nav.navbar.bootsnav ul.nav>li>a:hover,nav.navbar.bootsnav ul.nav>li.active>a,nav.navbar.bootsnav ul.nav>li>.dropdown-menu li>a:hover,nav.navbar.bootsnav ul.nav>li>.dropdown-menu li.active>a,nav.navbar.bootsnav ul.nav>li>.dropdown-menu.megamenu-content li>a:hover,nav.navbar.bootsnav ul.nav>li>.dropdown-menu.megamenu-content .menu-col li.active>a{
    color:#09C75A
}
nav.navbar.bootsnav ul.nav li.dropdown>ul.dropdown-menu{
    border-top-color: #09C75A;
    font-family: corona;
}
.dropdown-menu .title{
    font-size:15px
}
.dropdown-menu.cart-list h2{
    font-size:12px;
    line-height:20px;
    margin-bottom:0
}
.dropdown-menu.cart-list h2 a{
    color:#212121
}
.dropdown-menu.cart-list h2 a:hover{
    color:#fc0
}
.attr-nav>ul>li>a span.badge{
    background-color:#fc0
}
.attr-nav>ul>li>a{
    padding:26px 15px
}
ul.cart-list>li.total>a.btn{
    color:#fff!important
}
ul.cart-list>li.total>a.btn:hover{
    background-color:#fc0!important
}
.side .widget .title{
    font-size:15px;
    margin-top:30px;
    margin-bottom:20px
}
ul.social-links{
    margin-bottom:0
}
ul.social-links a{
    display:inline-block;
    width:35px;
    height:35px;
    text-align:center;
    line-height:34px;
    color:#fff
}
@media(max-width:992px){
    .navbar-brand img{
        max-height:50px
    }
    nav.navbar.bootsnav .navbar-brand{
        float:left!important;
        margin:0 0 0 20px!important
    }
    .attr-nav>ul>li>a{
        padding:12px 15px 10px
    }
}
@media(min-width:993px){
    nav.navbar.bootsnav.no-background{
        box-shadow:none
    }
    nav.navbar.bootsnav ul.nav>li>a{
        font-size:18px;
        font-weight:700
    }
    nav.bootsnav.navbar-brand-top .navbar-header .navbar-brand{
        margin-bottom:20px
    }
}
@media(min-width:993px) and (max-width:1199px){
    nav.navbar.bootsnav ul.nav>li>a{
        padding:30px 8px
    }
}
@media(min-width:1024px){
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a{
        padding:6px 0
    }
}
@media(min-width:1200px){
    nav.navbar.bootsnav ul.nav>li>a{
        padding:30px 15px
    }
    nav.navbar.navbar-sidebar.bootsnav ul.nav>li>a{
        padding:10px 15px
    }
}
@media(max-width:992px){
    .onepage nav.navbar.bootsnav .navbar-brand{
        float:left!important;
        margin:0!important
    }
    .onepage nav.navbar.bootsnav .navbar-toggle{
        float:right;
        margin-left:-200px;
        margin-right:auto;
        margin-top:5px
    }
    nav.navbar.bootsnav .navbar-toggle{
        color:#6f6f6f
    }
}
#preloader{
    background:#fff;
    bottom:0;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:9999
}
#status,.status-mes{
    background-image:url(//bafsk.edu.bd/images/CORONAVIRUS_fotolead_984.gif);
    background-position:center;
    background-repeat:no-repeat;
    height:200px;
    left:50%;
    margin:-100px 0 0 -100px;
    position:absolute;
    top:50%;
    width:200px
}
.status-mes{
    background:0 0;
    left:0;
    margin:0;
    text-align:center;
    top:65%
}
.hot-call-number {
    font-size: 30px;
    font-family: corona;
    padding: 20px;
}
.tile-img {
    margin: 40px 15px 15px 0px;
}
.featured-item.icon-left {
    background-color: #F5F5F5;
    margin: 10px 0px;
    width: 100%;
}
.featured-item.icon-left.custom {
    background-color: #f7fdfb;
}
.cor-number {
    margin: 10px 30px;
    margin: 10px 30px;
    font-family: 'corona';
    font-size: 22px;
    font-weight: lighter;
    color: #000;
}
.registion-link-buton{text-align: left}
.registion-link-buton a {
    color: #fff;
    border-radius: 0;
    font-weight: 500;
    margin-top: 25px;
    font-family: 'corona';
    font-size: 22px;
}
.registion-link-buton a.btn-primary {
    background-color: #011a48;
}

.featured-item.icon-left.registion-link-buton {
    background: transparent;
}
.featured-item.custom-img-padd {
    padding: 0px;
}
.hand-img-bd {
    background-color: #eff2f5;
    background-image: url(assets/img/focus.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 400px;
}
.post-blo img {
    width: 180px;
    height: auto;
    margin: 0px 20px 0px 0px;
    float: left;
}
.read_more_botton {
    padding: 5px 10px;

}
.read_more_botton a  {
    color: #09C75A;
}
.featured-item.custom-img-padd.icon-left.no-bg-color {background-color: transparent;
}
.two-color-bg {
    background: linear-gradient(90deg,#F7F7F7 50%, #f7fdfb 0%);
}
.right-section-pading {
    padding: 0px 0px 0px 30px;
}
.footer-top-borer {
    border-top: 1px solid #ccc;
}
.footer-logo {
    display: inline-block;
    padding: 0px 10px;
    width: 50%;
}
.soci-link-footer {
    font-size: 20px;
    padding: 0px 15px;
}
.des p {
    margin-bottom: 0;
    font-family: 'corona';
    font-size: 18px;
    color: #000;
    line-height: 30px;
}
.footer-hot-line-text {
    font-size: 18px;
    margin-top: -15px;
}
.footer-hotline-number {
    color: #09C75A;
    font-size: 40px;
}
.useful-link li a:hover {
    color: #09C75A;
}
.text-center.css-custom-class {
    margin: 120px 0px;
}
.fb-css {
    color: #3B59A5;
}
.tw-css {
    color: #03A9F4;
}
.numner-engli {
    font-family: montserrat,sans-serif;
}
.footer-logo-img {
    width: 50%;
}

.inner-breadcrumbs {
    background-image: url(assets/img/inner-page-bg.png);
}
.hotlinee {
    font-family: corona;
    color: #EE9735;
    font-size: 18px;
}
.floor-addres {
    font-family: corona;
    color: #7f7f7f;
    font-size: 18px;
}
.hotlin-addres {
    font-family: corona;
    color: #000;
    font-size: 18px;
}
.breadcrumb {
    background-color: transparent !important;
}
.leftsidebar-css {
    font-family: corona;
    color: #000;
    margin: 5px 10px;
}
.butto-wrapper a {
    font-family: corona;
}
.copyright-info a img.footer-logos {
height: 30px;
width: auto;
padding: 0 7px;
/* border-right: 0px dashed #ccc !important; */
}
.no-border{border: 0px !important;}
.pd-left-0{padding-left: 0px !important;}
.pd-right-0{padding-right: 0px !important;}

.mobile-app-logo {
    height: 40px;
    position: relative;
    top: 16px;
}


/*mostafiz bari css update start*/
.custom-height-css {
    height: 250px !important;
}
.big-video {
    width: 100% !important;
    height: 100% !important;
}
.lates-info-guide {
    list-style-image: none !important;
    list-style-type: none !important;
    margin-bottom: 30px;
}
.lates-info-guide img {
    float: left;
    margin: 0px 20px 0px -45px;
}
.headline-ltatest {
    font-weight: bold !important;
    color: #011a48;
    font-weight: 500;
    font-family: 'corona';
}
.headline-subtile {
    color: #011a48;
    font-weight: 500;
    font-family: 'corona';
}


.youtube-carousel{
    border: 5px solid #000;
    border-radius: 10px !important;
}

.video-container {
    position: relative; /* keeps the aspect ratio */
    padding-bottom: 56.25%; /* fine tunes the video positioning */
    padding-top: 60px; overflow: hidden;
    margin-bottom: -1px;
    margin-right: -1px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.carousel-control.left {
    background-image: none;
    color: #ffffff;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    opacity: 1;
    /*height:120px;*/
    left: 0;
}
.carousel-control.right {
    background-image: none;
    color: #ffffff;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    opacity: 1;
    /*height:120px;*/
    right: 0;
}
.controls{
    display: none;
}

.carousel-control:hover {
    text-decoration: none;
    filter: alpha(opacity=60);
    outline: 0;
    opacity: 0.6;
}

.left-button {
    height:70px;
    width:35px;
    border-radius: 0 90px 90px 0;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    -moz-border-radius: 0 90px 90px 0;
    -webkit-border-radius: 0 90px 90px 0;
    background-color: #000;
    display: inline-block;
    position: relative;
    float:left;
    /*subpixel bug*/
    margin-left: -1px;
}

.right-button {
    height:70px;
    width:35px;
    border-radius: 90px 0 0 90px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    -moz-border-radius: 90px 0 0 90px;
    -webkit-border-radius: 90px 0 0 90px;
    background-color: #000;
    display: inline-block;
    position: relative;
    float:right;
    /*subpixel bug*/
    margin-right: -1px;
}


.carousel-caption {
    display: none;
    background: none repeat scroll 0 0 #000;
    bottom: 0;
    font-size: 12px;
    text-align: center;
    opacity: 1;
    padding: 7px 30px 7px !important;
    text-transform: uppercase;
    z-index: 11;
    pointer-events: none;
    border-radius: 15px 15px 0px 0px;
}

@media screen and (min-width: 768px) {
    .right-button {
        height:60px;
        width:60px;
        border-radius: 90px 0 0 90px;
        -moz-border-radius: 90px 0 0 90px;
        -webkit-border-radius: 90px 0 0 90px;
        display: inline-block;
        position: relative;
        float:right;
    }

    .left-button {
        height:60px;
        width:60px;
        border-radius: 0 90px 90px 0;
        -moz-border-radius: 0 90px 90px 0;
        -webkit-border-radius: 0 90px 90px 0;
        display: inline-block;
        position: relative;
        float:left;
    }

    .carousel-control .glyphicon-chevron-left{
        top:35%;
        font-size: 35px;
        left:5%;
    }

    .carousel-control .glyphicon-chevron-right{
        top:35%;
        font-size: 35px;
        left:35%;
    }

    .carousel-caption {
        font-size: 18px;
        padding:15px 20px 15px;
    }
}
@media screen and (min-width: 992px) {
    .carousel-caption {
        font-size: 18px;
        padding:15px 20px 15px;
    }
}
.home-page-video {
    visibility: visible;
}
.main-sec-cus-{    background: #1C75BC;}
.subt-cus-css {
    padding: 50px 0px;
    font-size: 25px;
    font-family: corona;
    color: #fff;
}

@media screen and (max-width:766px){
    .carousel-control.right {
        top: 70%;
        right: 42px;
    }
    .carousel-control.left {
        top: 70%;
        left: 42px;
    }
    .carousel-control{  background: none; }
    .carousel-control:hover {
        background: none;
    }

    .custom-ulli-css>li {

        width: 100%;
        margin-bottom: 5px !important;
    }
}

.custom-ulli-css>li {
    display: inline-block;
    padding: 10px;
    background-color: #ccecf9;
    color: #3c4c99;
    text-align: center;
    margin: 0 5px;
    font-family: corona;
    font-size: 14px;
    width: calc(12.5% - 14px);
    height: 120px;
    vertical-align: middle;
    font-weight: 600;
}
.custom-ulli-css > li span {
    font-size: 32px;
    line-height: 45px;
    color: #333;
    font-weight: 400;
}
.imp-links-left ul li {
    color: red;
    list-style-image: none;
    list-style-type: none;
}



























/*
Style By: Qassim Hassan
Twitter: @QQQHZ
Websites: wp-time.com | qass.im | wp-plugins.in
Copyright (c) 2016 - Qassim Hassan
Adapted by: Pedro Rogerio for mediabox v0.0.2 | https://github.com/pinceladasdaweb/mediabox */
.mediabox-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    background-color: rgba(0,0,0,0.8);
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 999;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: mediabox;
    animation-name: mediabox;
}
.mediabox img{ width: 100%}
@-webkit-keyframes mediabox {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes mediabox {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.mediabox-content {
    max-width: 680px;
    display: block;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.mediabox-content iframe {
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
    height: 480px !important;
    border: none !important;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.mediabox-hide {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: mediaboxhide;
    animation-name: mediaboxhide;
}

@-webkit-keyframes mediaboxhide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes mediaboxhide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.mediabox-close {
    position: absolute;
    top: 0;
    cursor: pointer;
    bottom: 528px;
    right: 0px;
    margin: auto 0;
    width: 24px;
    height: 24px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAMvSURBVHja7Js9aBRBFMd/d1lPY6FiJVjY+Fkoxl7wA1Q0prQRS6tgoZV2MWIRRVHUUq3U+JnESrS2sBXBzipREWMlATXwt8gFznC5nd15M7Nn8uC45nZnfr/dY96+N1uTxFKOOks8lgUU/H2t4tJqIQUcAiaBGeBymcECRgO4B/wBPgJ9zkdKcvkclfRL/8ZtSTXH40N+GpLGF8zth6Q9Lse7DHCsDXxVJLSDLyQhb4B+Sb/VOVJJ6ATfKqGvrIDjDvCpJLjAz8d0JwmLDTBQAD62hIakiYJzm5a021VAfwn4WBLKwLdK2JUnIJP0XX4RSoIP/Hy8W3jeepv1dL3nmjwI3DLOExrAU2DA8zwb8xKhGeCuwYQtJTSAZwbwAHdcEqFM0mPZhO/foSHppdFcrraby2IDV0FCcPi8PCClhCjwLplgCgkrDeGv5I3pcjViSogK7yogloTo8EUEhJaQBL6oAGsJ9yVtkrRD0qsU8JKolagKZ8AD4ETFymFXgPOAQpXE5mMWOAk86XZ4n6pwlSSUhvcti1dBghe8RV8gpYQRX3irxkgKCSPABV94y85QTAlm8NatsRgSTOGBUnmAS57w3KiA0Ro3gHOW8KEEAOwE3hvfXWubFauu6A6vCND07OmW9viq5vpsGT3AtRAN2XoA+BfAwQBiTweoNpMZw48BRwKuAoPN7zNVWwZjwAfpO9S7DN5cQmYAPw4cTvAsYPJ3qHcpvNmdUO9ieBMJZQT0AhMVgfeWUC8BP87cjjHfuA6sATY0c4c0EgpUUHslvTaq3l5aUL1N1oarAnxSCVWBTyYhJvyw41XJJI3GkpAH/yYyfHQJi01gdUL4qBKqCh9NQrtBx4wGvGi0XS6T9MhoTkN5AtZVDN5awlTePsGfwDfPjGwYGDKu3s4Cp4BRz/N8cskED0iaqciVt7wTvkra5roKlJEQGt5HwhdJ24vmAUUkDEV+VyCT9NBxbp/bXXnXTNBFQmz4IhI6wrs+C+zvICEVvIuEKUlbrZ4G97WRkBq+k4RJSVusd4ntlfSheVudrQh8q4SbmntH6K2kzSF3if1Xsfzq7LKAJR5/BwCdAQBJn4egPgAAAABJRU5ErkJggg==') no-repeat;
    background-size: 24px 24px;
    -webkit-background-size: 24px 24px;
    -moz-background-size: 24px 24px;
    -o-background-size: 24px 24px;
}

.mediabox-close:hover {
    opacity: 0.5;
}

@media all and (max-width: 768px) and (min-width: 10px) {
    .mediabox-content {
        max-width: 90%;
    }
}

@media all and (max-width: 600px) and (min-width: 10px) {
    .mediabox-content iframe {
        height: 320px !important;
    }

    .mediabox-close {
        bottom: 362px;
    }
}

@media all and (max-width: 480px) and (min-width: 10px) {
    .mediabox-content iframe {
        height: 220px !important;
    }

    .mediabox-close {
        bottom: 262px;
    }
}








/*mostafiz bari css update start*/



@media only screen and (max-width: 480px) {
    .custom-ulli-css > li {
        width: calc(33.5% - 14px) !important;
    }

    .box-top-part {
        font-size: 35px;
    }

    .box-bottom-part {
        font-size: 14px;
    }

    .custom-ulli-css {
        text-align: center;
    }
}

.demo-gallery > ul {
    margin-bottom: 0;
}

    .demo-gallery > ul > li {
        float: left;
        margin-bottom: 10px;
        margin-right: 10px;
        width: 24%;
        height: 270px;
        list-style-type: none;
    }
    @media (max-width: 768px) {
        .demo-gallery > ul > li {
            height: 200px;
        }
    }

        .demo-gallery > ul > li a {
            border: 3px solid #FFF;
            border-radius: 3px;
            display: block;
            overflow: hidden;
            position: relative;
            float: left;
        }

            .demo-gallery > ul > li a > img {
                -webkit-transition: -webkit-transform 0.15s ease 0s;
                -moz-transition: -moz-transform 0.15s ease 0s;
                -o-transition: -o-transform 0.15s ease 0s;
                transition: transform 0.15s ease 0s;
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
                height: 100%;
                width: 100%;
            }

            .demo-gallery > ul > li a:hover > img {
                -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1);
            }

            .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
                opacity: 1;
            }

            .demo-gallery > ul > li a .demo-gallery-poster {
                background-color: rgba(0, 0, 0, 0.1);
                bottom: 0;
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                -webkit-transition: background-color 0.15s ease 0s;
                -o-transition: background-color 0.15s ease 0s;
                transition: background-color 0.15s ease 0s;
            }

                .demo-gallery > ul > li a .demo-gallery-poster > img {
                    left: 50%;
                    margin-left: -10px;
                    margin-top: -10px;
                    opacity: 0;
                    position: absolute;
                    top: 50%;
                    -webkit-transition: opacity 0.3s ease 0s;
                    -o-transition: opacity 0.3s ease 0s;
                    transition: opacity 0.3s ease 0s;
                }

            .demo-gallery > ul > li a:hover .demo-gallery-poster {
                background-color: rgba(0, 0, 0, 0.5);
            }

.demo-gallery .justified-gallery > a > img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}

.demo-gallery .justified-gallery > a:hover > img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
    opacity: 1;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}

    .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
        left: 50%;
        margin-left: -10px;
        margin-top: -10px;
        opacity: 0;
        position: absolute;
        top: 50%;
        -webkit-transition: opacity 0.3s ease 0s;
        -o-transition: opacity 0.3s ease 0s;
        transition: opacity 0.3s ease 0s;
    }

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .video .demo-gallery-poster img {
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    opacity: 0.8;
    width: 48px;
}

.demo-gallery.dark > ul > li a {
    border: 3px solid #04070a;
}

.home .demo-gallery {
    padding-bottom: 80px;
}

.video-caption-update {
    color: #000;
    font-size: 16px;
    line-height: 25px;
}

@media only screen and (max-width: 480px) {
    .demo-gallery > ul > li {
        width: 45%;
    }
}