@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/OpenSans-Bold.ttf');
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular.ttf');
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.ttf');
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('../fonts/Roboto-Light.ttf');
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.ttf');
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('../fonts/Roboto-Medium.ttf');
}

@font-face {
    font-family: 'georgiai_0';
    src: url('../fonts/georgiai_0.ttf');
}

@font-face {
    font-family: 'Segoe-Ui';
    src: url('../fonts/Segoe-Ui.ttf');
}

@font-face {
    font-family: 'montserrat-light';
    src: url('../fonts/montserrat-light.ttf');
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.ttf');
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.ttf');
}

body {
    width: 100%;
    height: 100%;
    font-family: 'OpenSans-Regular';
    color: #717171;
    font-size: 16px;
    background-color: #fff;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    line-height: 24px;
}

html {
    width: 100%;
    height: 100%;
}

a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    a:hover,
    a:focus {
        text-decoration: none;
    }

    a:focus {
        outline: medium none;
    }

b {
    font-family: 'Roboto-Bold';
    font-weight: normal;
    color: #000;
}

p {
    color: #000;
    line-height: 27px;
}

.pwidth p {
    width: 100%;
    float: left;
}

.m-top {
    margin-top: 20px;
}

.m-top2 {
    margin-top: 40px;
}

.row-box {
    width: 100%;
    float: left;
    clear: both;
}

.fav h3 {
    width: auto !important;
    float: left;
}

.fav a {
    float: left;
    margin: 10px 15px;
}

/*---- header ----*/
section {
    float: left;
    width: 100%;
    clear: both;
}

.padding {
    padding: 50px 0;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    margin-bottom: 0;
    clear: both;
}

.navbar-brand {
    height: auto;
    padding: 0 15px;
}

.top-none .navbar-default {
    -webkit-box-shadow: 0px 2px 3px 0px rgba(54, 54, 54, 0.17);
    -moz-box-shadow: 0px 2px 3px 0px rgba(54, 54, 54, 0.17);
    box-shadow: 0px 2px 3px 0px rgba(54, 54, 54, 0.17);
}

/*---- slider ----*/
/* Animation delays */

.item2 .carousel-caption {
    left: 0;
    right: auto;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before {
    content: none;
    width: auto;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    width: auto;
}


.carousel-control img {
    width: 10px;
    margin-top: 4px;
}

/*---- carousel-fade ----*/
.carousel-fade .carousel-inner .item {
    opacity: 0;
    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-control {
    z-index: 2;
}

/*---- carousel-close ----*/
.cd-top {
    background-color:#37517e;
    border: 0px solid #f7a730;
    bottom: 5px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    height: 37px;
    line-height: 31px;
    padding: 4px;
    position: fixed;
    right: 10px;
    text-align: center;
    width: 37px;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

    .cd-top i.fa {
        font-size: 25px;
    }

    .cd-top img {
        vertical-align: inherit;
    }

    .cd-top:hover {
        background-color: #333;
        color: #fff;
    }

    .cd-top:focus {
        color: #FFF;
    }

    .cd-top.cd-is-visible,
    .cd-top.cd-fade-out,
    .no-touch .cd-top:hover {
        -webkit-transition: opacity .3s 0s, visibility 0s 0s;
        -moz-transition: opacity .3s 0s, visibility 0s 0s;
        transition: opacity .3s 0s, visibility 0s 0s;
    }

    .cd-top.cd-is-visible {
        /* the button becomes visible */
        visibility: visible;
        opacity: 1;
    }

    .cd-top.cd-fade-out {
        /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
        opacity: 1;
    }

.navbar-default {
    border: none;
	box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.09);
}

    .navbar-default .container-fluid {
        padding: 0;
        position: relative;
		max-width: 1170px;
    }
.navbar-nav > li {
    float: none;
}
    .navbar-default .navbar-nav > li > a {
        color: #222222;
        display: inline-block;
        font-family: 'Roboto-Regular';
        font-size: 16px;
        padding-top: 33px;
        padding-bottom: 32px;
    }

    .navbar-default .breadcrumb {
        background-color: transparent;
        padding: 0;
        margin: 0 auto;
        float: none;
		text-align: center;
    }
.navbar-default .breadcrumb > li + li::before {
    padding: 0;
	content: none;
}
.breadcrumb > li + li::before {
    color: #000;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    color: #000;
    background-color: #fff;
}

.formfull {
    float: left;
    width: 100%;
}

.menu-right {
    float: right;
}
.menu-right-blue {
    float: left;
    background-color: #fff;
}

.menu-right-blue a {
	color: #043f71;
	font-family: 'Roboto-Regular';
	font-size: 16px;
	padding:9px 12px;
	border-radius: 50px;
	float: left;
	margin: 19px 0;
	line-height: 22px;
}
.l-blue-btn{
	background-color:#f1f5f7;
}
.menu-right-blue a:hover {
            color: #76d0fc;
 }

    .menu-right-blue i {
        background-color: #fff;
        color: #007ec4;
        border-radius: 50px;
        font-family: 'Roboto-Medium';
        letter-spacing: 1px;
        text-transform: uppercase;
        font-style: normal;
        font-size: 15px;
        padding: 6px;
        margin: 5px;
    }
.menu-right-blue .dropdown-menu {
    min-width: 190px;
	margin-top: 22px;
    border-radius: 0;
}
.dropdown-menu > li > a {
    padding: 6px 20px;
    font-weight: normal;
    white-space: normal;
    width: 100%;
    font-size: 15px;
}
.navbar-brand {
    padding-left:0px;
    padding-top: 13px;
}

.search-click {
    float: left;
    padding: 30px 20px;
}

.search-content {
    width: 300px;
    position: absolute;
    z-index: 999;
    display: none;
    background-color: #f2f2f2;
    border: 1px solid #0074ad;
    right: 18%;
    top: 100%;
    padding: 10px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

    .search-content .form-control {
        border-radius: 0px;
        border-color: #dddddd;
        box-shadow: none;
        background-repeat: no-repeat;
        padding-right: 30px;
        margin-bottom: 0px;
    }

    .search-content .btn-default {
        background-color: #729f98;
        color: #fff;
        width: 100%;
        border: none;
    }

        .search-content .btn-default:hover {
            background-color: #aa863a;
        }

    .search-content::before {
        content: '';
        border-width: 0 9px 9px 9px;
        border-color: transparent transparent #0074ad transparent;
        border-style: solid;
        top: -0.9rem;
        right: 1rem;
        position: absolute;
        display: block;
        width: 0;
        height: 0;
    }

    .search-content .search-icon {
        position: absolute;
        top: 8px;
        right: 6px;
        background-color: transparent;
    }



.btn-danger,
.btn-primary {
    font-size: 15px;
    color: #fff;
    letter-spacing: 1px;
    font-family: 'Roboto-Bold';
    text-transform: uppercase;
    padding: 10px 26px;
    border: 0;
    border-radius: 50px;
}

.btn-danger {
    background-color: #ff2600;
}

.btn-primary {
    background-color: #0074ad;
}

.btn-danger:hover,
.btn-primary:hover {
	background-color: #333;
}
.banner{
	height: 650px;
	background: rgb(249,249,249);
	background: -moz-linear-gradient(180deg, rgba(249,249,249,1) 0%, rgba(223,235,240,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(249,249,249,1) 0%, rgba(223,235,240,1) 100%);
	background: linear-gradient(180deg, rgba(249,249,249,1) 0%, rgba(223,235,240,1) 100%);
}
.banner .carousel {
    height: 100%;
}
.banner .carousel-inner  .item  img{
	margin: 0 auto;
}
.carousel-control .fa{
	color:#12304a;
}
.carousel-text{
	max-width: 36%;
}
.carousel-text h2{
	text-align:left;
}
.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}
.row-flex{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
h1{
	color:#12304a;
	font-family: 'Roboto-Medium';
	line-height:48px;
}
.carousel-caption p {
    font-size: 18px;
    color: #fff;
    letter-spacing: 2px;
    font-family: 'Roboto-Light';
    text-transform: uppercase;
}

    .carousel-caption p b {
        font-family: 'Roboto-Medium';
        color: #fff;
    }

.carousel-caption h1 {
    font-size: 50px;
    font-family: 'Roboto-Bold';
    color: #fff;
}

.search-click .fa-search {
    color: #000;
}

    .search-click .fa-search:hover {
        color: #0074ad;
    }

h2 {
    font-size: 30px;
    color: #12304a;
    font-family: 'Roboto-Medium';
    text-align: center;
    margin-bottom: 25px;
	line-height: 44px;
}

h4 {
    font-size:17px;
    color: #0074ad;
    font-family: 'Roboto-Bold';
    text-transform: uppercase;
    letter-spacing: 1px;
}

.corner {
    position: relative;
    width: 100%;
}

    .corner:before {
        display: block;
        content: "";
        width: 40px;
        height: 40px;
        position: absolute;
        top: -10px;
        left: -10px;
        border-top: 1px solid #000;
        border-left: 1px solid #000;
    }

    .corner:after {
        display: block;
        content: "";
        width: 40px;
        height: 40px;
        position: absolute;
        top: -10px;
        right: -10px;
        border-top: 1px solid #000;
        border-right: 1px solid #000;
    }

    .corner span:before {
        display: block;
        content: "";
        width: 40px;
        height: 40px;
        position: absolute;
        bottom: -10px;
        left: -10px;
        border-bottom: 1px solid #000;
        border-left: 1px solid #000;
    }

    .corner span:after {
        display: block;
        content: "";
        width: 40px;
        height: 40px;
        position: absolute;
        bottom: -10px;
        right: -10px;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
    }

.owl-carousel .owl-item img {
    width: auto;
    margin: 0 auto;
}

#why-choosing .item {
    text-align: center;
    padding: 10px;
}

    #why-choosing .item .corner {
        min-height: 228px;
        padding: 20px;
    }

h3 {
    font-size: 18px;
    color: #000;
    font-family: 'Roboto-Bold';
    letter-spacing:1px;
    margin: 10px 0;
    line-height: 25px;
}

#why-choosing .item:hover h3 {
    color: #ff2600;
}

#why-choosing .item:hover .corner span:after,
#why-choosing .item:hover .corner span:before,
#why-choosing .item:hover .corner:after,
#why-choosing .item:hover .corner:before {
    border-color: #ff2600;
}

.owl-carousel {
    position: relative;
}

.owl-controls {
    position: absolute;
    top: 40%;
    width: 100%;
	z-index: -1;
}

    .owl-controls .owl-prev {
        float: left;
        margin-left: -45px;
    }

    .owl-controls .owl-next {
        float: right;
        margin-right: -45px;
    }

    .owl-controls .fa {
        font-size:23px;
        color:#a1a1a1;
    }
.bus-sec .owl-controls{
	z-index:0;
}
.section1 {
    margin-bottom: 35px;
}

.section2 {
    background-color: #0074ad;
}

.col6 {
    float: left;
    width: 50%;
}

.section2 h2 {
    text-align: left;
    color: #fff;
}

.panel-default .panel-heading {
    padding: 0;
    background-color: transparent;
    border-color: transparent;
}

.panel-default {
    border: none;
    box-shadow: none;
    background-color: transparent;
}

    .panel-default p {
        color: #fff;
        font-size: 16px;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border: none;
    }

    .panel-default .panel-body {
        padding: 15px 0;
    }

    .panel-default .panel-title {
        margin-bottom: 19px;
        font-size: 18px;
        width: 100%;
        line-height: 22px;
    }

        .panel-default .panel-title a {
            width: 100%;
            background-image: url(../images/min.png);
            background-repeat: no-repeat;
            background-position: right;
            display: block;
            font-size: 18px;
            color: #fff;
            font-family: 'Roboto-Medium';
            text-transform: uppercase;
            letter-spacing: 1px;
        }

            .panel-default .panel-title a.collapsed {
                background-image: url(../images/pluse.png);
            }

.faq {
    padding-top: 40px;
    padding-right: 50px;
    padding-bottom: 40px;
    padding-left: 100px;
}

    .faq .btn-primary {
        background-color: #fff;
        color: #333;
        border: 1px solid #fff;
    }

        .faq .btn-primary:hover {
            background-color: transparent;
            color: #fff;
            border: 1px solid #fff;
        }

    .faq .panel-group {
        margin-top: 30px;
        margin-bottom: 40px;
    }

.panel-group .panel + .panel {
    margin-top: 28px;
}

#video .embed-responsive-16by9 {
    height: 548px;
}

.section3 {
    text-align: center;
}

    .section3 .carousel-inner img {
        width: auto;
        margin: 0 auto;
    }

#testimonials .carousel-control .fa {
    color: #111;
    font-size: 30px;
}

#testimonials .carousel-inner .item {
    padding: 10px 190px;
}

#testimonials:before {
    display: block;
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
}

#testimonials:after {
    display: block;
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
}

#testimonials .carousel-inner:before {
    display: block;
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: 10px;
    left: 10px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
}

#testimonials .carousel-inner:after {
    display: block;
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: 10px;
    right: 10px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
}

#testimonials p {
    font-family: 'georgiai_0';
    font-size: 20px;
    color: #000;
    line-height: 33px;
}

#testimonials i {
    font-style: normal;
    font-size: 16px;
    clear: both;
    float: left;
    width: 100%;
}

.carousel-control {
    text-shadow: none;
    opacity: 1;
    top: 50%;
    height: 38px;
	width:90px;
}

#testimonials b {
    color: #000;
}

.section4 h2 {
    margin-top: 0;
}

.section4 .item img {
    width: 100%;
}

.section4 h5 {
    position: absolute;
    bottom: 0;
    font-size: 16px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.79);
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px;
    text-align: center;
    font-family: 'Roboto-Medium';
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.section4 .item a:hover h5 {
    bottom: 40%;
}

.section4 .owl-controls .owl-prev,
.section4 .owl-controls .owl-next {
    background-color: rgba(0, 0, 0, 0.79);
    color: #fff;
    padding: 1px 8px;
}

.section4 .owl-controls .owl-prev {
    margin-left: 0;
}

.section4 .owl-controls .owl-next {
    margin-right: 0;
}

.section4 .owl-controls .fa {
    font-size: 30px;
    color: #fff;
}

.section4 p {
    font-size: 15px;
    color: #000;
    line-height: 28px;
}

#clients .item {
    padding: 15px;
}

#clients .corner:before {
    width: 20px;
    height: 20px;
}

#clients .corner:after {
    width: 20px;
    height: 20px;
}

#clients .corner span:before {
    width: 20px;
    height: 20px;
}

#clients .corner span:after {
    width: 20px;
    height: 20px;
}

.section5 h2 {
    position: relative;
    margin-bottom: 50px;
    margin-top: 0;
}

    .section5 h2:before {
        display: inline-block;
        content: "";
        width: 35%;
        height: 1px;
        position: absolute;
        top: 50%;
        left: 10px;
        background-color: #000;
    }

    .section5 h2:after {
        display: inline-block;
        content: "";
        width: 35%;
        height: 1px;
        position: absolute;
        top: 50%;
        right: 10px;
        background-color: #000;
    }

.section5 .owl-controls .fa {
    font-size: 28px;
}

.section6 {
    background-color: #001c29;
    text-align: center;
    padding: 60px 0;
    margin: 30px 0;
}

    .section6 b {
        font-size: 40px;
        color: #fff;
        font-family: 'Roboto-Medium';
        position: relative;
        margin-bottom: 41px;
        float: left;
        width: 100%;
    }

        .section6 b:before {
            display: block;
            content: "";
            width: 50px;
            height: 2px;
            position: absolute;
            top: 50px;
            right: 0;
            background-color: #ff2600;
            left: 0;
            margin: 0 auto;
        }

    .section6 p {
        color: #fff;
        font-size: 18px;
        font-family: 'Roboto-Light';
        text-transform: uppercase;
    }

.section7 h2 {
    text-align: center;
}

    .section7 h2 span {
        color: #007ec4;
        display: block;
    }

