.bg-custom{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3b679e+0,207cca+19,2b88d9+50,7db9e8+100 */
    background: rgb(59,103,158); /* Old browsers */
    background: -moz-linear-gradient(left,  rgb(59,103,158) 0%, rgb(32,124,202) 19%, rgb(43,136,217) 50%, rgb(125,185,232) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgb(59,103,158) 0%,rgb(32,124,202) 19%,rgb(43,136,217) 50%,rgb(125,185,232) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgb(59,103,158) 0%,rgb(32,124,202) 19%,rgb(43,136,217) 50%,rgb(125,185,232) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */


}
.bg-blend-background {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3b679e+0,207cca+19,2b88d9+50,7db9e8+100 */
background: rgb(59,103,158); /* Old browsers */
background: -moz-linear-gradient(left,  rgb(59,103,158) 0%, rgb(32,124,202) 19%, rgb(43,136,217) 50%, rgb(125,185,232) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgb(59,103,158) 0%,rgb(32,124,202) 19%,rgb(43,136,217) 50%,rgb(125,185,232) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgb(59,103,158) 0%,rgb(32,124,202) 19%,rgb(43,136,217) 50%,rgb(125,185,232) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */

}
.color-custom{
   color:  rgb(53, 161, 228);
}
.bg-form-body{
    background-color: rgb(245,245,245)

}
.bg-background{
    background-image: url('../assets/img/bk.png');
     /* You must set a specified height */
    background-position:top; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    width: 100%;
}
.bg-background-b{
    background-image: url('../assets/img/bk.png');
    height: 500px; /* You must set a specified height */
    background-position:bottom; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}
.intro-title{
    font-size:90px;
}
.txt_shadow{
    text-shadow: 2px 2px #000;
}
.txt_shadow_w{
    text-shadow: 1px 1px #fff;
}

.bg-custom_side{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3b679e+0,207cca+19,2b88d9+37,7db9e8+100 */
background: rgb(59,103,158); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(59,103,158,1) 0%, rgba(32,124,202,1) 19%, rgba(43,136,217,1) 37%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(32,124,202,1) 19%,rgba(43,136,217,1) 37%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(59,103,158,1) 0%,rgba(32,124,202,1) 19%,rgba(43,136,217,1) 37%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */


}
.sb-nav-link-icon{
    color:white;
}

@font-face {
    font-family: "CustomFont";
    src: url("../assets/fonts/Roboto-Regular.ttf");
    src: url("../assets/fonts/Roboto-Bold.ttf") format("ttf");

    }
    .title_font {
        font-family: 'CustomFont', Arial, sans-serif;
        font-weight:normal;
        font-style:normal;
        }

        .nav-link{
            font-family: 'CustomFont', Arial, sans-serif;
            font-weight:normal;
            font-style:normal;
        }

        .btn-circle.btn-sm {
            width: 30px;
            height: 30px;

            border-radius: 15px;
            font-size: 13px;
            text-align: center;
        }

        .one-half {
            color:#fff;
            font-size:115%;
            font-weight:500;
            height:100px;
            text-align:center;
            }

            .trans:before,.ack:before,.reject:before,.mo:before,.mobile:before,.paper:before,.refresh:before,.sms:before,.email:before,.client:before,.subscription:before,.branch:before,.payment:before,.plane:before,.areachart:before,.barchart:before {
                position: absolute;
                font-family: 'FontAwesome';
                font-size:80px;
                top: 0;
                left: 10px;
                color:#fff;
                opacity:.2;
                }

            .trans:before { content: "\f019"; }
            .ack:before { content: "\f00c"; }
            .reject:before { content: "\f00d"; }
            .mo:before { content: "\f021"; }
            .mobile:before{ content: "\f10b";}
            .paper:before{ content: "\f1d8";}
            .refresh:before{ content: "\f295";}
            .sms:before{ content: "\f27b";}
            .email:before{ content:"\f003";}


            .client:before{ content:"\f0c0";}
            .subscription:before{ content:"\f087";}
            .branch:before{ content:"\f041";}
            .payment:before{ content:"\f0d6";}

            .plane:before{ content: "\f072";}

            .areachart:before{ content: "\f1fe";}
            .barchart:before{ content: "\f080";}

            .bgrid {
                font-size:8px;
            }