body {
    font-size: 15px;
    line-height: 25px;
    color: #333;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5 {
    color: #221e1e;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
}

header{
    background:#222;
    padding:4px 0px
}

header p{
    font-size:14px;
    margin:0;
    padding:0
}

.add_top{
  padding-top:20px !important;
  padding-bottom:15px !important
}

    .top-section .logo {
        width: 170px;
    }


    .top-section a {
        color: #222;
        font-size:17px;
        display:inline-block;
        margin-top:15px;
        text-decoration:underline
    }

.bg-section-content {
    background: rgba(0,0,0,0.55);
    padding: 170px 0px;
}

.bg-section {
    position: relative;
    background-size: cover !important;
    width: 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.main-title{
    color:#0077c8
}
.color-qblue {
    color: #0077c8;
}
h8 {
    font-size: 19px;
    line-height: 21px;
    margin-bottom: 10px;
    font-style: normal;
}
.iconbox-service-small {
  
    height: 50px;
    color: #0077c8;
    line-height: 50px;
    padding: 10px;
    border-radius: 100%;
}

.text-large{
    font-size:18px;
    font-weight:300
}

.text-2 {
    line-height:29px;
    font-size:14px
}

.bo-2{
    width:60px;
    height:0.6px;
    background:#999;
    margin:0 auto;
    display:block;
    margin-top:20px !important
}

.padding-left-1{
    padding-left:8px
}

.f_list a{
    color:#111;
    text-decoration:underline
}

@media(min-width:992px)
{
    .br-block{
        display:block
    }

}

@media(max-width:767px){

    .modal-title {
    font-size:22px;
    line-height:29px
    }

    .logo{
        margin:0 auto;
        display:block
    }
    .hide-small{
        display:none
    }

    header{
        text-align:center
    }
    .bg-section-content{
        padding:100px 0px
    }
}