.section7 .corner {
    padding: 15px;
}

h6 {
    font-size: 15px;
    color: #000;
    font-family: 'Roboto-Medium';
    text-transform: uppercase;
}

.section8 img {
    border-radius: 50%;
    width: 90%;
}

.section8 ul li {
    display: inline-block;
    padding: 8px;
    width: 15%;
    margin: 8px;
}

footer {
    float: left;
    clear: both;
    width: 100%;
    border-top: 3px solid #0074ad;
    padding-top: 30px;
}

.con-icon i {
    color: #ff2600;
    font-size: 20px;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

.con-icon p {
    font-size: 15px;
    color: #000;
    width: 80%;
    float: left;
    line-height: 24px;
}

.list2 {
    list-style-type: none;
}

    .list2 li {
        float: left;
        width: 50%;
        background-image: url(../images/arrow.png);
        background-repeat: no-repeat;
        padding-left: 12px;
        background-position: left center;
    }

        .list2 li a {
            font-family: 'Roboto-Medium';
            font-size: 15px;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #000;
        }

.footer-bottom {
    border-top: 1px solid #000;
    padding: 10px 0;
    margin-top: 25px;
}

    .footer-bottom p {
        font-size: 15px;
        color: #000;
        float: left;
    }

    .footer-bottom .breadcrumb {
        padding: 0;
        margin-bottom: 0px;
        list-style: none;
        background-color: transparent;
        border-radius: 0;
        float: right;
    }

        .footer-bottom .breadcrumb li a {
            color: #000;
            font-size: 15px;
        }

            .footer-bottom .breadcrumb li a:hover {
                color: #0074ad;
            }

.section8 ul {
    padding: 0;
}

#video .carousel-control .fa {
    color: #333;
}

.inner-banner {
    position: relative;
    text-align: center;
    background-color: #000;
}

    .inner-banner img {
        opacity: 0.5;
    }

.inner-text {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
}

.inner-banner h1 {
    font-size: 40px;
    font-family: 'Roboto-Bold';
    color: #fff;
}

.inner-banner .breadcrumb {
    background-color: transparent;
}

    .inner-banner .breadcrumb li a {
        color: #fff;
    }

    .inner-banner .breadcrumb li a {
        color: #fff;
    }

    .inner-banner .breadcrumb > li + li::before {
        color: #fff;
    }

    .inner-banner .breadcrumb > .active {
        color: #fff;
    }

ul.list-square {
    list-style-type: square;
    color: #0074ad;
}

    ul.list-square li {
        line-height: 28px;
        color: #000;
        margin-bottom: 12px;
    }

hr {
    border-top: 1px solid #000;
    float: left;
    width: 100%;
}

.contact-us .form-control {
    border: 1px solid #000;
    border-radius: 0;
    color: #000;
}

.contact-us input {
    height: 50px;
}

.list2 li a:hover {
    padding-left: 5px;
}

.str4 {
    height: 200px;
}

.str_wrap {
    background-color: transparent;
}

    .str_wrap b {
        font-size: 16px;
        font-family: 'Roboto-Bold';
        letter-spacing: 2px;
        color: #000;
    }

    .str_wrap p {
        font-size: 15px;
        color: #000;
        line-height: 28px;
    }

    .str_wrap a {
        color: #ff2600;
    }

    .str_wrap .row-box {
        border-bottom: 1px solid #e8e9ea;
        padding: 10px 0;
    }

.vision-values .corner {
    min-height: 240px;
    padding: 10px;
}

.vision-values h2 {
    margin-top: 0;
}

.about h2 {
    margin-bottom: 20px;
}

.heading {
    width: 100%;
    float: left;
    margin-bottom: 14px;
}

    .heading img {
        float: left;
        width: 67px;
        margin-right: 13px;
    }

    .heading h2 {
        float: left;
        font-size: 22px;
        width: 83%;
        text-align: left;
        margin-top: 11px;
        line-height: 28px;
        min-height: 58px;
    }

.why-choose-us .corner {
    padding: 15px;
    text-align: justify;
}

.min-height {
    min-height: 430px;
}

.min-height2 {
    min-height: 350px;
}

.services h2 {
    text-align: left;
    font-size: 25px;
    margin-top: 0;
}

.services p {
    line-height: 26px;
    font-size: 15px;
    text-align: justify;
}

.services .corner {
    padding: 12px;
    margin-bottom: 50px;
}

.list3 li {
    color: #000;
}

.contact-us .corner {
    padding: 30px;
}

.table-bordered tr td,
.table-bordered th td,
.table > thead > tr > th,
.table > tbody > tr > th {
    color: #000;
    width: 30%;
    font-weight: normal;
}

.table-bordered thead tr th {
    background-color: #0074ad;
    color: #fff;
}

    .table-bordered thead tr th b {
        color: #fff;
    }

.login-wrapper {
    width: 100%;
    background-color: #fff;
    height: 100%;
    float: left;
    overflow: hidden;
}

.bg-pic {
    float: left;
    width: 50%;
    overflow: hidden;
    background-color: #000;
    position: relative;
    height: 100vh;
}

    .bg-pic img {
        height: 100;
        opacity: 0.5;
    }

    .bg-pic h2,
    .bg-pic p {
        color: #fff;
        position: absolute;
        padding: 20px;
        text-align: left;
        width: 80%;
    }

    .bg-pic h2 {
        top: 0;
        font-family: 'Roboto-Medium';
        font-size: 20px;
        line-height: 31px;
    }

    .bg-pic p,
    .small a {
        bottom: 0;
        font-family: 'montserrat-light';
        font-size: 12px;
        color: #fff;
    }

.bg-white {
    float: left;
    width: 50%;
    padding: 60px 90px;
}

.form-group-default.has-error {
    background-color: rgba(245, 87, 83, 0.1);
}

.form-group-default {
    background-color: #fff;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 2px;
    padding-top: 7px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 4px;
    overflow: hidden;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

.login-wrapper .form-group label:not(.error) {
    font-family: 'Montserrat-Regular';
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
}

.form-group-default label {
    margin: 0;
    display: block;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    color: #333;
}

.form-group-default.has-success .form-control,
.form-group-default.has-success .form-control:focus,
.form-group-default.has-error .form-control,
.form-group-default.has-error .form-control:focus {
    border: none;
    box-shadow: none;
}

.has-error .form-control {
    border-color: #f55753;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-group-default .form-control {
    border: none;
    height: 25px;
    min-height: 25px;
    padding: 0;
    margin-top: -4px;
    background: none;
    box-shadow: none;
    color: #333;
}

.bg-white h3 {
    font-family: 'Segoe-Ui';
    margin-top: 40px;
    margin-bottom: 20px;
    letter-spacing: 0;
}

.form-group-default input.form-control::placeholder {
    color: #888;
    font-size: 12px;
    font-family: 'OpenSans-Regular';
}

.btn-login {
    border-radius: 4px;
    font-family: 'Montserrat-Regular';
    font-size: 16px;
    text-transform: capitalize;
    letter-spacing: 0;
}

.bg-white .small,
.bg-white p {
    font-size: 12px;
    color: #333;
    font-family: 'montserrat-light';
    margin-bottom: 0;
}

    .bg-white p a.small {
        color: #0074ad;
    }

.form-group-default:focus {
    background-color: #ddd;
}

.login-wrapper .checkbox label {
    font-size: 12px;
    color: #333;
    font-family: 'montserrat-light';
    line-height: 20px;
}

.financial-reporting {
    background-color: #0074ad;
}

    .financial-reporting h2 {
        color: #fff;
        margin-bottom: 50px;
    }

    .financial-reporting input:placeholder {
        color: #666666;
    }

    .financial-reporting label {
        color: #fff;
        font-size: 18px;
        font-family: 'Roboto-Bold';
    }

    .financial-reporting .form-control {
        border: none;
        height: 40px;
    }

    .financial-reporting .btn-primary {
        background-color: #fff;
        color: #0074ad;
        font-family: 'Roboto-Bold';
        letter-spacing: 0;
        border: 2px solid #fff;
    }

        .financial-reporting .btn-primary:hover {
            background-color: #0074ad;
            color: #fff;
        }

.issue-list h3 {
    letter-spacing: 0;
    float: left;
    width: 100%;
}

    .issue-list h3 span {
        color: #ff2600;
        float: left;
        margin-right: 5px;
    }

h3.blue-color {
    color: #0074ad;
}

.issue-list ul {
    color: #0074ad;
    padding-left: 15px;
    float: left;
    width:100%;
}

    .issue-list ul li {
        color: #000000;
        font-size: 15px;
        line-height: 30px;
    }

.issue-list hr {
    border-top: 1px solid #dddddd;
}

.border-box b {
    float: left;
    margin-top: 7px;
}

.border-box a {
    float: left;
    border: 1px solid #ff2600;
    border-radius: 4px;
    color: #ff2600;
    font-size: 14px;
    font-family: 'OpenSans-Bold';
    text-transform: uppercase;
    padding: 3px 10px;
    margin: 5px;
}

    .border-box a:hover {
        background-color: #ff2600;
        color: #fff;
    }

.br-blue {
    float: right;
}

    .br-blue a {
        border-color: #0074ad;
        color: #0074ad;
    }

        .br-blue a:hover {
            background-color: #0074ad;
            color: #fff;
        }

.dash-banner {
    background-color: #005d8b;
}

    .dash-banner .inner-text {
        position: relative;
    }

    .dash-banner h1 {
        font-size: 30px;
        margin-bottom: 24px;
    }

.menu-right-blue .dropdown-toggle img {
    border-radius: 50px;
    height: 35px;
    width: 35px;
}

.menu-right-blue .dropdown-toggle {
    background-color: transparent;
    color: #fff;
    font-size: 15px;
    font-family: 'Roboto-Medium';
    text-transform: none;
    padding: 0;
}

.menu-right-blue .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: none;
}

.dashboard {
    background-color: #f3f3f3;
}

.white-box {
    float: left;
    width: 100%;
    background-color: #fff;
    border-radius: 6px;
    padding: 21px;
    position: relative;
    -webkit-box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 11%);
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 11%);
    margin-bottom: 25px;
}


.dash-blue {
    padding: 24px 40px 24px 30px;
}

    .dash-blue .dropdown-menu > li > a {
        font-size: 14px;
        letter-spacing: 0;
        padding: 5px 20px;
    }

.left-icon .fa {
    font-size: 40px;
}

.left-icon {
    float: left;
}

.right-text {
    float: right;
}

    .right-text span {
        font-size: 50px;
        font-family: 'Roboto-Regular';
        line-height: 38px;
    }

.progress {
    height: 8px;
    box-shadow: none;
    border: none;
    width: 100%;
    margin-bottom: 0;
}

.progress-bar {
    box-shadow: none;
}

.dh-bx {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.dh {
    border-right: 1px solid #ECEFF1;
}

.dh1 .right-text span {
    color: #3bafda;
}

.dh2 .right-text span {
    color: #ff5722;
}

.dh3 .right-text span {
    color: #da4453;
}

.dh4 .right-text span {
    color: #37bc9b;
}

p.text-muted {
    color: #333;
    font-size: 16px;
}

.progress-bar-warning {
    background-color: #ff5722;
}

.progress-bar-danger {
    background-color: #da4453;
}

.progress-bar-success {
    background-color: #37bc9b;
}

.dh4 {
    border: 0;
}

.red-box {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    background-color: #da4453;
}

    .red-box span {
        float: left;
    }

    .red-box p {
        float: left;
        color: #fff;
        width: 70%;
        font-family: 'Roboto-Regular';
        font-size: 15px;
        line-height: 22px;
        padding: 10px 6px;
    }

    .red-box span {
        background-color: #bc2534;
        padding: 8px;
    }

.white-box h3 {
    letter-spacing: 0;
}

.white-box2 h3 span {
    color: #1de9b6;
    margin-top: 0;
}

.white-box .heading h3 {
    float: left;
    margin-top: 0;
}

.white-box .heading {
    margin-bottom: 0;
}

.white-box hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.graph-container {
    width: 500px;
    background: none;
    box-shadow: none;
    height: 214px;
    margin: 0 auto;
}

    .graph-container > div {
        top: 0;
        left: 0;
    }

.midea-icons .fa {
    font-size: 30px;
    float: left;
    margin-right: 12px;
    color: #fff;
    margin-top: 0px;
}

.midea-icons p {
    font-size: 14px;
    float: left;
    width: 80%;
    color: #fff;
    line-height: 23px;
    margin-bottom: 0;
    margin-top: 5px;
}

.facebook {
    background-color: #3b5998;
}

.twitter {
    background-color: #55acee;
}

.youtube-play {
    background-color: #da4453;
}

.linkedin {
    background-color: #007ab9;
}

.issue-entry {
    background-color: #efefef;
}

.success-error-msg {
    margin: 130px 0px 150px;
}

.success-msg h3 {
    font-family: OpenSans-Bold;
    color: #666;
    font-size: 35px;
}

.success-msg {
    width: 56%;
    margin: 0 auto;
    padding: 40px 0px;
    background: #fff;
    text-align: center;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(54, 54, 54, 0.17);
    -moz-box-shadow: 0px 2px 3px 0px rgba(54, 54, 54, 0.17);
    box-shadow: 0px 3px 14px 1px rgba(236, 236, 236, 0.3);
    border: 1px solid #efefef;
}

    .success-msg i {
        margin-right: 10px;
        font-size: 40px;
        border: 1px solid #00a74d;
        border-radius: 100%;
        padding: 5px;
        width: 60px;
        height: 60px;
        padding: 9px;
        color: green;
        font-weight: normal;
    }

.error-msg {
    width: 56%;
    margin: 0 auto;
    padding: 40px 0px;
    background: #fff;
    text-align: center;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(54, 54, 54, 0.17);
    -moz-box-shadow: 0px 2px 3px 0px rgba(54, 54, 54, 0.17);
    box-shadow: 0px 3px 14px 1px rgba(236, 236, 236, 0.3);
    border: 1px solid #efefef;
}

    .error-msg h3 {
        font-family: OpenSans-Bold;
        color: #666;
        font-size: 35px;
    }

    .error-msg i {
        margin-right: 10px;
        font-size: 40px;
        border: 1px solid Red;
        border-radius: 100%;
        padding: 5px;
        width: 60px;
        height: 60px;
        padding: 9px;
        color: red;
        font-weight: normal;
    }

.my-profile {
    background-color: #efefef;
}

    .my-profile p {
        font-size: 15px;
        margin-bottom: 20px;
    }

.issue-entry .form-control {
    box-shadow: none;
    border-radius: 0;
}

.issue-entry .select-box {
    width: 500px;
    margin: 0 auto;
}

.issue-entry label {
    color: #000;
}

.edit-my-profile {
    background-color: #efefef;
}

    .edit-my-profile .form-control {
        box-shadow: none;
        border-radius: 0;
    }

    .edit-my-profile label {
        color: #000;
        font-family: 'Roboto-Medium';
        font-weight: normal;
    }

span.help-block {
    font-size: 14px;
}

.panel-primary {
    border-color: #777;
    border-radius: 0;
    float: left;
    width: 100%;
}

    .panel-primary .panel-heading {
        float: left;
        width: 100%;
        border-bottom: 0px solid transparent;
    }

        .panel-primary .panel-heading h3 {
            font-size: 18px;
            font-family: 'Roboto-Bold';
            float: left;
            letter-spacing: 0;
            margin: 0;
            text-transform: uppercase;
            color: #0074ad;
        }

    .panel-primary .panel-body {
        clear: both;
        border-top: 1px solid #777;
    }

        .panel-primary .panel-body h2 {
            text-align: left;
            font-size: 20px;
        }

    .panel-primary > .panel-heading {
        color: #000;
        background-color: #fff;
        border-color: #777;
        cursor: pointer;
    }

.panel-heading .fa {
    float: right;
    margin-top: 6px;
    color: #0074ad;
}

.small-form {
    background-color: #efefef;
}

    .small-form .container {
        width: 800px;
    }

.breadcrumb > li p {
    color: #fff;
    display: inline;
}

.issue-list h3 p {
    float: left;
}

ul.standtitle li {
    font-size: 14px;
}

.issue-list h3 p {
    font-family: Roboto-regular;
}

.issueh5 span b {
    font-family: Roboto-bold;
    font-size: 18px;
    color: #ff2600;
}

/* New Css */
.corner .form-group {
    margin-bottom: 0;
}

.popup .modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    padding: 10px 15px;
}

