a:hover {
    color: #337ab7;
    text-decoration: none;
}
.bg {width: 100%}
@media (min-width :768px){.bg {width: 60%}}
.about_header {
    width: 100%;
    float: left;
}
.about_header h1 {
    font-size: 18px;
    color: #737373;
    float: left;
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-family: 'open_sansregular';
}
.about_header h1::before {
    content: '';
    position: absolute;
    float: left;
    width: 100px;
    height: 4px;
    background-color: #1682ee;
    top: 27px;
    left: 0;
}
.txt {
    width: 100%;
    float: left;
    color: #737373;
    line-height: 22px;
    font-size: 13px;
    text-align: justify;
    font-family: 'open_sansregular';
}
.canvas_right {
    width: 100%; 
    float: left; 
}
.canvas_right h2 {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #737373;
    padding-left: 15px;
    padding-bottom: 10px;
}
.canvas_block {
    width: 100%;
    float: left;
    background-color: #0569ce;
    padding: 10px;
    position: relative;
}
.canvas_block h3 {
    width: 100%;
    float: left;
    font-size: 15px;
    margin: 0;
    color: #fff;
}
.canvas_block:after {
    content: '';
    position: absolute;
    float: left;
    width: 4px;
    height: 36px;
    background-color: #0a4d90;
    top: 0px;
    left: 0;
}
.canvas_right a {
    width: 100%;
    float: left;
    margin-bottom: 12px;
}
.canvas_box {
    width: 100%;
    float: left;
    background-color: #0569ce;
    padding: 10px;
    
}
.box_block {
    
    padding: 1.25rem;
    position: relative;
    display: block;
    border: 1px solid #1682ee/*rgba(0, 0, 0, 0.125)*/;
    border-bottom: none;
    background-color: #fff !important;
    overflow: hidden;/*
    margin-bottom: 1.5rem!important;*/
}  
.box_icon_right {
    position: absolute;
    top: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    right: 0;
}
.box_icon_right span {
    right: -60px;
    position: absolute;
    z-index: 8;
    top: -60px;
    width: 110px;
    height: 110px;
    line-height: 120px;
    border-radius: 50%;
    background-color: #0b4f94 !important;  
}
.box_icon_right span .bg_inner {
    background-color: #f44236 !important;
    color: #fff;
}
.box_icon_right i {
    padding-left: 15px;
    color: #fff;
    *position: relative;
    z-index: 100;
    font-size: 20px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: absolute;
    top: 10px;
    left: 20px;
}
.box_block:hover .box_icon_right i {
    font-size: 25px;
    transform: scale(1.2);
}
.box_content {
    position: relative;
    z-index: 10; 
}
.box_content h3 {
    font-weight: normal;
    color: #0b4f94;
    margin-bottom: 1rem!important;
    font-size: 15px;
    line-height: 2.1;
    margin-top: 0;
}
 .bg_2 .read_more {
    float: left;
    font-size: 13px; 
    color: #fff;
    line-height: 25px;
}
 .bg_2 .fa {
    color: #fff;
    font-size: 15px;
    /*padding: 5px;*/
    float: right;
    line-height: 24px;
}
.bg_2 {
    background-color: #0b4f94;
    width: 100%;
    padding: 5px 10px;
    color: #fff;
    float: left;
}
.box_content p {
    font-size: 13px;
    color: #737373;
    margin: 0;
    line-height: 20px
}
.img-left {
    width: 33.333%;
    float: left
}
..img-left img {
    width: 100%;
    height: auto;
    display: block;
}
.client-panel .head {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: bold;
}
.canvas_right span {
    color: #074d93;
}