.popup label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
    font-family: Roboto-regular;
    font-size: 15px;
}

.popup .form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus {
    border-color: #0074ad !important;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.popup .modal-footer {
    padding: 15px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}

.popup .modal-dialog {
    width: 450px;
    margin: 30px auto;
}

.white-box span.reqerror {
    color: Red;
    display: inline;
    font-size: 12px;
    position: absolute;
    bottom: -22px;
}

.white-box span.reqerror2 {
    color: Red;
    display: inline;
    font-size: 12px;
    position: absolute;
    bottom: -12px;
}

.white-box .form-group {
    position: relative;
}

.my-profile .btn-primary {
    margin-top: 24px;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 100%;
    border-radius: 0px;
    height: 38px;
    text-align: center;
    line-height: 33px;
    font-size: 18px;
    background: #fafafa;
    color: #fff;
    border: 1px solid #ddd;
    background: #0074ad;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    border-radius: 16px;
}

.about h2 {
    font-size: 25px;
}

.about ul {
    padding-left: 15px;
    float: left;
}

    .about ul li {
        margin-bottom: 10px;
        color: #000;
    }

h2.m-none {
    margin-top: 0;
}

.about b {
    margin-bottom: 9px;
    float: left;
    width: 100%;
    margin-top: 10px;
}

.btn-link {
    font-size: 14px;
    color: #222;
}

    .btn-link .fa {
        font-size: 12px;
        color: #0074ad;
    }

.service-inner ul li {
    margin-bottom: 10px;
    color: #000;
}

.service-inner h2 {
    margin-bottom: 30px;
}

.service-inner p {
    text-align: justify;
}

.service-inner .text-center p {
    text-align: center;
}

.profilepage p {
    text-align: justify;
}

.img-round {
    width: 200px;
    height: 200px;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 50%;
}

.getsub {
    width: 100%;
}

.question-msg {
    margin-left: 10px;
    font-size: 21px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding-top: 2px;
    color: #fff;
    font-weight: normal;
    float: left;
    text-align: center;
    cursor: pointer;
    background-color: #0074ad;
}

.pagination .PagerInfoCell {
    margin: 10px 20px;
}

.pagination .GoToLabel {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-top: -1px;
    margin-left: 5px;
    cursor: pointer;
}

.pagination .GoToArrow {
    display: none;
    margin-left: 5px;
}

.pagination .GoToSelect {
    margin-left: 5px;
    width: 69px;
    height: 37px;
    border: 1px solid #dddd;
    padding: 3px;
    border-radius: 4px;
    margin-top: -1px;
}

.PagerOtherPageCells {
    float: left;
}

.question-msg-subscribe {
    margin-right: 280px;
    font-size: 14px;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    padding: 0;
    color: #fff;
    font-weight: normal;
    float: right;
    text-align: center;
    background-color: gray;
    cursor: pointer;
    line-height: 17px;
    margin-top: 4px;
}
.bus-list li {
    height: auto !important;
}
.toltip-box .question-msg-subscribe {
    margin-left: 3px;
    margin-right: 0;
}

body .ui-tooltip {
    border-width: 1px !important;
    border-radius: 0px;
}

.ui-tooltip-content {
    font-size: 14px;
}

.ui-corner-all {
    border-radius: 0px;
}

.payment b {
    float: left;
    margin-top: 4px;
    margin-right: 10px;
}

.payment select {
    float: left;
    width: 120px;
    margin-bottom: 20px;
}

.title {
    display: block;
}

.payment .table-bordered tr td,
.payment .table-bordered th td,
.payment .table > thead > tr > th,
.payment .table > tbody > tr > th {
    width: auto;
}

.payment strong {
    font-family: 'Roboto-Bold';
    font-size: 18px;
}

.payment .panel-info > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.payment .panel-info {
    border-color: #ddd;
}

.success-btn {
    border: 1px solid #44b669;
    color: #44b669;
    padding: 5px 8px;
    border-radius: 4px;
    font-weight: bold;
    line-height: 15px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
}

.report-date p {
    margin-bottom: 4px;
}

.report-date span {
    font-size: 15px;
    color: #000;
    /* float: left; */
    margin-right: 25px;
    margin-bottom: 5px;
    display: inline-block;
}

    .report-date span span {
        margin-right: 0px;
    }

p.blue,
.blue b {
    color: #0074ad;
}

.col-md-offset-1 {
    margin-left: 10.333%;
}

.brleft {
    border-right: 1px solid #ECEFF1;
    width: 100%;
    float: left;
    padding-right: 34px;
}

.dashboard .owl-controls .fa {
    font-size: 29px;
    color: #666;
}

.statusc {
    float: right;
}

#total .owl-controls {
    top: 26%;
}

.dashboard .owl-controls .fa {
    font-size: 19px;
    color: #666;
}

.number {
    color: #3bafda;
    font-size: 30px;
    font-family: 'Roboto-Medium';
}

.total {
    padding: 15px;
    border-left: 3px solid #333;
	border-radius:6px;
}

.total-blue {
    border-color: #3bafda;
}

    .total-blue .number {
        color: #3bafda;
    }

.total-orange {
    border-color: #ff5722;
}

    .total-orange .number {
        color: #ff5722;
    }

.total-red {
    border-color: #c02131;
}

    .total-red .number {
        color: #c02131;
    }

.total-green {
    border-color: #37bc9b;
}

    .total-green .number {
        color: #37bc9b;
    }

.total p {
    color: #888;
    font-size: 14px;
    margin: 0;
    line-height: 20px;
    min-height: 40px;
}

.total .left {
    float: left;
    width: 80%;
    padding-right: 7px;
}

.total .right {
    float: right;
    width: 20%;
}

.round {
    position: relative;
    width: 140px;
    margin: 0 auto;
    height: 140px;
    text-align: center;
}

    .round .sub-tot {
        position: absolute;
        top: 40%;
        left: 0;
        right: 0;
        font-size: 28px;
        font-family: 'Roboto-Medium';
        color: #333;
    }

.dashboard .table-bordered {
    border: 0px solid #ddd;
}

    .dashboard .table-bordered thead tr th {
        background-color: #fff;
        color: #111;
        font-family: 'Roboto-Medium';
        font-weight: normal;
    }

    .dashboard .table-bordered > tbody > tr > td,
    .dashboard .table-bordered > thead > tr > th {
        border: 0px solid #ddd;
        border-bottom: 1px solid #ddd;
        font-size: 15px;
        padding: 12px 0;
    }

        .dashboard .table-bordered > thead > tr > th:last-child {
            text-align: right;
        }

        .dashboard .table-bordered > tbody > tr > td:last-child {
            text-align: right;
            color: #666;
        }

.report-link a {
    color: #555;
    font-size: 15px;
    float: left;
    padding: 10px 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: none;
    width: 100%;
    margin-bottom: 12px;
    z-index: 0;
    position: relative;
    webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

    .report-link a:hover {
        color: #fff;
    }

    .report-link a::after {
        width: 6px;
        height: 100%;
        top: 0;
        left: 0;
        background: #333;
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .report-link a:hover::after {
        width: 100%;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        color: #fff;
    }

    .report-link a:nth-child(1)::after,
    .report-link a:nth-child(6)::after,
    .report-link a:nth-child(11)::after {
        background: #0074ad;
    }

    .report-link a:nth-child(2)::after,
    .report-link a:nth-child(7)::after,
    .report-link a:nth-child(12)::after {
        background: #ff5722;
    }

    .report-link a:nth-child(3)::after,
    .report-link a:nth-child(8)::after,
    .report-link a:nth-child(13)::after {
        background: #37bc9b;
    }

    .report-link a:nth-child(4)::after,
    .report-link a:nth-child(9)::after,
    .report-link a:nth-child(14)::after {
        background: #c02131;
    }

    .report-link a:nth-child(5)::after,
    .report-link a:nth-child(10)::after,
    .report-link a:nth-child(15)::after {
        background: #333;
    }

.min-h {
    height: 558px;
    overflow-y: auto;
}

.tab-min {
    height: 300px;
    overflow-y: auto;
}

.like-btn {
    display: inline-block;
    border: 1px solid #0074ad;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 20px;
    color: #0074ad;
}

    .like-btn span {
        font-size: 16px;
    }

    .like-btn:hover .fa::before,
    .like-btn.active .fa::before {
        content: "\f164";
    }

    .like-btn span.like-number {
        margin-left: 8px;
    }

.btn-3 .like-btn {
    margin-top: 11px;
}

.comment {
    margin-bottom: 24px;
}

.left-img {
    width: 60px;
    float: left;
}

.right-text-com {
    float: left;
    width: 93%;
    padding-left: 13px;
}

    .right-text-com p {
        font-size: 14px;
        color: #666;
        line-height: 19px;
        margin-bottom: 5px;
    }

    .right-text-com h5 {
        font-size: 14px;
        color: #222;
        margin-bottom: 6px;
        margin-top: 0;
        float: left;
        padding-right: 10px;
        border-right: 1px solid #999;
        margin-right: 10px;
    }

.com-left-date .like-btn {
    float: right;
    border: 0;
}

.right-text-com .date {
    float: left;
    color: #666;
    font-size: 12px;
}

.rep-btn {
    float: right;
    color: #0074ad;
    font-size: 14px;
}

.comment-box .form-control {
    box-shadow: none;
    border-radius: 0;
}

.com-left-date {
    float: left;
    width: 100%;
}

.comment-box .btn {
    float: right;
    margin-top: 15px;
    font-size: 14px;
    font-family: 'OpenSans-Regular';
}

.comment-box textarea {
    resize: none;
}

.subscription {
    background-color: #efefef;
}

.checkbox-box {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 25px;
    height: 25px;
}

    /* Hide the browser's default checkbox */
    .checkbox-box input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 1px solid #9f9f9f;
    border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.checkbox-box:hover input ~ .checkmark {
    background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.checkbox-box input:checked ~ .checkmark {
    background-color: #FFF;
    border-color: #ff3e3e;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-box input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-box .checkmark:after {
    left: 4px;
    top: 4px;
    font: normal normal normal 15px/1 FontAwesome;
    content: "\f00c";
    color: #ff3e3e;
}

.ch-box {
    padding: 10px 20px;
    margin-bottom: 15px;
}

    .ch-box p {
        float: left;
        margin: 0;
    }

    .ch-box .checkbox-box {
        float: right;
        margin-top: 3px;
        margin-bottom: 0;
    }

.subscription .white-box {
    border-radius: 4px;
}

.select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: rgba(255, 255, 255) url('../images/select-arrow.png') no-repeat scroll 93% center / 9px 6px !important;
    border: 1px solid #c2c2c2;
    overflow: hidden;
    padding: 6px 20px 6px 10px !important;
    max-width: 100%;
    width: 200px;
    height: 35px;
    font-family: OpenSans-Regular;
    font-size: 14px;
    color: #333333;
    cursor: pointer;
    border-radius: 5px;
}

.subscription .select {
    float: right;
    margin-right: 25px;
}

.sub-left {
    background-color: #0074ad;
    padding: 20px;
    border-radius: 5px;
}

    .sub-left h2 {
        font-size: 20px;
        color: #fff;
        text-align: left;
        margin-top: 0;
        margin-bottom: 15px;
    }

.price {
    font-size: 18px;
    color: #fff;
    font-family: 'Roboto-Bold';
    float: right;
}

.sub-pri {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #3a93be;
}

    .sub-pri p {
        float: left;
        font-size: 15px;
        color: #fff;
        margin-bottom: 0;
        line-height: 22px;
    }

.date-month {
    font-size: 12px;
    color: #c6dde8;
    float: left;
    width: 100%;
}

.total-pri {
    background-color: #006292;
    border: 0;
    padding-bottom: 10px;
    position: relative;
    z-index: 1;
}

    .total-pri:before {
        content: "";
        position: absolute;
        left: -20px;
        top: 0;
        height: 100%;
        background-color: #006292;
        z-index: -1;
        right: -20px;
    }

.promo {
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 10px 15px;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .promo .well {
        min-height: 20px;
        padding: 0px;
        margin-bottom: 20px;
        background-color: transparent;
        border: 0px solid #e3e3e3;
        border-radius: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: none;
        margin: 0;
    }

.btn-label,
a.btn-label:focus,
a.btn-label:hover {
    display: block;
    width: 100%;
    color: #fff;
    font-weight: normal;
}

    .btn-label label {
        font-weight: normal;
        cursor: pointer;
        margin: 0;
    }

    .btn-label .fa {
        color: #fff;
        float: right;
        font-size: 19px;
        line-height: 22px;
    }

.btn-app {
    border: 1px solid #fff;
    color: #fff;
    padding: 2px 10px 4px 10px;
    background-color: transparent;
    line-height: 21px;
    float: right;
    margin-top: 7px;
}

    .btn-app:hover {
        background-color: #fff;
        color: #0074ad;
    }

.promo b {
    color: #fff;
    font-family: 'Roboto-Medium';
    font-weight: normal;
}

.promo p {
    font-size: 14px;
    color: #c6dde8;
    line-height: 20px;
}

.promo hr {
    margin: 10px 0;
    border-top: 1px solid #2b8ab9;
}

.promo .well {
    margin-top: 15px;
}

.btn-white {
    border-radius: 50px;
    background-color: #fff;
    font-size: 18px;
    color: #333333;
    padding: 13px 35px;
    line-height: 20px;
    text-transform: uppercase;
    font-family: 'Roboto-Medium';
    border: 2px solid #fff;
    margin-top: 25px;
}

    .btn-white:hover {
        color: #fff;
        border: 2px solid #fff;
        background-color: transparent;
    }

.promo .app-text {
    float: left;
    color: #fff;
    margin-left: 12px;
    font-size: 14px;
}

.promo .fa-times {
    float: left;
    color: #fff;
    line-height: 24px;
}

.blue-color11 {
    background: #005c8b !important;
    height: 170px;
}

    .blue-color11 h1 {
        font-size: 35px;
        font-family: 'Roboto-Bold';
        color: #fff;
        margin: 9px 0px 8px;
    }

.new-pge-de label {
    color: #fff;
    font-size: 17px;
    font-family: Roboto-Medium;
    font-weight: normal;
}

.new-pge-de .form-control {
    border: none;
    height: 45px;
}

.blue-color b {
    color: #0074ad;
}

.like-button .btn-success {
    color: #fff;
    background-color: transparent;
    border-color: #4cae4c;
    margin: 3px 7px;
    color: #4cae4c;
    font-family: Roboto-medium;
    font-weight: normal;
    font-size: 16px;
}

.new-pge-de select.minimal {
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1.3em + 2px), calc(100% - 15px) calc(1.3em + 2px), calc(100% - 2.5em) 0.8em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}

    .new-pge-de select.minimal:focus {
        background-image: linear-gradient(45deg, green 50%, transparent 50%), linear-gradient(135deg, transparent 50%, green 50%), linear-gradient(to right, #ccc, #ccc);
        background-position: calc(100% - 15px) 1.3em, calc(100% - 20px) 1.3em, calc(100% - 2.5em) 0.8em;
        background-size: 5px 5px, 5px 5px, 1px 1.5em;
        background-repeat: no-repeat;
        border-color: #ddd;
        outline: 0;
    }

.new-pge-de .form-group {
    margin-bottom: 25px;
}

.new-pge-de .btn-primary {
    background-color: #fff;
    color: #0074ad;
    font-family: 'Roboto-Bold';
    letter-spacing: 1px;
    border: 2px solid #fff;
    font-size: 17px;
}

.new-pge-de select {
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

select.minimal2 {
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc) !important;
    background-position: calc(100% - 20px) calc(0.7em + 2px), calc(100% - 15px) calc(0.7em + 2px), calc(100% - 2.5em) 0.9em !important;
    background-size: 6px 5px, 6px 5px, 0px 1.5em !important;
    background-repeat: no-repeat !important;
}

    select.minimal2:focus {
        background-image: linear-gradient(45deg, blue 50%, transparent 50%), linear-gradient(135deg, transparent 50%, blue 50%), linear-gradient(to right, #ccc, #ccc) !important;
        background-position: calc(100% - 15px) 0.7em, calc(100% - 20px) 0.7em, calc(100% - 2.5em) 0.9em !important;
        background-size: 6px 5px, 6px 5px, 0px 1.5em !important;
        background-repeat: no-repeat !important;
        border-color: #ddd !important;
        outline: 0;
    }

select.minimal2 {
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.fontstyle h3 {
    font-family: Roboto-Light;
    margin: 4px 0px;
    font-size: 17px;
}

.fontstyle-2 p {
    font-family: Roboto-Light !important;
    margin: 2px 0px;
    font-size: 16px;
    width: 100%;
}

.fontstyle h3 i {
    padding-right: 5px;
    color: #aaa;
}

.fontstyle b {
    font-family: Roboto-medium;
}

.br-blue2 a {
    float: left;
    border: 0;
    border-radius: 4px;
    color: #ff2600;
    font-size: 15px;
    font-family: Roboto-Bold;
    text-transform: uppercase;
    padding: 9px 35px;
    margin: 5px 0px;
    background: #0074ad;
    color: #fff;
    letter-spacing: 1px;
}

    .br-blue2 a:hover {
        background-color: #000;
        color: #fff;
    }

.fontstyle {
    background: #f3f3f3;
}

.white-box-new {
    background: #fff;
    width: 100%;
    float: left;
    padding: 25px;
    border: 1px solid #ddd;
    margin-bottom: 30px;
    border-radius:15px;
}

h4.head-top {
    float: left;
    width: 100%;
    font-family: Roboto-Bold;
    font-size: 18px;
    color: #000;
    letter-spacing: 0;
}

.mr-h3 h3 {
    margin: 5px 0px;
}

.mr-h3 p {
    margin-top: 10px;
    font-family: OpenSans-Regular;
    font-size: 16px;
    color: #000;
    float: left;
    line-height: 28px;
}

.sub-modal p {
    font-size: 15px;
    color: #333;
    margin: 20px 0;
}

.sub-modal img {
    margin-bottom: 10px;
}

.sub-modal .modal-body {
    padding: 30px 20px;
}

.sub-modal .close {
    position: absolute;
    right: 13px;
    top: 5px;
    font-size: 28px;
}

.ex {
    font-size: 12px;
    float: left;
    width: 100%;
    color: #333;
}

.ex-on {
    color: #37bc9b;
}

.ex-of {
    color: #c02131;
}

.btn-sm:hover {
    background-color: #666;
    color: #fff;
}

.btn-orange {
    background-color: #ff5722;
    color: #fff;
    font-size: 14px;
}

.btn-blue {
    background-color: #3bafda;
    color: #fff;
    font-size: 14px;
}

p.sm-text {
    color: #555;
    font-size: 15px;
}

.datepicker {
    padding: 6px 12px;
}

.table-blue {
    border: 1px solid #0074ad;
}

    .table-blue thead tr th {
        background-color: #0074ad;
        color: #fff;
    }

    .table-blue tr td,
    .table-blue th td,
    .table-blue > thead > tr > th,
    .table-blue > tbody > tr > th {
        width: auto;
        font-weight: normal;
        border: 1px solid #0074ad;
        text-align: center;
        font-size: 13px;
    }

    .table-blue tr td {
        color: #333;
    }

.min-h1 {
    height: auto;
    min-height: 400px;
}

.blog,
.blog-details {
    background-color: #efefef;
}

    .blog p {
        text-align: justify;
    }

    .blog h2 {
        font-size: 25px;
        text-align: left;
        margin-top: 0;
    }

    .blog .img-box {
        float: left;
        width: 100%;
        max-height: 250px;
        overflow: hidden;
    }

    .blog-details .date,
    .blog .date {
        color: #666666;
    }

    .blog-details .container {
        max-width: 850px;
    }

    .blog-details h2 {
        margin-top: 0;
        margin-bottom: 20px;
        font-size: 24px;
        text-align: left;
    }

.blog-img {
    margin-bottom: 20px;
}

.blog-details .date {
    float: left;
}

.blog-details .like-btn {
    float: right;
}

.blog-details .right-text-com {
    width: 90%;
}

    .blog-details .right-text-com h5 {
        font-family: 'Roboto-Medium';
    }

    .blog-details .right-text-com p {
        line-height: 22px;
    }

        .blog-details .right-text-com p.date {
            line-height: 18px;
        }

.like-btn2 {
    border: 0px solid #0074ad;
    padding: 0;
    line-height: 18px;
}

.com-text {
    clear: both;
    margin-top: 3px;
    float: left;
    width: 100%;
}

.m-t-25 {
    margin-top: 25px;
}

.padding-10 {
    padding-top: 10px;
}

ul.list-round {
    list-style-type: none;
    padding-left: 0;
    float: left;
    width: 100%;
}

.list-round li {
    color: #222;
    position: relative;
    padding-left: 15px;
    line-height: 23px;
    padding-bottom: 5px;
    float: left;
    width: 100%;
}

    .list-round li a {
        color: #222;
    }

    .list-round li::after {
        position: absolute;
        content: '';
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #0074ad;
        top: 13px;
        left: 0;
    }

.half-list li {
    width: 50%;
}

.sec-num {
    background-color: #fff;
    color: #111;
}

    .sec-num h1,
    .sec-num p {
        color: #101010;
    }

#number .owl-controls .fa {
    font-size:26px;
    color: #a1a1a1;
}

.sec-num h1 {
    font-family:'Roboto-Medium';
    font-size: 24px;
	color:#043f71;
    margin-top: 0;
    position: relative;
	line-height: 31px;
}
 .sec-num h1 a {
        color: #fff;
    }

.sec-num p {
    margin-bottom: 0;
    color: #333;
    font-size: 15px;
    line-height: 23px;
    min-height: 47px;
	font-family: 'Roboto-Regular';
}
.btn-link-r{
	position:relative;
	color:#ff2600;
	font-family: 'Roboto-Regular';
	font-size:16px;
	z-index:1;
	bottom:-6px;
}
.btn-link-r::before {
    content: "\f105";
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
	right: 0px;
	position: absolute;
	top: 9px;
	font-size: 17px;
}

#ourteam .owl-dots span {
    display: none;
}

#ourteam .owl-item {
    text-align: center;
}

    #ourteam .owl-item h6 {
        margin-bottom: 0;
    }

#ourteam .owl-stage {
    margin: 0 auto;
}

.team-img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}

.section8 #ourteam img {
    border-radius: 0;
    width: 100%;
}

.blog-sec {
    background-color: #f2f2f2;
}

    .blog-sec h2 {
        margin-top: 40px;
    }

    .blog-sec .img-box {
        float: left;
        width: 100%;
        max-height: 130px;
        overflow: hidden;
        position: relative;
    }

    .blog-sec .corner h2 {
        font-size: 18px;
        clear: both;
        display: inline-block;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 0;
        line-height: 25px;
    }

    .blog-sec .corner p {
        font-size: 14px;
        text-align: center;
        line-height: 23px;
        margin-bottom: 0;
    }

    .blog-sec .corner .date {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #000000bd;
        padding: 5px 10px;
        color: #fff;
        border-bottom-right-radius: 5px;
        font-size: 12px;
        line-height: 16px;
    }

.con-icon p span {
    font-size: 13px;
    clear: both;
    width: 100%;
    display: block;
}

.blog-details .share-icon .fa {
    font-size: 24px;
}

    .blog-details .share-icon .fa.fa-facebook-square {
        color: #4267B2;
    }

    .blog-details .share-icon .fa.fa-twitter-square {
        color: #1AB2E8;
    }

    .blog-details .share-icon .fa.fa-google-plus-square {
        color: #DB4F42;
    }

    .blog-details .share-icon .fa.fa-pinterest-square {
        color: #CB2027;
    }

    .blog-details .share-icon .fa.fa-linkedin-square {
        color: #0077B5;
    }

#ourteam .owl-controls .owl-prev {
    margin-left: 25px;
}

#ourteam .owl-controls .owl-next {
    margin-right: 25px;
}

.num-box {
    background-color: #fff;
    padding: 25px 20px;
    float: left;
    width: 100%;
    /*min-height:176px;*/
	box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.09);
	border-radius:15px;
	border:1px solid #0074ad;
	overflow: hidden;
	position:relative;
}

    .num-box .btn-danger {
        border: 1px solid #ff2600;
        color: #ff2600;
        background-color: #fff;
        padding: 8px 26px;
        font-size: 14px;
        margin-top: 15px;
    }

        .num-box .btn-danger:hover {
            background-color: #ff2600;
            color: #fff;
        }
.num-box::after {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index:0;
    width: 100%;
    height:50px;
    content: '';
    /*background-color: #0074ad;*/
    overflow-y: auto;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    transition: 0.45s cubic-bezier(1, 0, 0, 1);
}
.num-box:hover::after {
    pointer-events: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.num-box .btn-link-r{
	bottom:0;
}
.num-box:hover .btn-link-r{
	bottom:-16px;
	color:#fff;
}
/******************** NEW STYLE (13-09-2019) ************************************/

/***************************** START 03-02-2020 ***************************************/

#ddlState, #ddlCity {
    font-family: Arial;
}

.verify_email {
    padding: 140px 90px;
}

.mail_icon {
    width: 100%;
    float: left;
    margin: 40px 0px 10px;
}

    .mail_icon i.fa {
        font-size: 30px;
        text-align: center;
        display: inline-block;
        border: 1px solid #28a745;
        padding: 10px;
        border-radius: 100px;
    }

.verify_email p {
    font-size: 16px;
    margin-bottom: 40px;
}

.success_color {
    color: #28a745 !important;
}

.verify_email .font_bold {
    font-family: 'Montserrat-Bold';
    color: #ff0000;
    margin-right: 5px;
}

.verify_email h5 img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

.refer_earn_sec {
    width: 100%;
    float: left;
    height: auto;
    background-color: #efefef;
}

.refer_earn_box {
    background-color: #fff;
    width: 100%;
    float: left;
}

.refer_earn_left {
    width: 50%;
    padding: 100px 30px;
    float: left;
    text-align: center;
    border-right: 2px solid #dddddd;
}

    .refer_earn_left .refer_icon {
        text-align: center;
        margin: 0 auto;
        width: 100%;
        float: left;
    }

        .refer_earn_left .refer_icon img {
            width: 200px;
            height: auto;
            margin-bottom: 30px;
            text-align: center;
        }

    .refer_earn_left h3 {
        text-transform: uppercase;
    }

    .refer_earn_left p {
        text-transform: capitalize;
        margin-bottom: 30px;
    }

.condition {
    font-size: 12px;
    margin: 0 !important;
}

.refer_earn_right {
    width: 50%;
    padding: 30px;
    float: right;
    text-align: center;
}

    .refer_earn_right h3 {
        font-size: 25px;
    }

    .refer_earn_right .form-group {
        margin: 15px 0px;
    }

    .refer_earn_right .form-control {
        width: 300px;
        margin: 0 auto;
    }

    .refer_earn_right .hr {
        width: 100%;
        float: left;
        border-top: 2px solid #dddddd;
        position: relative;
        margin: 40px 0px;
    }

        .refer_earn_right .hr::before {
            content: "AND";
            position: absolute;
            top: 50%;
            background: #000;
            width: 50px;
            height: 50px;
            border-radius: 100px;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #fff;
            font-family: 'Montserrat-Bold';
            line-height: 50px;
        }

/*.refer_earn_right .code {
    font-size: 15px;
    background-color: #eeeeee;
    color: #000;
    padding: 10px;
    display: inline-block;
    margin: 10px 0;
}*/

.refer_ul {
    padding: 0;
    margin: 30px 0 0;
    list-style-type: none;
}

    .refer_ul li {
        display: inline-block;
        margin-right: 10px;
    }

        .refer_ul li a {
            display: inline-block;
        }

            .refer_ul li a i.fa {
                font-size: 25px;
                color: #fff;
                width: 40px;
                height: 40px;
                line-height: 40px;
                border-radius: 100px;
            }

        .refer_ul li:nth-child(1) a i.fa {
            background-color: #11ba19;
        }

        .refer_ul li:nth-child(2) a i.fa {
            background-color: #1e4d9d;
        }

        .refer_ul li:nth-child(3) a i.fa {
            background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
        }


.clipboard input {
    border: none;
    background: transparent;
    font-size: 18px;
    background-color: #eeeeee;
    color: #000;
    padding: 10px;
    display: inline-block;
    margin: 10px 0;
    text-align: center;
    width: 300px;
}

.copied_txt {
    position: absolute;
    background: #084d70;
    color: #fff;
    font-weight: bold;
    z-index: 99;
    width: 50%;
    top: 0;
    left: 50%;
    text-align: center;
    padding: 15px;
    display: none;
    font-size: 15px;
}


/***************************** END 03-02-2020 *****************************************/



/***************************** START 05-02-2020 *****************************************/
.cong_sec {
    background-color: #efefef;
}

.cong_sec_inner {
    width: 100%;
    float: left;
    background-color: #fff;
    padding: 50px;
    text-align: center;
}

.cong_icon {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.thank_icon img {
    width: 30px;
    height: auto;
    margin-right: 15px;
}

.thankyou_box h3 a {
    color: #28a745;
}

    .thankyou_box h3 a:hover {
        color: #23527c;
    }

.thankyou_box h3 {
    font-size: 20px;
    vertical-align: middle;
    font-family: 'OpenSans-Bold';
}

.congra_box h2 {
    font-size: 28px;
    font-family: 'OpenSans-Bold';
}

.congra_box {
    margin-top: 40px;
}

    .congra_box .cong_icon {
        width: auto;
        float: none;
    }

        .congra_box .cong_icon img {
            width: 100px;
        }

    .congra_box p a {
        color: #000;
        font-family: 'OpenSans-Bold';
    }

        .congra_box p a:hover {
            color: #23527c;
        }


.credit_points_sec {
    background-color: #efefef;
}

.credit_points_inner {
    width: 100%;
    float: left;
    background-color: #fff;
    padding: 50px;
}

    .credit_points_inner h2 {
        margin-top: 0;
    }

.credit_points_box h3 {
    font-size: 18px;
    color: #000;
    font-family: 'Roboto-Bold';
    letter-spacing: 0px;
    margin: 10px 0;
    line-height: 25px;
}

.credit_points_box .form-group label {
    font-size: 18px;
    color: #000;
    font-family: 'Roboto-Bold';
    letter-spacing: 0px;
    margin: 10px 0;
    line-height: 25px;
}

.credit_points_box .form-group {
    margin-bottom: 0;
}

    .credit_points_box .form-group #daterange {
        font-size: 15px;
        color: #000;
        padding: 10px;
        border: 1px solid #ddd;
        border-radius: 5px;
    }

.credit_points_box ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .credit_points_box ul li {
        font-size: 18px;
        color: #000;
        font-family: 'Roboto-Bold';
        letter-spacing: 0px;
        margin: 10px 0;
        line-height: 25px;
    }

.credit_table {
    margin: 20px 0px;
}

.dark_blue {
    color: #0074ad !important;
}

.point_icon {
    width: 40px;
    height: auto;
    margin-right: 10px;
}

.credit_points_box h4 {
    margin: 0;
}

.table-bordered > thead > tr > th:nth-child(1) {
    width: 20%;
}

.table-bordered > thead > tr > th:nth-child(2) {
    width: 30%;
}

.table-bordered > thead > tr > th:nth-child(3) {
    width: 30%;
}

.table-bordered > thead > tr > th:nth-child(4) {
    width: 20%;
}

.table-bordered > tbody > tr > td:nth-child(1) {
    width: 20%;
}

.table-bordered > tbody > tr > td:nth-child(2) {
    width: 30%;
}

.table-bordered > tbody > tr > td:nth-child(3) {
    width: 30%;
}

.table-bordered > tbody > tr > td:nth-child(4) {
    width: 20%;
}

.First-column-big > tbody > tr > td:nth-child(1) {
    width: 60%;
}
/***************************** END 05-02-2020 *****************************************/
/*********************************** START 10-02-2020 ********************************************/
.review_box {
    width: 100%;
    float: left;
    background-color: #fff;
    padding: 0px;
}

    .review_box h3 {
        font-size: 25px;
    }

.animated {
    transition: height 0.2s;
}

.stars {
    margin: 20px 0;
    font-size: 24px;
    color: #d17581;
}

.review_ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .review_ul li {
        display: inline-block;
    }

.review_box .btn {
    margin-top: 30px;
}


.rating i.fa {
    color: #d17581;
    font-size: 25px;
    position: relative;
}

.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    float: left;
}

    .rating > label {
        display: inline-block;
        position: relative;
        margin: 20px 0px;
    }

        .rating > label.active:before, .rating > label.active ~ label:before, .rating > label:hover:before, .rating > label:hover ~ label:before {
            content: "\2605";
            position: absolute;
            color: #d17581;
            font-size: 30px;
            left: -2px;
            top: -1px;
        }

    .rating input {
        display: none;
    } 

.review_display {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .review_display li {
        float: left;
        width: 100%;
    }

.review_rating {
    background-color: #ddd;
    color: #000;
    padding: 2px 4px 2px 6px;
    font-size: 12px;
    border-radius: 3px;
    float: left;
    margin-right: 20px;
    font-family: 'OpenSans-Bold';
}

    .review_rating i.fa {
        padding-left: 5px;
    }

.review_display li p {
    font-size: 14px;
    color: #212121;
    font-family: 'OpenSans-Bold';
}

/************************************* END 10-02-2020*****************************************/

span.review_show {
    float: left;
    border: 0;
    border-radius: 4px;
    color: #ff2600;
    font-size: 15px;
    font-family: Roboto-Bold;
    color: #0074ad;
    letter-spacing: 1px;
    padding: 9px 20px;
    margin: 5px 0px;
}
    span.review_show i.fa {
        padding-left: 8px;
    }

.issue.review_show {
    display: inline-block;
    border: 1px solid #0074ad;
    border-radius: 4px;
    padding: 2px 10px;
    color: #0074ad;
}
.issue_box h5 {
    font-family: 'Roboto-Medium';
}
.issue_box .right-text-com .date {
    float: left;
    color: #666;
    font-size: 12px;
    display: block;
    width: auto;
}
#cropimg .modal-content, #cropimg .modal-body, #cropimg .modal-header {
    width: 100%;
    float: left;
}
.img_crop {
    width: 100%;
    float: left;
}
#cropimg .modal-close {
    margin-bottom: 10px;
}
.img_crop .form-group i.fa{
    padding-right:10px;
}

/** Wallet Design **/

.wallet-sec {
    display: flex;
    padding: 12px 0;
}

.wallet {
    display: inline-block;
    margin-left: auto;
    max-width: 420px;
    background-color: #fff;
    border-radius: 4px;
    text-align: left;
}

    .wallet ul {
        padding: 0;
        list-style-type: none;
        margin: 0;
        display: flex;
    }

        .wallet ul li {
            display: inline-block;
            padding: 10px 20px;
            border-bottom: 2px solid transparent;
        }

            .wallet ul li h4 {
                font-size: 14px;
                color: #222;
                font-family: 'OpenSans-Regular';
                text-transform: capitalize;
                letter-spacing: 0px;
                margin: 5px 0;
            }

            .wallet ul li .cash {
                font-family: 'OpenSans-Bold';
                color: #222;
                font-size: 14px;
                line-height: 19px;
            }

            .wallet ul li .media-object {
                border: 1px solid #888;
                border-radius: 50%;
                padding: 6px;
                margin-top: 1px;
                opacity: 1;
                background-color: #fff;
            }

            .wallet ul li.active, .wallet ul li:hover {
                background-color: #e3f8ff;
                border-color: #00a1da;
                border-top-left-radius: 4px;
                border-bottom-left-radius: 4px;
            }

.dash-banner .wallet-sec h1 {
    margin: 12px 0;
}

.pass-banner .wallet-sec {
    padding: 0;
}

.taba-medi .media-left img {
    width: 38px;
}

.table-2 > tbody > tr > td, .table-2 > thead > tr > th {
    padding: 15px 18px;
    font-weight: normal;
    color: #222;
}

    .table-2 > thead > tr > th:first-child {
        min-width: 40%;
    }

.table-2 > thead > tr > th {
    color: #005d8b;
    background-color: #f0f0f0;
}

.table-2 h5 {
    font-size: 15px;
    margin: 0;
}

.table-2 tr td {
    font-size: 15px;
}

.table-2 p {
    font-size: 14px;
    color: #666;
    margin-bottom: 0;
}

.dsc-wol .wallet {
    display: inline-block;
    text-align: left;
    margin: 0 auto;
}

    .dsc-wol .wallet ul li {
        background-color: #eee;
		margin-right: 12px;
        border-radius: 4px;
    }

        .dsc-wol .wallet ul li.active {
            background-color: #f2f2f2;
        }

.date-range {
    max-width: 460px;
    margin-left: auto;
    padding-top: 11px;
    position: relative;
    float: right;
}

    .date-range input {
        margin-bottom: 0;
		height: 38px;
		box-shadow: none;
    }

    .date-range span {
        text-align: right;
    }

    .date-range .date-icon {
        border-radius: 0;
    }

.table-responsive {
    clear: both;
}

.br-b {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.dash-banner .wallet ul li {
    margin-left: 20px;
    background-color: #fff;
    border-radius: 4px;
}

.dash-banner .wallet {
    background-color: transparent;
    max-width: 440px;
}

.winner_box {
    background-color: #f0f0f0;
    padding: 25px 20px;
    float: left;
    width: 100%;
}

    .winner_box img {
        width: 100px !important;
        height: 100px !important;
        border-radius: 100%;
        border: 1px solid #000;
    }

    .winner_box h1 {
        font-family: 'Roboto-Bold';
        margin: 20px 0px 20px;
        font-size: 21px;
        color: #101010;
        position: relative;
        padding-bottom: 15px;
        line-height: 28px;
    }

        .winner_box h1:after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0px;
            background-color: #ff2600;
            width: 40px;
            height: 2px;
            margin: 0 auto;
        }

    .winner_box h3 {
        font-family: 'OpenSans-Regular';
        letter-spacing: 0;
        font-size: 16px;
        line-height: 24px;
    }

.credit_box {
    margin-bottom: 30px;
    background-color: #f0f0f0;
    padding: 25px 20px;
}

.credit_user img {
    width: 100px !important;
    height: 100px !important;
    border-radius: 100%;
    border: 1px solid #000;
}

.credit_user h1 {
    font-family: 'Roboto-Bold';
    margin: 20px 0px 20px;
    font-size: 21px;
    color: #101010;
    position: relative;
    padding-bottom: 15px;
    line-height: 28px;
}

    .credit_user h1:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0px;
        background-color: #ff2600;
        width: 40px;
        height: 2px;
        margin: 0 auto;
    }

.credit_point {
    color: #333;
    font-family: 'Roboto-Bold';
}

.credit_user h3 {
    font-family: 'OpenSans-Regular';
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px;
}

.winner_date, .credit_point {
    font-family: 'OpenSans-Regular';
    display: inline-block;
    color: #ff3a26;
    font-weight: normal;
}

.cre_boxes {
    width: 100%;
    float: left;
}

    .cre_boxes .credit_box:last-child {
        margin-right: 0px;
    }

.winner_date span, .credit_point span {
    margin-right: 3px;
    font-size: 16px;
}

.credit_box {
    margin-bottom: 30px;
    background-color: #f0f0f0;
    padding: 25px 20px;
    width: 17.7%;
    float: left;
    margin: 0 30px 0 0;
}
/***************************** START 09-06-2020 ***************************************/
.light-bg{
	background-color:#f1f5f7;
}

.fin-stat{
	padding:15px 24px;
	border:1px solid #ddd;
	border-radius:5px;
}
.fin-stat h3{
	font-size:18px;
	color:#043f71;
	font-family: 'Roboto-Medium';
	letter-spacing: 0;
	min-height:50px;
}
.fin-stat h4{
	font-size:15px;
	color:#555555;
	font-family: 'Roboto-Light';
	text-transform: capitalize;
    letter-spacing: 0;
}
.fin-stat h5{
	font-size:16px;
	color:#555555;
	font-family: 'Roboto-Light';
	text-transform: capitalize;
    letter-spacing: 0;
	margin-top: 15px;
	
}
.fin-stat h5 span{
	color:#0074ad;
	font-family: 'Roboto-Bold';
}
.fin-stat h6{
	font-size:16px;
	color:#222;
	font-family: 'Roboto-Medium';
	letter-spacing: 0;
	text-transform: capitalize;
	margin-top: 22px;
}
.arrow2 .owl-controls {
    width: 84px;
}
.arrow2 .owl-controls .owl-prev, .arrow2 .owl-controls .owl-next{
	border: 1px solid #ddd;
	padding:4px 13px;
	border-radius: 4px;
	box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.08);
	margin:0;
	background-color:#fff;
}
.arrow2 .owl-controls .fa {
    font-size: 24px;
    color: #12304a;
}
.arr-left .arrow2 .owl-controls{
	left: -387px;
	top: auto;
	bottom: 0;
}
.bus-list{
	list-style-type:none;
	padding:0;
	margin-right:-9px;
	position:relative;
	display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.bus-list:before{
	position:absolute;
	bottom:0;
	width:100%;
	height:4px;
	background-color:#f1f5f7;
	left:0;
	content:'';
}
.bus-list li{
	float:left;
	padding: 10px;
	width:50%;
	text-align:center;
	border-bottom:1px solid #c3d6df;
	border-right:1px solid #c3d6df;
}
.bus-list li:hover{
	background-color:#fff;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
}
.bus-list li h3{
	color:#043f71;
	font-size:24px;
}
.bus-list li p{
	font-size:15px;
	color:#111111;
}
.arr-right .arrow2 .owl-controls {
    top:25px;
    right: 0;
}
.p-box-m{
		display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-direction: row;
	flex-direction: row;
	margin: 0 auto;
}
.p-box{
	border:1px solid #ddd;
	border-radius:5px;
	padding:15px;
	    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	
}

.p-img{
	height: 60px;
	width: 60px;
	border-radius: 50%;
	display: inline-block;
	border: 1px solid #ddd;
	overflow: hidden;
	margin-right:15px;
}
.p-box-t{
	display: inline-block;
	-ms-flex-item-align: center;
    align-self: center;
}
.p-box-t h4{
	margin-top:0;
	margin-bottom:2px;
	color:#12304a;
	text-transform: capitalize;
	letter-spacing: 0;
	font-family: 'Roboto-Medium';
}
.p-box-t p{
	font-size:14px;
	color:#0074ad;
	margin:0;
}
h2 span{
	font-size: 21px;
	width: 100%;
	display: block;
	line-height: 33px;
	padding-top: 7px;
	color: #0074ad;
}
.top-c-user h2 span{
	color:#ff2600;
	font-size: 28px;
}
.top-c-user h2 span small{
	font-size:16px;
	font-family: 'OpenSans-Regular';
}
.row-box2{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}
.row-box2 h3{
	color:#12304a;
}
.select-box{
	background: url(../images/down-arrow.png) right 2px center no-repeat;
    box-shadow: none;
    height:45px;
	width: 300px;
	padding-right:40px;
	padding-left:16px;
	background-size:33px;
	line-height: normal;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 18px;
	color:#12304a;
	font-family: 'arial';
	margin-left: auto;
	border:0;
	text-align: right;
}
.issue-entry .select-box {
    background: none;
}
.br-b{
	border-bottom: 1px solid #c3d6df;
    padding-bottom: 33px;
}
.light-bg .p-box{
	box-shadow:1px 2px 4px 0px rgba(0, 0, 0, 0.09);
	background-color:#fff;
}
.top-c-user .arrow2 .owl-controls {
    left:-214px;
}
.top-c-user .item .p-box:first-child{
	margin-bottom:20px;
}
.about-sec{
	background-color:#f1f5f7;
}
.test-sec .p-box{
   box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.09);
   background-color: #fff;
   padding:20px 25px;
   min-height:170px;
}
.test-sec p{
	font-size:16px;
	color:#12304a;
	
}
.test-sec h4{
	color:#12304a;
	font-family: 'Roboto-Medium';
    text-transform: none;
    letter-spacing: 0px;
	margin-top: 19px;
}
.test-sec h4 span{
	color:#0074ad; 
	font-family: 'Roboto-Regular';
	font-size: 14px;
}
.blog-box{
	box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.09);
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}
.blog-box img{
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.blog-box p{
	min-height:81px;
}
.blog-cont{
	padding:25px;
}
.btn-link-red{
	color:#ff2600;
	font-size:16px;
}
.blog-box .btn-link-red{
	margin-left: auto;
}
.blog-box span{
	color:#0074ad;
}
.team-sec .p-box{
	border:1px solid #8ca0c4;
}
.team-sec .p-box-t p{
	color:#666;
}
.light-bg #patrons .p-box:hover{
	color:#0074ad;
	border-color:#0074ad;
}
.light-bg #patrons .p-box:hover .p-box-t h4{
	color:#0074ad;
}

.light-bg #TASKRankers .p-box:hover {
    color: #0074ad;
    border-color: #0074ad;
}

    .light-bg #TASKRankers .p-box:hover .p-box-t h4 {
        color: #0074ad;
    }
footer{
	background-color:#37517e;
	width:100%;
	display:block;
	padding-top:30px;
	border: 0;
}
footer ul{
	list-style-type:none;
	padding-left:0;
}
footer ul li{
	display: inline-block;
	width: 49%;
	padding-bottom: 12px;
}
footer ul li a{
	color:#c3cad1;
}
footer ul li a:hover{
	color:#fff;
}
footer h4{
	color:#fff;
	text-transform: none;
	margin-bottom: 21px;
	clear: both;
}
footer p, footer .con-icon p{
	color:#c3cad1;
	line-height:31px;
}
footer .con-icon i.fa-envelope{
	font-size: 15px;
}
footer .con-icon i, footer .con-icon a{
	color:#c3cad1;
}
.footer-bottom{
	border-top:1px solid #5b7095;
}
.footer-bottom p{
	color:#c3cad1;
}
.menu-right-blue a{
	margin:0;
}
.navbar-default .container{
	position:relative;
}
.menu-right {
    float: right;
    position: absolute;
    top:21px;
    right: 0;
}
.mb-5{
	margin-bottom:5px;
}
.cer-modal button.close{
	position: absolute;
	top: 10px;
	right: 10px;
	background-color:#12304a;
	border-radius: 50%;
	height: 40px;
	width: 40px;
	opacity: 1;
	color:#fff;
}
.dash-panel .panel-default{
	padding: 10px 20px;
border: 1px solid #ddd;
border-radius: 4px;
}
.dash-panel .panel-default .panel-title {
    margin-bottom: 0;
}
.dash-panel .panel-default .panel-title a.collapsed {
    background-image: url(../images/pluse-d.png);
}
.dash-panel .panel-default .panel-title a {
    width: 100%;
    background-image: url(../images/min-d.png);
    background-repeat: no-repeat;
    background-position: right;
	background-size: 10px;
    display: block;
    font-size: 15px;
    color: #222;
    font-family: 'OpenSans-Regular';
    text-transform: none;
    letter-spacing: 0px;
}
.dash-panel .panel + .panel {
    margin-top:0;
}
.dash-panel .panel{
	margin-bottom:12px;
}
.list-dash{
	list-style-type:none;
	padding-left:0;
	margin-bottom: 0;
}
.list-dash li {
   position: relative;
   padding-left: 15px;
   line-height: 23px;
   padding-bottom: 13px;
}
.list-dash li:last-child{
	padding-bottom:0;
}
.list-dash li a{
	font-size:15px;
	color:#444;
}
.list-dash li a:hover{
	color:#3bafda;
}
.list-dash li::after {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color:#3bafda;
    top: 10px;
    left: 0;
}
.panel-rep .panel-default{
	border-top: 0;
	border-left: 0;
	border-radius: 0;
	border-right: 0;
}
.panel-rep .panel p{
	font-size: 15px;
	color: #000;
	width: auto;
	display: inline-block;
}
.panel-rep .panel .panel-body .mt{
	margin:8px 0;
}
.panel-rep .panel .panel-body .btn{
	float:right;
}
.panel-rep .panel {
    margin-bottom: 0px;
}
.panel-rep .panel-default .panel-body {
    padding: 15px 0 5px 0;
}
.panel-rep .panel-default {
    padding: 10px 0px;
}
.dash-title h2{
	margin:0;
	text-align:left;
}
.dash-title .btn{
	margin-left:auto;
}
.dash-list{
	list-style-type:none;
	padding-left:0;
	margin-left:-15px;
	margin-left:-15px;
	width: auto;
	margin-top:21px;
}
.dash-list li{
    width:33.333%;
    padding:15px;	
	position: relative;
}
.dash-list li a{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}
.dash-box{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
	position: relative;
	background-color:#fff;
	border:1px solid #0079b5;
	border-radius:6px;
	z-index: 1;
	padding:14px 20px;
	align-content: center;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
}
.dash-box:before{
	content: '';
	position: absolute;
	top: 0;
	border:0px solid #0079b5;
	width: 100%;
	height: 100%;
	left: 0;
	z-index: -1;
	border-radius: 4px;
	 -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;

}
.dash-box:hover:before{
	    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    border:6px solid #0079b5;
}
.dash-left{
	width:82%;
}
.dash-left h3{
	margin-top: 0;
    margin-bottom: 13px;
	line-height: 22px;
	color:#333;
}
.dash-right{
	margin-left:auto;
}
.dash-right i{
	display: block;
	margin-top:24px;
	font-size: 24px;
	color: #808080;
}
.btn-green{
	font-size: 15px;
	color: #fff;
	background-color: #009b0f;
	padding: 4px 18px;
	border-radius: 50px;
	margin: 0;
	font-weight: normal;
}
.dash-list .dropdown-menu{
	border:0;
}
.dash-list .dropdown-menu::before {
    content: "";
    position: absolute;
    left: 42px;
    top: -13px;
    border-right:14px solid transparent;
    border-left:14px solid transparent;
    border-bottom:14px solid #fff;
    width: 0;
    height: 0;
    z-index: 9;
}
.dash-list .dropdown-menu::after {
	    content: "";
    position: absolute;
    left: 42px;
    top:-15px;
    border-right:13px solid transparent;
    border-left:13px solid transparent;
    border-bottom:13px solid #fff;
    width: 0;
    height: 0;
    z-index:8;
    border-bottom-color:rgba(0, 0, 0, 0.05);
    -webkit-filter: blur(2px);
    filter: blur(2px);
}
.dash-list .dropdown-menu li{
	width:100%;
	padding:0 30px;
	position:relative;
}
.dash-list .dropdown-menu li:hover:before{
	content:'';
	position:absolute;
	top:5px;
	bottom:5px;
	left:0;
	width:5px;
	height:auto;
	background-color:#045787;
}
.dash-list .dropdown-menu li a{
	padding: 18px 0;
    border-bottom: 1px solid #ddd;
	font-size:17px;
	color:#333;
}
.dash-list .dropdown-menu li:last-child a{
	 border:0;
}
.dash-list .dropdown-menu > li > a:focus, .dash-list .dropdown-menu > li > a:hover {
    color:#045787;
    background-color:transparent;
}
.btn-link-o{
	font-size:15px;
	color:#f76300;
	line-height: 15px;
	position: absolute;
	left: 39px;
	bottom: 37px;
	z-index:2;
	right: 70px;
width: auto !important;
}
.dash-bus, .dash-new{
	background-color: #f3f3f3;
}
.bus-sec h2{
	max-width:88%;
}
.dash-box:hover .dash-right i{
	color:#0079b5;;
}
.m-auto{
 margin:0 auto
}
.pop {
    color: #0645ad;
}

.popover p {
    line-height: 21px;
}

.pop:hover {
    text-decoration: underline;
    cursor: pointer;
}

.popover h3 {
    margin-top: 0;
    color: #0074ad;
}

.related ul li {
    color: #111;
    padding-bottom: 9px;
}
.asr-filter .row{
	margin-right: -7px;
    margin-left: -7px;
}
.asr-filter .row .col-md-2, .asr-filter .row .col-md-3, .asr-filter .row .col-md-1{
	padding-right: 7px;
    padding-left: 7px;
}
.asr-filter .form-control{
	border-color:#a5b8c1;
	box-shadow: none;
	height: 53px;
	padding:6px 35px 6px 18px;
}
.flt-btn{
	padding: 16px 26px;
	border-radius:4px;
	font-family: 'Roboto-Regular';
    text-transform: capitalize;
	background-color: #005d8b;
}
.flt-sel{
	background-image:url('../images/sel-a.png');
	background-repeat:no-repeat;
	background-position: right 17px center;
	font-family:arial;
	-webkit-appearance: none;
    -moz-appearance: none;
}
.asr .panel-group {
    margin-bottom: 0;
}
.asr .panel-default .panel-title{
	margin:0;
}
.asr .panel-default .panel-title a {
    width: 100%;
    background-image: url(../images/open.png);
    background-repeat: no-repeat;
    background-position: left center;
    display:flex;
    font-size: 24px;
    line-height: 29px;
	padding-left: 24px;
    color: #005d8b;
    font-family: 'Roboto-Bold';
    text-transform: none;
    letter-spacing: 0px;
}
.asr .panel-default .panel-title a.collapsed{
	background-image: url(../images/close.png);
}
.asr .panel-default{
	padding:28px 30px;
	position: relative;
	background-color: #fff;
	margin-bottom:30px;
	-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 1px rgba(0, 0, 0, .05);
}
.asr .panel-default:last-child{
	margin-bottom:0px;
}
.title-asr{
     color: #005d8b;
     font-family: 'Roboto-Bold';
	 display:inline-block;
	 align-self:center;
}
.title-asr-r{
    display: inline-block;
    margin-left: auto;
	text-align: right;
}
.asr .title-asr-r p{
	color:#333333;
	font-size:15px;
	font-family: 'Roboto-Regular';
	margin-bottom: 5px;
	text-align: right !important;
}
.sub-panel .panel + .panel {
    margin-top: 2px;
}
.title-asr-r h5{
	color:#ff2600;
	font-size:16px;
	font-family: 'Roboto-Medium';
	margin: 0;
}
.title-asr-sub{
	font-size:20px;
	color:#333;
	font-family: 'Roboto-Medium';
	align-self: center;
}
.title-asr-sub-inner{
	font-size:16px;
}
.asr .sub-panel .panel-default {
    padding: 20px;
    background-color: #fff;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid #ddd;
}
.asr .sub-inner .panel-default{
	padding: 8px 0;
	border-bottom: 0px solid #ddd;
	margin-bottom: 10px;
}
.sub-panel .panel-title{
	display:flex;
	width:100%;
}
.asr .sub-panel .panel-default .panel-title a{
	display: inline-block;
	width: auto;
	font-size:15px;
	color:#333;
	font-family: 'Roboto-Regular';
}
.asr .sub-panel .panel-default .panel-title ul li a{
		background-image: none;
}
.asr .sub-panel .panel-default .panel-body{
	padding:15px 30px;
}
.title-asr-r ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
.title-asr-r ul li{
	font-size:15px;
	color:#333;
	display: inline-block;
}
.asr .sub-panel .panel-default .panel-title ul li a:hover{
	 color:#ff2600;
}
.num-par{
	width: 100%;
	clear: both;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.nump{
	padding-right:5px;
}
 .num-par .num-p{
	 text-align:justify;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}
.asr .panel-default p {
    color: #222;
	text-align:justify;
	font-size:14px;
}
.asr h6{
	font-size:16px;
	color: #333;
	font-family: 'Roboto-Medium';
	text-transform: none;
	margin-bottom: 16px;
    margin-top: 25px;
}
.sub-par{
	padding-left:50px;
	text-align: justify;
}
.btn-all{
    position: absolute;
    top:-12px;
    font-size: 12px;
    left: 28px;
    background-color: #005d8b;
    color: #fff;
    padding: 1px 12px;
    border-radius: 34px;
}
.btn-all:hover, .btn-all:focus{
	background-color:#333;
    color: #fff;
}
.ext-close-btn{
	display:none;
}
.ext-open .ext-close-btn{
	display:block;
}
.ext-open .ext-btn{
	display:none;
}
.row-title, .issu-rev{
	width: 100%;
	clear: both;
	display: -ms-flexbox;
	display: flex;
}
.mt-0{
	margin-top:0;
}
.asr .row-title h6{
	margin-top:0;
}
.issu-rev ul{
	list-style-type:none;
	padding-left:0;
	margin-left:auto;
}
.issu-rev ul li {
    font-size: 15px;
    color: #333;
    display: inline-block;
}
.issu-rev ul li a {
    display: inline-block;
	padding-left: 24px;
    width: auto;
    font-size: 15px;
    color: #333;
    font-family: 'Roboto-Regular';
}
.issu-rev ul li a span{
	background-color: #e4f3fb;
	padding: 3px 7px;
	border-radius: 4px;
	color: #005d8b;
}
.issu-rev ul li a:hover span{
	color: #fff;
	background-color: #005d8b;
}
.asr .collapse.in{
	height: 100% !important;
}
.title-asr-sub-inner2 {
    width: 100%;
    background-image: url(../images/open.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: flex;
    font-size: 16px;
    color: #333;
    font-family: 'Roboto-Medium';
    padding-left: 20px;
    margin-bottom: 16px;
    text-transform: none;
    letter-spacing: 0px;
}
.title-asr-sub-inner2.collapsed {
    background-image: url(../images/close.png);
}
.title-asr-sub-inner2 {
    font-size: 16px;
}
.num-p {
    color: #222;
    text-align: justify;
    font-size: 14px;
}
.mb-3 {
    margin-bottom: 20px;
}
.mb-2 {
    margin-bottom: 10px;
}
.table-box{
    background-color:#fff;
    border:1px solid #37517e;
    border-radius: 5px;
    overflow: auto;
}
.table-box table{
    margin-bottom:0;
    text-align: center;
}
.table-box thead tr{
    background-color:#37517e;
    color:#fff;
}
.table-box thead tr th{
    color:#fff;
    font-family: 'Roboto-Medium';
    font-size:14px;
    vertical-align: middle;
    max-width:10%;
    text-align: center;
    padding: 12px 8px;
}

.pack-table tr th:nth-child(even) {
    background-color:#4c6693;
}
.pack-table tr td:nth-child(even){
    background-color:rgb(55, 81, 126, 0.06);
}
.pack-table tr td:first-child{
    color:#0074ad;
    font-family: 'Roboto-Medium';
    font-size:15px;
}
.pack-table tbody tr td{
    color:#333;
    padding:15px 10px;
    font-size:14px;
}
.list {
    list-style-type: none;
    padding-left: 0;
}
.list li {
    position: relative;
    padding-left: 15px;
    font-size: 16px;
    padding-bottom: 7px;
}
.list li::before {
    content: '';
    background-color: #0074ad;
    position: absolute;
    top: 13px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

/***********************MY CSS*****************************/

@media (min-width:250px) and (max-width:500px) {
    .banner.padding {
        padding: 35px 20px;
    }

    .wallet-sec {
        display: block;
    }

    .wallet ul {
        display: block;
    }

    .date-range {
        max-width: 100%;
        float: none;
    }

        .date-range .date-icon {
            border-radius: 0;
            margin-bottom: 8px;
        }

    footer ul li {
        width: 100%;
        padding-bottom: 12px;
    }

    .about-sec h4 {
        margin-top: 30px;
    }

    footer h4 {
        margin-bottom: 10px;
    }

    .fin-stat h5 {
        line-height: 23px;
    }

    .dash-left h3 {
        margin-top: 0;
        margin-bottom: 33px;
    }

    .bus-sec {
        padding-bottom: 10px;
    }

    .banner.padding {
        padding: 15px 15px;
    }

    .carousel-text {
        position: absolute;
        top: 0;
    }

    .banner h2 {
        line-height: 24px;
        font-size: 18px;
    }

    .banner .carousel-inner .item img {
        height: 140px;
        max-width: none;
    }

    .banner .carousel-inner .item .bus-img {
        width: 198px;
        height: auto;
        opacity: 0.7;
        z-index: -1;
    }

    .carousel-text .btn-danger {
        font-size: 13px;
        padding: 8px 22px;
    }

    .certificate .btn-primary {
        padding: 10px 10px;
        border: 0;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        margin: 5px;
        font-size: 22px;
        text-align: center;
    }

    .btnfacebook {
        background-color: #3a4c95;
    }

    .btntwitter {
        background-color: #01b1f1;
    }

    .btnwhatsapp {
        background-color: #1ad03f;
    }

        .btnwhatsapp img {
            margin: 0 auto;
        }
}
.footer-m{
 display: none;
}

/******************************************** RESPONSIVE STYLE CSS START **************************************/


@media (min-width:250px) and (max-width:500px) {
    .dash-subscribe {
        text-align: center;
    }

        .dash-subscribe .text-right {
            text-align: center;
        }

        .dash-subscribe h3 {
            font-size: 16px;
        }

    .popup .modal-dialog {
        width: 100%;
        margin: 30px auto;
    }

    .navbar-default .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }

    .navbar-default .navbar-brand {
        padding-left: 15px;
        
    }

    .navbar-brand > img {
        width: 135px;
    }

    .navbar-toggle .icon-bar {
        height:3px;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #000;
    }

    .navbar-toggle {
        border-radius: 0px;
    }

    .menu-right {
        width: 100%;
        margin-top:6px;
		position: relative;
        top: 0;
    }

    .menu-right-blue {
        padding: 5px 20px;
        width: 100%;
        text-align: center;
        background-color: #fff;
    }

        .menu-right-blue .dropdown-toggle {
            color: #333;
        }

    .search-click {
        padding: 5px 20px;
        background-color: #efefef;
        width: 20%;
        text-align: center;
    }

    .search-content {
        width: 100%;
        right: 0;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 8px 0;
    }

    .breadcrumb > li + li::before {
        content: none;
    }

    .breadcrumb > li {
        display: block;
    }
    .carousel-caption {
        bottom: 0;
        right: 10%;
        left: 10%;
    }

        .carousel-caption .btn-danger,
        .carousel-caption .btn-primary {
            font-size: 13px;
            padding: 8px 10px;
            float: none;
            margin: 2px;
        }

        .carousel-caption p {
            font-size: 12px;
            line-height: 15px;
        }

        .carousel-caption .m-top {
            margin-top: 0;
        }

        .carousel-caption h1 {
            font-size: 22px;
            margin: 5px 0;
        }

    .menu-right-blue i {
        font-size: 12px;
        padding: 5px;
    }

    .menu-right-blue a {
        font-size: 14px;
        color: #333;
    }

    .search-content::before {
        right: auto;
        left: 34px;
    }

    h2 {
        font-size: 23px;
		line-height: 32px;
    }

    .padding {
        padding: 20px 0;
    }

    .owl-controls .owl-prev {
        margin-left: -5px;
    }

    .owl-controls .owl-next {
        margin-right: -5px;
    }

    .owl-controls .fa {
        font-size:21px;
    }

    .faq {
        padding: 15px;
    }

    .col6 {
        width: 100%;
    }

    .panel-default .panel-title a {
        padding-right: 22px;
    }

    #testimonials p {
        font-size: 16px;
        line-height: 23px;
    }

    #testimonials .carousel-inner .item {
        padding: 50px 20px;
    }

    #testimonials .carousel-inner > .item {
        height: auto;
        overflow: visible;
        text-align: center;
    }

        #testimonials .carousel-inner > .item > img {
            height: auto;
            position: relative;
        }

    #testimonials .carousel-control .fa {
        font-size: 31px;
    }

    #services {
        margin-top: 25px;
    }

    .section5 h2::before {
        width: 14%;
    }

    .section5 h2::after {
        width: 15%;
    }

    .section5 h2 {
        margin-bottom: 20px;
    }

    .section6 p {
        margin-bottom: 40px;
    }

    .section7 h2 span {
        display: inline-block;
    }

    .section6 {
        margin-bottom: 0;
    }

        .section6 b {
            font-size: 30px;
        }

        .section6 p {
            font-size: 16px;
        }

    .section8 ul li {
        padding: 1px;
        width: 40%;
    }

    .list2 {
        padding: 0;
        float: left;
        width: 100%;
        margin: 25px 0;
    }

    .footer-bottom .breadcrumb {
        float: left;
        width: 100%;
    }

        .footer-bottom .breadcrumb > li {
            display: inline-block;
        }

            .footer-bottom .breadcrumb > li + li::before {
                content: "/\00a0";
            }

    .section7 h2 {
        margin-top: 0;
    }

    .section7 .corner {
        margin-top: 22px;
    }

    #video .embed-responsive-16by9 {
        height: auto;
    }

    .inner-banner h1 {
        font-size: 20px;
        margin-top: 13px;
        margin-bottom: 0;
    }

    .inner-text {
        top: 1px;
    }

    .inner-banner .breadcrumb {
        display: none;
    }

    .heading {
        text-align: center;
    }

        .heading img {
            margin: 0 auto;
            float: none;
        }

        .heading h2 {
            float: left;
            font-size: 19px;
            width: 100%;
            text-align: center;
            min-height: 58px;
        }

    .contact-us .corner {
        padding: 10px;
    }

    .bg-pic {
        display: none;
    }

    .bg-white {
        width: 100%;
        padding: 20px;
    }

    .login-wrapper {
        overflow: visible;
    }

    .border-box b {
        width: 100%;
    }

    .menu-right-blue .dropdown-toggle img {
        width:30px;
        height:30px;
        border: 1px solid #ddd;
		margin-top:4px;
    }
	.btn .caret {
    margin-left: 4px;
}
.menu-right-blue .dropdown-menu {
    margin-top: 5px;
}

    .dash-banner h1 {
        margin-bottom: 15px;
    }

    .dh {
        border-right: 0px solid #ECEFF1;
        border-bottom: 1px solid #ECEFF1;
        float: left;
        width: 100%;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .br-blue {
        float: left;
    }

    .graph {
        overflow-y: scroll;
    }

    .issue-entry .select-box {
        width: 100%;
        margin: 0 auto;
    }

    .issue-entry .btn {
        text-align: center;
        margin-bottom: 10px;
    }

    .panel-primary .panel-heading h3 {
        font-size: 16px;
        width: 92%;
    }

    .small-form .container {
        width: auto;
    }

    .small-form .m-top2 {
        margin-top: 20px;
    }

    .small-form .radio-inline + .radio-inline {
        margin-left: 0;
        clear: both;
    }

    .small-form .col-md-6 {
        margin-bottom: 20px;
    }

    #video .embed-responsive-16by9 {
        height: auto;
    }

    .modal iframe {
        height: 300px;
    }

    .modal {
        position: fixed;
        top: 10%;
    }

    .success-msg {
        width: 100%;
    }

    .error-msg {
        width: 100%;
    }

    .issue-list .text-right {
        text-align: left;
    }

    .statusc {
        float: left;
    }

    .right-text-com {
        width: 100%;
        padding-left: 0;
        padding-top: 10px;
    }

    .comment-box {
        padding-left: 0px;
    }

    .subscription .select {
        float: right;
        margin-right: 0;
        clear: both;
        width: 100%;
        margin-top: 11px;
    }

    .sub-pri p {
        font-size: 13px;
    }

    .btn-label label {
        font-size: 15px;
    }

    .promo .app-text {
        width: 88%;
    }

    .com-left-date .like-btn {
        float: left;
        border: 0;
        clear: both;
        padding-left: 0;
        margin-bottom: 10px;
    }

    .blue-color11 {
        height: 60px;
    }

    .table2 tr td {
        display: block;
        width: 100%;
        float: left;
        text-align: center;
    }

    .dashboard .table2 .table-bordered > tbody > tr > td {
        border: 0;
    }

    .dashboard .table2 .table-bordered > tbody > tr {
        border-bottom: 1px solid #ddd;
    }

        .dashboard .table2 .table-bordered > tbody > tr > td:last-child {
            text-align: center;
            padding-top: 2px;
        }

    .blog .col-md-8 {
        overflow: hidden;
    }

    .blog h2 {
        font-size: 22px;
        margin-top: 20px;
    }

    .blog-details h2 {
        font-size: 20px;
    }

    .blog-details .right-text-com h5 {
        width: 100%;
        border: 0;
        padding: 0;
    }

    .white-box-new {
        padding: 15px;
    }

    .half-list li {
        width: 100%;
    }

    .refer_earn_left {
        display: none;
    }

    .refer_earn_right {
        width: 100%;
        padding: 0px;
    }

    .refer_top_box {
        width: 100%;
        float: left;
        border-bottom: 2px solid #dddddd;
        padding: 20px;
    }

    .refer_bottom_box {
        width: 100%;
        float: right;
        padding: 20px;
    }

    .refer_earn_right .hr {
        display: none;
    }

    .copied_txt {
        width: 100%;
        left: 0;
    }

    .credit_points_box {
        text-align: center;
        margin-bottom: 20px;
    }

        .credit_points_box:last-child {
            margin-bottom: 0;
        }

    .credit_points_inner h2 {
        margin-bottom: 40px;
    }

    .credit_table .text-left, .credit_table .text-right {
        text-align: center !important;
    }

    .credit_points_box h4 {
        font-size: 15px;
    }

    .point_icon {
        width: 30px;
    }

    .table-bordered > thead > tr > th:nth-child(1) {
        width: auto;
    }

    .table-bordered > thead > tr > th:nth-child(2) {
        width: auto;
    }

    .table-bordered > thead > tr > th:nth-child(3) {
        width: auto;
    }

    .table-bordered > thead > tr > th:nth-child(4) {
        width: auto;
    }

    .table-bordered > tbody > tr > td:nth-child(1) {
        width: auto;
    }

    .table-bordered > tbody > tr > td:nth-child(2) {
        width: auto;
    }

    .table-bordered > tbody > tr > td:nth-child(3) {
        width: auto;
    }

    .table-bordered > tbody > tr > td:nth-child(4) {
        width: auto;
    }

    .credit_box {
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0;
    }
	.navbar-default .breadcrumb {
    text-align: left;
}
.menu-right-blue a{
	margin: 2px 0;
	padding: 8px 27px;
}
.banner h2{
	margin-top:0;
	line-height:28px;
}
.select-box{
	margin-left:0;
	margin-top: 30px;
}
.carousel-text h2 {
    text-align: center;
}
.br-b {
     margin-top: 20px;
}
.bus-list li p{
	line-height: 20px;
}
.bus-list li{
	padding: 5px;
    width: 50%;
	height: 108px;
	border: 1px solid #c3d6df;
}
h2 span {
    margin-top: 12px;
}
.carousel-text {
    max-width: 100%;
	text-align: center;
}
.carousel-text .btn-danger {
	margin-bottom:10px;
}
.banner {
    height:190px;
}
.certificate .btn{
	 margin:5px 0;
}
.dash-list li{
    width:100%;
}
.dash-right i {
    display: inline-block;
    margin-top: 0;
    font-size: 24px;
}
.dash-left {
    width: 100%;
}
.dash-right {
    position: absolute;
    bottom: 8px;
    right: 15px;
}
.dash-right img{
	width: 36px;
    margin-right: 4px;
}
.banner .carousel-control {
    width: 20px;
}
#number .owl-controls .fa {
    font-size: 23px;
}
.num-box{
	width: 90%;
	margin: 0 auto;
	float:none;
}
#number .owl-controls .owl-prev {
    margin-left: -5px;
}
#number .owl-controls .owl-next {
    margin-right: -5px;
}
.bus-sec h2 {
    max-width: 70%;
    font-size: 18px;
    line-height: 25px;
}
.light-bg .p-box, #winner .p-box{
	width: 90%;
    margin: 0 auto;
}
.blog-box{
	width:90%;
	margin:0 auto;
}
.dash-banner .wallet ul li {
    margin-left: 0;
    margin-bottom: 15px;
}
.total {
    width: 90%;
    margin: 0 auto;
    float: none;
    display: flex;
}
#total{
	margin-bottom: 32px;
}
#total .owl-controls {
    top: 37%;
}
.dash-right img {
    width: 30px;
    margin-top: -4px;
}
.dashboard .heading .pull-right {
     float: none;
}
.dashboard .white-box .heading h3{
	float: none;
	margin-top: 0;
	display: inline-block;
}
.question-msg{
	float: none;
	display: inline-block;
	margin-bottom: 20px;
}
.navbar-collapse.collapse {
    margin-top: 12px;
}
.dashboard .modal-footer {
    text-align: center;
}
.dashboard .modal-footer .btn-primary {
    margin: 6px auto;
}
.wallet ul li {
    margin-bottom: 18px;
}
.date-range input {
    margin: 12px 0;
}
.date-range {
    max-width: 100%;
    margin-left: 0;
    width: 100%;
}
.wallet{
	max-width: 100%;
}
.asr-filter .form-control {
    margin: 10px 0;
}
.flt-btn{
	width: 100%;
}
.asr .panel-default .panel-title a{
	display: block;
}
.asr .panel-default {
    padding: 15px;
}
.asr .panel-default .panel-title a {
    line-height: 27px;
	font-size: 21px;
}
.title-asr-r {
    display: block;
    margin-left: 0;
    text-align: left;
}
.asr .title-asr-r p{
	text-align: left !important;
}
.sub-panel .panel-title {
    display: block;
}
.asr .sub-panel .panel-default {
    padding: 10px;
}
.asr .sub-panel .panel-default .panel-body {
    padding: 15px;
}
.asr h6 {
    margin-bottom: 10px;
    margin-top: 15px;
}
.asr .sub-panel .panel-default .panel-title a {
    display: block;
}
.asr .sub-panel .panel-default .panel-title ul li a {
    padding: 0 5px;
}
.title-asr-r ul {
    margin-top: 9px;
}
.row-title{
	display:block;
}
.issu-rev ul li a {
    padding-left: 0;
    margin-bottom: 7px;
}
.navbar .navbar-header {
    display: block;
  }
  

}

@media (min-width:501px) and (max-width:767px) {
    .dash-subscribe {
        text-align: center;
    }

        .dash-subscribe .text-right {
            text-align: center;
        }
.menu-right-blue .dropdown-menu {
    margin-top: 9px;
}
        .dash-subscribe h3 {
            font-size: 16px;
        }

    .navbar-default .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }

    .navbar-default .navbar-brand {
        padding-left: 15px;
    }

    .navbar-brand > img {
        width: 135px;
    }

    .navbar-toggle .icon-bar {
        height: 4px;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #000;
    }

    .navbar-toggle {
        border-radius: 0px;
    }

    .menu-right {
        width: 100%;
        margin-top: 10px;
    }

    .menu-right-blue {
        padding: 5px 20px;
        width: 100%;
        text-align: center;
        background-color: #fff;
    }

    .search-click {
        padding: 5px 20px;
        background-color: #efefef;
        width: 20%;
        text-align: center;
    }

    .search-content {
        width: 100%;
        right: 0;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 8px 0;
    }

    .breadcrumb > li + li::before {
        content: none;
    }

    .breadcrumb > li {
        display: block;
    }

    .navbar-collapse.collapse {
        float: none;
    }

    .carousel-caption {
        bottom: 8%;
        right: 10%;
        left: 10%;
    }

        .carousel-caption .btn-danger,
        .carousel-caption .btn-primary {
            font-size: 13px;
            padding: 8px 10px;
            float: none;
            margin: 2px;
        }

        .carousel-caption p {
            font-size: 16px;
            line-height: 15px;
        }

        .carousel-caption .m-top {
            margin-top: 0;
        }

        .carousel-caption h1 {
            font-size: 29px;
            margin: 8px 0;
        }

    .menu-right-blue i {
        font-size: 12px;
        padding: 5px;
    }

    .menu-right-blue a {
        font-size: 14px;
        color: #333;
    }

    .menu-right-blue .dropdown-toggle {
        color: #333;
    }

        .menu-right-blue .dropdown-toggle img {
            border: 1px solid #ddd;
			margin-top: 5px;
        }

    .search-content::before {
        right: auto;
        left: 34px;
    }

    h2 {
        font-size: 23px;
    }

    .padding {
        padding: 20px 0;
    }

    .owl-controls .owl-prev {
        margin-left: -12px;
    }

    .owl-controls .owl-next {
        margin-right: -12px;
    }

    .owl-controls .fa {
        font-size:22px;
    }

    .faq {
        padding: 15px;
    }

    .col6 {
        width: 100%;
    }

    .panel-default .panel-title a {
        padding-right: 22px;
    }

    #testimonials p {
        font-size: 16px;
        line-height: 23px;
    }

    #testimonials .carousel-inner .item {
        padding: 50px 20px;
    }

    #testimonials .carousel-inner > .item {
        height: auto;
        overflow: visible;
        text-align: center;
    }

        #testimonials .carousel-inner > .item > img {
            height: auto;
            position: relative;
        }

    #testimonials .carousel-control .fa {
        font-size: 31px;
    }

    #services {
        margin-top: 25px;
    }

    .section5 h2::before {
        width: 14%;
    }

    .section5 h2::after {
        width: 15%;
    }

    .section5 h2 {
        margin-bottom: 20px;
    }

    .section6 p {
        margin-bottom: 40px;
    }

    .section7 h2 span {
        display: inline-block;
    }

    .section6 {
        margin-bottom: 0;
    }

        .section6 b {
            font-size: 30px;
        }

        .section6 p {
            font-size: 16px;
        }

    .section8 ul li {
        padding: 1px;
        width: 40%;
    }

    .list2 {
        padding: 0;
        float: left;
        width: 100%;
        margin: 25px 0;
    }

    .footer-bottom .breadcrumb {
        float: left;
        width: 100%;
    }

        .footer-bottom .breadcrumb > li {
            display: inline-block;
        }

            .footer-bottom .breadcrumb > li + li::before {
                content: "/\00a0";
            }

    .section7 h2 {
        margin-top: 0;
    }

    .section7 .corner {
        margin-top: 22px;
    }

    #why-choosing .item .corner {
        min-height: 243px;
        padding: 12px;
    }

    #video .embed-responsive-16by9 {
        height: auto;
    }

    .inner-banner h1 {
        font-size: 30px;
    }

    .bg-pic {
        display: none;
    }

    .bg-white {
        width: 100%;
        padding: 20px;
    }

    .login-wrapper {
        overflow: visible;
    }

    .graph {
        overflow-y: scroll;
    }

    .small-form .container {
        width: auto;
    }

    .small-form .m-top2 {
        margin-top: 20px;
    }

    .small-form .radio-inline + .radio-inline {
        margin-left: 0;
        clear: both;
    }

    .small-form .col-md-6 {
        margin-bottom: 20px;
    }

    .modal iframe {
        height: 400px;
    }

    .modal iframe {
        height: 400px;
    }

    .success-msg {
        width: 100%;
    }

    .error-msg {
        width: 100%;
    }

    .issue-list .text-right {
        text-align: left;
    }

    .statusc {
        float: left;
    }

    .blog .col-md-8 {
        overflow: hidden;
    }

    .blog h2 {
        font-size: 22px;
        margin-top: 20px;
        text-align: center;
    }

    .blog .img-box {
        float: none;
        width: 400px;
        margin: 0 auto;
    }

    .blog {
        text-align: center;
    }

        .blog p {
            text-align: center;
        }

    .refer_earn_left {
        display: none;
    }

    .refer_earn_right {
        width: 100%;
        padding: 0px;
    }

    .refer_top_box {
        width: 50%;
        float: left;
        border-right: 2px solid #dddddd;
        padding: 20px;
    }

    .refer_bottom_box {
        width: 50%;
        float: right;
        padding: 20px;
    }

    .refer_earn_right .hr {
        display: none;
    }

    .copied_txt {
        width: 100%;
        left: 0;
    }

    .credit_points_box {
        text-align: center;
        margin-bottom: 20px;
    }

        .credit_points_box:last-child {
            margin-bottom: 0;
        }

    .credit_points_inner h2 {
        margin-bottom: 40px;
    }

    .credit_table .text-left, .credit_table .text-right {
        text-align: center !important;
    }

    .table-bordered > thead > tr > th:nth-child(1) {
        width: auto;
    }

    .table-bordered > thead > tr > th:nth-child(2) {
        width: auto;
    }

    .table-bordered > thead > tr > th:nth-child(3) {
        width: auto;
    }

    .table-bordered > thead > tr > th:nth-child(4) {
        width: auto;
    }

    .table-bordered > tbody > tr > td:nth-child(1) {
        width: auto;
    }

    .table-bordered > tbody > tr > td:nth-child(2) {
        width: auto;
    }

    .table-bordered > tbody > tr > td:nth-child(3) {
        width: auto;
    }

    .table-bordered > tbody > tr > td:nth-child(4) {
        width: auto;
    }

    .credit_box {
        width: 47%;
        margin-bottom: 30px;
    }

    .cre_boxes .credit_box:nth-child(2) {
        margin-right: 0px;
    }

    .cre_boxes .credit_box:nth-child(4) {
        margin-right: 0px;
    }
	.br-b{
		margin-top: 30px;
	}
	.menu-right {
		width: auto;
		margin-top:0px;
		position: absolute;
		top: 0;
		right: 70px;
	}
.menu-right-blue a{
	margin: 0 0;
}
.carousel-text {
    max-width: 100%;
    text-align: center;
}
.carousel-text .btn-danger{
	margin-bottom:15px;
}
.banner {
    height: auto;
}
.certificate .btn{
	 margin:5px 0;
}
.dash-list li{
    width:100%;
}
.carousel-text {
    max-width: 50%;
	text-align: left
}
.carousel-text h2 {
    font-size: 23px;
    line-height: 43px;
}
.banner .carousel-inner .item img.bus-img{
	width: 230px;
}
.banner {
    height: 310px;
}
.banner .carousel-inner .item img {
    max-width: 500px;
}
.wallet ul li {
    margin-bottom: 18px;
}
.date-range input {
    margin: 12px 0;
}
.date-range {
    max-width: 100%;
    margin-left: 0;
    width: 100%;
}
.wallet{
	max-width: 100%;
}
.asr-filter .form-control {
    margin: 10px 0;
}
.flt-btn{
	width: 100%;
}
.asr .panel-default .panel-title a{
	display: block;
}
.asr .panel-default {
    padding: 15px;
}
.asr .panel-default .panel-title a {
    line-height: 27px;
	font-size: 21px;
}
.title-asr-r {
    display: block;
    margin-left: 0;
    text-align: left;
}
.asr .title-asr-r p{
	text-align: left !important;
}
.sub-panel .panel-title {
    display: block;
}
.asr .sub-panel .panel-default {
    padding: 10px;
}
.asr .sub-panel .panel-default .panel-body {
    padding: 15px;
}
.asr h6 {
    margin-bottom: 10px;
    margin-top: 15px;
}
.asr .sub-panel .panel-default .panel-title a {
    display: block;
}
.asr .sub-panel .panel-default .panel-title ul li a {
    padding: 0 5px;
}
.title-asr-r ul {
    margin-top: 9px;
}
.row-title{
	display:block;
}

}
@media (max-width:768px) {
    .navbar-default .navbar-brand {
        pointer-events: none;
    }
    .menu-right {
        width: auto;
        right:80px;
    }
    .menu-right-blue {
        padding: 5px 7px;
        width: auto;
    }  
    .menu-right-blue a {
        padding:10px 12px;
    }  
    .navbar-brand {
        padding:10px 8px;
    }
    .navbar-default .navbar-brand {
        padding-left: 9px;
    }
    .menu-right-blue .dropdown-menu {
        left: auto;
        right: 0;
    }
    footer{
        display: none;
    }
    .footer-m{
        background-color:#37517e;
        display: block;
        width: 100%;
        padding: 7px 0;
        clear: both;
    }
    .footer-m ul{
        list-style-type: none;
        padding:0;
        margin:0;
        display: block;
        width: 100%;
        text-align: center;
    }
    .footer-m ul li{
        display: inline-block;
        position: relative;
        padding-right: 10px;
        margin-right: 5px;
    }
    .footer-m ul li::before{
        content: '';
        position: absolute;
        right: 0;
        top: 5px;
        width: 1px;
        height: auto;
        background-color:#c3cad1;
        bottom: 5px;
    }
    .footer-m ul li:last-child{
        padding-right:0;
        margin-right:0;
    }
    .footer-m ul li:last-child::before{
        content:none;
    }
    .footer-m ul li a{
        color:#c3cad1;
        font-size: 12px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .dash-subscribe h3 {
        font-size: 16px;
    }

    .navbar-toggle .icon-bar {
        height: 4px;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #000;
    }

    .navbar-toggle {
        border-radius: 0px;
    }

    .navbar-collapse {
        position: absolute;
        top: 100%;
        float: left;
        width: 100%;
        z-index: 1;
        background-color: rgb(255, 255, 255);
    }

    .navbar-header {
        float: none;
    }

    .navbar-default .breadcrumb {
        margin-left: 0;
    }

    .navbar-default .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .navbar-toggle {
        margin-top: 12px;
    }

    .carousel-caption h1 {
        font-size: 33px;
    }

    .carousel-caption {
        bottom: 10%;
    }

    .owl-controls .owl-prev {
        margin-left: 0;
    }

    .owl-controls .owl-next {
        margin-right: 0;
    }

    .owl-controls .fa {
        font-size:22px;
    }

    .col6 {
        width: 100%;
    }

    .faq {
        padding: 20px;
    }

    footer .col-sm-6 {
        min-height: 107px;
    }

    footer ul {
        padding: 0;
    }

    .footer-bottom p {
        font-size: 13px;
    }

    .footer-bottom .breadcrumb li a {
        font-size: 13px;
    }

    .cd-top {
        bottom: 63px;
    }

    .section8 ul li {
        padding: 4px;
        width: 23%;
    }

    h2 {
        font-size: 29px;
    }

    .section4 p {
        font-size: 13px;
        line-height: 26px;
    }

    .btn-danger,
    .btn-primary {
        font-size: 15px;
        padding: 7px 20px;
    }

    .section6 p {
        font-size: 16px;
    }

    .menu-right-blue {
        padding: 20px 40px 20px 20px;
    }

    .navbar-brand > img {
        width: 160px;
    }

    .search-click {
        padding: 20px 20px;
    }

    .navbar-brand {
        padding-top: 8px;
    }

    .inner-text {
        top: 7%;
    }

    .heading h2 {
        font-size: 18px;
        width: 72%;
        margin-top: 11px;
        line-height: 25px;
        min-height: 77px;
    }

    .bg-white {
        padding: 20px;
    }

    .login-wrapper {
        overflow: visible;
    }

    .graph {
        overflow-y: scroll;
    }

    .border-box b {
        width: 100%;
    }

    .dh {
        border-right: 1px solid #ECEFF1;
        border-bottom: 1px solid #ECEFF1;
        padding-bottom: 20px;
        padding-top: 20px;
    }

    #video .imgvideo {
        min-height: 550px;
    }

    .modal iframe {
        height: 400px;
    }

    .success-msg {
        width: 80%;
    }

    .error-msg {
        width: 80%;
    }

    .subscription .select {
        float: right;
        margin-right: 0;
        clear: both;
        width: 100%;
        margin-top: 11px;
    }

    .sub-pri p {
        font-size: 13px;
    }

    .btn-label label {
        font-size: 15px;
    }

    .like-btn {
        text-align: center;
    }

    .credit_points_box {
        text-align: center;
        margin-bottom: 20px;
    }

        .credit_points_box:last-child {
            margin-bottom: 0;
        }

    .credit_points_inner h2 {
        margin-bottom: 40px;
    }

    .table-bordered > thead > tr > th:nth-child(1) {
        width: auto;
    }

    .table-bordered > thead > tr > th:nth-child(2) {
        width: auto;
    }

    .table-bordered > thead > tr > th:nth-child(3) {
        width: auto;
    }

    .table-bordered > thead > tr > th:nth-child(4) {
        width: auto;
    }

    .table-bordered > tbody > tr > td:nth-child(1) {
        width: auto;
    }

    .table-bordered > tbody > tr > td:nth-child(2) {
        width: auto;
    }

    .table-bordered > tbody > tr > td:nth-child(3) {
        width: auto;
    }

    .table-bordered > tbody > tr > td:nth-child(4) {
        width: auto;
    }

    .credit_box {
        width: 47%;
        margin-bottom: 30px;
    }

    .cre_boxes .credit_box:nth-child(2) {
        margin-right: 0px;
    }

    .cre_boxes .credit_box:nth-child(4) {
        margin-right: 0px;
    }
	.menu-right {
		position: absolute;
		top:8px;
		right: 150px;
  }
  .menu-right-blue {
    padding: 0px;
}
.menu-right-blue a{
	margin: 0;
}
.navbar-collapse {
    width: 94%;
}
.owl-controls .owl-prev {
    margin-left: -15px;
}
.owl-controls .owl-next {
    margin-right: -15px;
}
.bus-sec img{
	margin:0 auto;
}
.bus-sec .br-b{
	margin-top: 20px;
}
.top-c-user .arrow2 .owl-controls {
    left: -241px;
}
h2 span {
    font-size: 16px;
}
footer ul li {
    padding-bottom: 8px;
	width:100%;
}
footer p, footer .con-icon p {
    line-height: 27px;
}
.dash-list li{
    width:50%;
}
.carousel-text {
    max-width: 50%;
	text-align: left
}
.banner .carousel-inner .item img.bus-img{
	width: 230px;
}
.banner {
    height:350px;
}
.banner .carousel-inner .item img {
    max-width: 500px;
}
.date-range {
    padding-top: 0;
}
.date-range input{
	margin: 10px 0;
}
.asr-filter .form-control {
    margin: 10px 0;
}
.flt-btn{
	width: 100%;
}
.asr .panel-default .panel-title a {
    font-size: 20px;
	line-height:24px;
}
.asr .panel-default {
    padding: 20px;
}
.navbar-default .container-fluid {
    padding: 0 15px;
  }

}

@media (min-width:992px) and (max-width:1199px) {
    .navbar-brand > img {
        width: 150px;
    }
    .navbar-default .container-fluid {
        padding: 0 15px;
      }
    .navbar-default .breadcrumb {
        margin-left: 0;
    }


    .nav > li > a {
        padding: 10px;
    }

    .search-click {
        padding: 30px 10px;
    }

    .breadcrumb > li + li::before {
        padding: 0 4px;
    }

    .carousel-caption {
        bottom: 7%;
    }

    .owl-controls .owl-prev {
        margin-left: 0;
    }

    .owl-controls .owl-next {
        margin-right: 0;
    }

    .faq {
        padding: 30px;
    }

    .footer-logo {
        width: 100%;
    }

    .navbar-collapse.collapse {
        width: 60%;
    }
.carousel-text {
    max-width: 39%;
}
.banner .carousel-inner .item img.bus-img {
    width: 60%;
}
.banner {
    height: 570px;
}
    #video .imgvideo {
        min-height: 550px;
    }

    .modal iframe {
        height: 451px;
    }

    .panel-default p {
        font-size: 15px;
    }

    .faq .panel-group {
        margin-top: 10px;
    }

    .dashboard-btnlist .col-md-3 {
        width: 50% !important;
    }

    .subscription .select {
        margin-right: 15px;
    }

    .select {
        width: 160px;
    }

    .ch-box p {
        font-size: 15px;
    }

    .credit_box {
        width: 31%;
        margin-bottom: 30px;
    }

    .cre_boxes .credit_box:nth-child(3) {
        margin-right: 0px;
    }
	.dash-list li{
    width:50%;
}
.owl-controls .owl-prev {
    margin-left: -30px;
}
.owl-controls .owl-next {
    margin-right: -30px;
}
.midea-icons p {
    width: 75%;
    margin-top: 1px;
}
.midea-icons .white-box{
	height: 89px;
}

}

@media (min-width:1200px) and (max-width:1300px) {
    .navbar-default .breadcrumb {
        margin-left: 1%;
    }

    .nav > li > a {
        padding: 10px 7px;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 14px;
    }

    .owl-controls .owl-prev {
        margin-left: -10px;
    }

    .owl-controls .owl-next {
        margin-right: -10px;
    }

    .faq {
        padding: 40px;
    }

    .navbar-collapse.collapse {
        width: 59%;
    }

    .navbar-default .navbar-nav > li > a {
        padding-right: 11px;
        padding-left: 11px;
    }

    .navbar-default .breadcrumb {
        margin-left: 1%;
    }

    #video .imgvideo {
        min-height: 550px;
    }

    .modal iframe {
        height: 451px;
    }

    .dashboard-btnlist .col-md-3 {
        width: 50% !important;
    }
}

@media (min-width:1301px) and (max-width:1350px) {
    .navbar-default .breadcrumb {
        margin-left: 1%;
    }

    #video .imgvideo {
        min-height: 550px;
    }
}

@media (min-width:1351px) and (max-width:1399px) {

    #video .imgvideo {
        min-height: 550px;
    }

    .modal iframe {
        height: 500px;
    }
}

@media (min-width:1400px) and (max-width:1600px) {
    .container {
        width: 1350px;
    }
    .navbar-default .breadcrumb {
        margin-left: 11%;
    }

    .red-box p {
        width: 74%;
        font-size: 17px;
        padding: 10px 12px;
    }

    #video .imgvideo {
        min-height: 550px;
    }

    .modal iframe {
        height: 600px;
    }
	.arr-left .arrow2 .owl-controls {
    left: -447px;
   }
   .owl-controls {
    top: 34%;
   }
   .top-c-user .arrow2 .owl-controls {
    left: -335px;
   }
}

@media (max-width: 991px) {
    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

        .navbar-collapse.collapse {
            display: none !important;
        }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .navbar-collapse.collapse.in {
        /* NEW */
        display: block !important;
    }
}

.modal-dialog label
{
    font-weight:200;
    font-size:14px;
}
.modal-dialog .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #f9f9f9;
    opacity: 1;
}
.modal-dialog .form-control {
    height: 38px;
    border-radius: 6px;
}

/******************************************** RESPONSIVE STYLE CSS END **************************************/