/* -------------------------------------
   TABLE OF CONTENTS

    01. Google Font
    02. General  Styles
    03. section background helper class
    04. Loading Screen
    05. Header
    06. Our Services
    07. Our Insurance
    08. Insurance Portfolio Single
    09. latest news
    10. Testimonial
    11. Page Title
    12. Our Agent
    13. Pages
    14. SideBar
    15. Index main service
    16. footer
    17. index three quick contact
    18. index three footer
    19. get quote popup
    20. Agent single
    21. Insurance coverage styling
    22. About Feature Boxes
    23. Coming soon
    24. Shortcode - Style A pricing Table
    25. Faq
    #Alerts

----------------------------------------------*/

/* -------------------------------------------
   1. Google Font
----------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700);

@import url(https://fonts.googleapis.com/css?family=Montserrat);

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,200);

@import url(https://fonts.googleapis.com/css?family=Raleway:900,700,600,500,400);

@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,500,700,300);

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700,600,300,800);

@font-face {
    font-family: "font-awesome";
    src: url("fonts/font-awesome/fontawesome-webfont.ttf");
    src: url("fonts/font-awesome/fontawesome-webfont.eot"),
        /* IE9 Compat Modes */
            url("fonts/font-awesome/fontawesome-webfont.woff2") format("woff2"),
        /* Super Modern Browsers */
            url("fonts/font-awesome/fontawesome-webfont.woff") format("woff"),
        /* Pretty Modern Browsers */
            url("fonts/font-awesome/fontawesome-webfont.svg") format("svg");
    /* Legacy iOS */
}

/* -------------------------------------------
   02. General  Styles
----------------------------------------------*/
/*pagination*/
/* Pagination container */
.pagination-style1 ul {
    background-color: #fff;
    list-style-type: none;
    padding: 0;
    display: flex; /* Align items horizontally */
    justify-content: center; /* Center align the pagination */
    gap: 8px; /* Space between pagination items */
}

/* Pagination links and arrows */
.pagination-style1 li,
.pagination-style1 a {
    color: #293b94;
    text-decoration: none;
}

/* Individual page item */
.pagination-style1 li {
    border: 1px solid #293b94;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
}

/* Active page */
.pagination-style1.active,
.pagination-style1.active a {
    background-color: #293b94;
    color: #fff;
}

/* Disabled pages */
.pagination-style1.disabled,
.pagination-style1.disabled a {
    opacity: 0.5;
    pointer-events: none;
}

/* Pagination arrows */
.pagination-style1 i {
    margin: 0; /* Adjust as needed to align icons vertically within buttons */
}

/* toastr css */
#toast-container > div {
    opacity: 1;
}
.toast {
    background-color: var(
        --tg-primary-color
    ) !important; /* Fully opaque light grey background */
    color: #000 !important; /* Black text */
}
.toast-success {
    background-color: #293b94 !important; /* Blue background for success notifications */
    color: white !important; /* White text for success notifications */
}

.toast-error {
    background-color: #dd3939 !important; /* Fully opaque light grey background for error notifications */
    color: white !important; /* Black text for error notifications */
}

.toast-info {
    background-color: #f0f0f0 !important; /* Fully opaque light grey background for info notifications */
    color: #000 !important; /* Black text for info notifications */
}

.toast-warning {
    background-color: #f0f0f0 !important; /* Fully opaque light grey background for warning notifications */
    color: #000 !important; /* Black text for warning notifications */
}

/*modifications*/
.padding-tb {
    padding: 30px 0 !important;
}

.jobs__search form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.jobs__search form input[submit] {
    border: none;
}
@media (min-width: 992px) {
    .jobs__search form input {
        width: calc(100% / 3 - 15px);
    }
}
.jobs__search form {
    gap: 15px;
}
.jobs__search form input {
    border: 1px solid #f2f6f9;
}
.jobs__area {
    padding: 30px;
}

.jobs__area {
    border: 1px solid #f2f6f9;
}
@media (max-width: 575px) {
    .jobs__area {
        padding-inline: 15px;
    }
}
.jobs__list,
.jobs__search form {
    display: flex;
    flex-wrap: wrap;
}

.jobs__area {
    border: 1px solid #f2f6f9;
}
@media (max-width: 575px) {
    .jobs__area {
        padding-inline: 15px;
    }
}
.jobs__search form {
    gap: 15px;
    justify-content: space-between;
}
.jobs__search form input {
    border: 1px solid #f2f6f9;
}
@media (min-width: 992px) {
    .jobs__search form input {
        width: calc(100% / 3 - 15px);
    }
}
.jobs__search form input[submit] {
    border: none;
}
.jobs__catagory {
    background-color: #f2f6f9;
    margin-block: 30px;
}
.jobs__catagory ul {
    padding: 4px;
}
.jobs__catagory ul li {
    padding: 6px 12px;
    border: 1px solid #ecf0f3;
}
@media (min-width: 992px) {
    .jobs__catagory ul li {
        border: none;
        margin: 0;
        padding: 10px 20px;
        border-right: 1px solid #ecf0f3;
    }
}
.jobs__catagory ul li input {
    padding: 8px;
    outline: none;
    box-shadow: none;
    margin-top: 2px;
    border-color: #ecf0f3;
}
.jobs__catagory ul li input:focus {
    outline: none;
    box-shadow: none;
    border-color: #ecf0f3;
}
.jobs__catagory ul li input:checked {
    background-color: #34bd6b;
    border-color: #34bd6b;
}
.jobs__lists .table tr td {
    padding: 15px;
    vertical-align: middle;
    min-width: 200px;
}
.jobs__lists .table tr td p b {
    color: #293b94;
}
.lab-btn {
    background: #293b94;
    color: white;
    border: none;
    width: 100px;
}
.lab-btn i {
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.lab-btn:hover {
    background-color: #021738;
    color: #fff;
}
.table .button {
    line-height: 42px !important;
    border: none !important;
}
.jobs__lists .table.table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: #fff;
}
.jobs__lists .table.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #f2f6f9;
    --bs-table-accent-bg: #f2f6f9;
}
.jobs__list {
    min-width: 330px;
    display: flex;
    flex-wrap: wrap;
}
.jobs__list .thumb img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.jobs__catagory ul li {
    margin: 5px;
}
.jobs__list .content {
    padding-left: 15px;
}
.jobs__list .content h5 {
    margin-bottom: 5px;
}
.jobs__lists .table tr td p {
    margin-bottom: 0px;
}
.jobs__catagory ul li input {
    margin-right: 5px;
}
.jobs__lists .table tr td {
    border: none;
}
.jobs__catagory ul li {
    display: inline-block;
}
.jobs__list {
    align-items: center;
}

/*end of modifications*/
body {
    overflow-x: hidden !important;
    line-height: 2;
    letter-spacing: 0.6px;
}

/* p {
    line-height: 2;
    letter-spacing: 0.6px;
} */

a:hover,
a:focus {
    text-decoration: none;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #b2b2b2;
}

a {
    text-decoration: none;
    color: #293b94;
    font-family: "Open Sans", sans-serif;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

b,
strong {
    font-weight: 700 !important;
}

.btn.focus,
.btn:focus,
.btn:hover {
    text-decoration: none;
}

.btn {
    background-color: #293b94;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
    padding: 8px 20px;
    text-transform: uppercase;
}

.btn:hover {
    color: #6c6868;
    background-color: #fff;
}

.btn:focus {
    color: #ffffff;
    background-color: #a6a6a6;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.h1,
h1 {
    font-size: 32px;
    font-family: Raleway, sans-serif;
}

.h2,
h2 {
    font-size: 28px;
    font-family: Raleway, sans-serif;
}

.h3,
h3 {
    font-size: 25px;
    font-family: Raleway, sans-serif;
}

.h4,
h4 {
    font-size: 22px;
    font-family: Raleway, sans-serif;
}

.h5,
h5 {
    font-size: 18px;
    font-family: Raleway, sans-serif;
}

.h6,
h6 {
    font-size: 16px;
    font-family: Raleway, sans-serif;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
input[type="file"],
select {
    display: inline-block;
    /*float             : left;*/
    padding: 10px 15px;
    border: 0;
    border: 1px solid #e2e2e2;
    background: #fff;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-family: "Open Sans", sans-serif;
    border-radius: 3px;
}

textarea {
    -webkit-font-smoothing: antialiased;
    min-height: 125px;
}

/* -------------------------------------------
   03. section background helper class
----------------------------------------------*/

.light-wrapper {
    background: #fff;
}

.whitesmoke-wrapper {
    background: #e5f3f9;
}

.whitesmoke-section {
    background: #3c3c3c;
}

.dark-section {
    background: #343434;
}

.dark-body {
    background: #343434;
}

.light-wrapper .inner {
    padding-top: 20px;
    padding-bottom: 20px;
}

#happy-customers {
    background: #293b94;
}

.Img-wrapper {
    background: url(../images/page/Img-wrapper.html) top center;
    border: none;
}
.ceo_message {
    background: #f8f5f5 !important;
    padding: 60px 0;
}
.ceo_message .title-section {
    margin-bottom: 15px;
}
.chairman_area {
    position: relative;
    display: block;
    background: #fff;
    padding: 51px 30px 60px 50px;
    border-radius: 20px;
}

.ceo_message .image-box img {
    height: 70px;
    border-radius: 50%;
    width: 70px;
    object-fit: cover;
    object-position: top;
}
.ceo_message .person-info h5 {
    margin: 0;
}
.ceo_message .bottom-info {
    display: flex;
    gap: 15px;
    align-items: center;
}
.chairman-content {
    padding: 30px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.chairman-content a {
    text-decoration: none;
    margin-top: 10px;
}
.color-wrapper {
    background: #293b94;
    border: none;
}

.black-wrapper {
    background: #2c2c2c;
    color: #cacaca;
    float: left;
    display: block;
    width: 100%;
}

/*   02 - Background Parallax      */

.parallax {
    background-attachment: fixed !important;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
    color: #d9d9d9;
}

.call-to-action-parallax {
    background-image: url(../images/parallax/parallax1.html) !important;
    position: relative;
}

.wrapper-black {
    background-color: rgba(0, 0, 0, 0.85);
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    overflow: auto;
    opacity: 1;
}

.color-overlay {
    background-color: rgba(0, 0, 0, 0.25);
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    overflow: auto;
    opacity: 1;
}

/* -------------------------------------------
   04. Loading Screen
----------------------------------------------*/

.loading-overlay {
    background: #fff;
    color: #424242;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 111111;
}

.loader {
    margin: 20% auto;
    font-size: 6px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(194, 193, 193, 0.5);
    border-right: 1.1em solid rgba(199, 197, 197, 0.5);
    border-bottom: 1.1em solid rgba(203, 203, 203, 0.5);
    border-left: 1em solid #293b94;
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#to-top {
    position: fixed;
    right: 10px;
    bottom: -100px;
    overflow: auto;
    padding: 12px 14px 14px;
    font-size: 18px;
    line-height: 10px;
    cursor: pointer;
    background-color: #ed1c24;
    border-radius: 3px;
    color: #fff;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    z-index: 1111;
}

#to-top span {
    color: #fff;
}

/* -------------------------------------------
   05. Header
----------------------------------------------*/

.transparent-header {
    background-color: transparent;
    height: 94px;
}

.transparent-header + section {
    margin-top: -94px;
    /*padding-top:210px;*/
}

.transparent-header .navbar {
    background-color: transparent;
    height: 94px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.navbar {
    margin-bottom: 0;
    z-index: 1030;
}

.navbar.affix {
    background-color: rgba(0, 0, 0, 0.7);
    padding-top: 0;
}

/* .navbar .logo {
    height     : 94px;
    line-height: 88px;
} */

.logo img {
    height: 55px;
}

.navbar-nav {
    margin-right: 0px;
    float: none;
    text-align: right;
}

.navbar-nav > li {
    margin-right: 20px;
    display: inline-block;
    height: 80px;
    float: none;
}

.navbar-header {
    padding: 10px 0;
}

.navbar-nav li a {
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    text-transform: capitalize;
    font-weight: 600;
}

.navbar-nav > li > a {
    /* color: #fff;
    line-height: 20px; */
    padding: 28px 0;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: transparent;
    border: none;
}

.navbar-nav > li.active {
    border-bottom: 5px solid #ed1c24;
    border-radius: 2px 2px 0px 0px;
}

.navbar-nav > li.active > ul {
    margin-top: 0;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    background-color: transparent;
}

.margin-right-zero {
    margin-right: 0 !important;
}

/* Menu Level #1 */
.navbar-nav > li:after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 5px;
    background: #ed1c24;
    border-radius: 2px 2px 0px 0px;
    content: "";
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
}

.navbar-nav > li:hover::after {
    height: 5px;
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    margin-top: -6px;
}

.navbar-nav > li.active:hover::after {
    opacity: 0;
}

.module {
    display: inline-block;
    position: relative;
}

.module span.title {
    display: none;
}

/* Header #2 */
.full-header {
    height: 125px;
    background-color: #fff;
    border-bottom: 1px solid rgba(49, 49, 49, 0.1);
    box-shadow: 0 2px 3px rgba(39, 41, 48, 0.03);
    -moz-box-shadow: 0 2px 3px rgba(39, 41, 48, 0.03);
    -webkit-box-shadow: 0 2px 3px rgba(39, 41, 48, 0.03);
}

.top-bar {
    background: var(--unnamed-color-293b94) 0% 0% no-repeat padding-box;
    background: #293b94 0% 0% no-repeat padding-box;
    opacity: 1;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid rgba(49, 49, 49, 0.1);
}

.top-bar .list-inline > li {
    padding-left: 0;
    padding-right: 0;
}

.top-bar ul,
.top-bar p {
    margin-top: 0px;
    margin-bottom: 0;
    text-align: center;
}

.top-bar .top-contact p {
    font-size: 13px;
    font-weight: 500;
    line-height: 30px;
    color: #5a5a5a;
    margin-right: 15px;
}

.top-bar .top-contact span {
    color: #9e9e9e;
}

.top-bar ul.top-contact li a {
    border-right: 2px solid rgb(255 255 255);
    padding-right: 15px;
    padding-left: 15px;
}

.top-bar ul.top-contact li a {
    color: #fff;
}

.top-bar ul.top-contact li a .svg-inline--fa {
    color: #ed1c24 !important;
}

.top-bar ul.top-contact li:first-child a {
    padding-left: 0;
}

.top-bar ul.top-contact li:last-child a {
    border-right: none;
    padding-right: 0;
}

.top-bar ul.top-widget li {
    border-left: 1px solid rgba(49, 49, 49, 0.1);
}

.top-bar ul.top-widget li a {
    color: #fff;
}

.top-bar ul.top-widget li:first-child {
    padding-right: 15px;
    padding-left: 0;
    border-left: none;
}

.top-bar ul.top-widget li:last-child {
    border-right: none;
    padding-left: 15px;
}

.top-bar ul.top-widget .top-social {
    padding-right: 0;
    padding-left: 0;
    text-align: center;
}

.top-bar ul.top-widget .top-social a i {
    border-right: 1px solid rgba(49, 49, 49, 0.1);
    color: #9e9e9e;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    padding-left: 18px;
    padding-right: 18px;
}

.top-bar ul.top-widget .top-social a:hover i {
    color: #293b94;
}

.top-bar ul.top-widget .top-social a:last-child i {
    border-right: none;
}

.top-bar .button-quote {
    background-color: #293b94;
    color: #fff;
    font-family: "Raleway", sans-serif;
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 10px 9px;
    margin-left: 10px;
}

.top-bar .button-quote:hover {
    background-color: #2f2f2f;
}

.full-header .navbar-fixed-top {
    top: 49px;
    height: 94px;
}

.full-header .navbar-nav > li > a {
    color: #313131;
}

.full-header .navbar-nav > li > a:hover,
.full-header .navbar-nav > li > a:focus,
.full-header .navbar-nav .active {
    color: #293b94;
}

.nav-right-phone {
    margin: 0px 0px 0px 26px;
}

.nav-right-phone p a {
    color: #313131;
    line-height: 94px;
    font-weight: 600;
}

.nav-right-phone img {
    height: 22px;
}

.modal-body {
    padding: 30px 50px 50px;
    overflow-y: scroll;
    max-height: 600px;
}

@media only screen and (min-width: 1333px) {
    /* Menu with Dropdown */
    .navbar-nav > li.has-dropdown > ul.dropdown-menu,
    .navbar-nav > li.has-dropdown > ul.mega-menu,
    li.dropdown-submenu > ul.mega-menu {
        background-color: #fff;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        transform: translateY(10%);
        -webkit-transform: translateY(10%);
        -moz-transform: translateY(10%);
        -o-transform: translateY(10%);
        -ms-transform: translateY(10%);
        opacity: 0;
        position: absolute;
        left: 0;
        right: auto;
        box-shadow: 0 2px 3px rgba(40, 40, 40, 0.12);
        -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.12);
        -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.12);
        border: none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        display: block;
        visibility: hidden;
    }

    .navbar-nav > li.has-dropdown > ul.dropdown-menu {
        width: auto;
        padding: 16px 30px;
    }

    .navbar-nav > li.has-dropdown > ul.mega-menu,
    li.dropdown-submenu > ul.mega-menu {
        width: 460px !important;
        padding: 16px 30px;
    }

    li.has-dropdown:hover > ul.dropdown-menu,
    li.has-dropdown:hover > ul.mega-menu,
    li.dropdown-submenu:hover > ul.mega-menu {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        opacity: 1;
        display: block;
        visibility: visible;
    }

    ul.dropdown-menu > li,
    ul.mega-menu > li {
        padding-right: 0;
        height: 39px;
        line-height: 39px;
        position: relative;
        vertical-align: top;
    }

    ul.mega-menu > li {
        width: 190px !important;
        height: auto;
        overflow: hidden;
        display: inline-block;
    }

    ul.mega-menu > li:first-child {
        margin-right: 15px;
    }

    ul.mega-menu > li > ul {
        width: 190px;
        list-style: none;
        background-color: #fff;
        padding-left: 0;
        position: relative !important;
        left: auto !important;
    }

    ul.mega-menu li ul li {
        height: 39px;
        line-height: 39px;
    }

    ul.dropdown-menu li a,
    ul.mega-menu li ul li a {
        line-height: 39px;
        color: #5e5e5e;
        padding: 0;
        border-bottom: 1px solid #ececec;
        display: block;
    }

    ul.mega-menu li ul li span {
        color: #293b94;
        padding: 0;
        display: block;
        font-size: 13px;
        line-height: 39px;
        text-transform: uppercase;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
    }

    ul.dropdown-menu li:last-child > a {
        border-bottom: none;
    }

    ul.dropdown-menu li > a:hover,
    ul.dropdown-menu li > a:focus,
    ul.mega-menu li a:hover,
    ul.mega-menu li a:focus {
        background-color: transparent;
        color: #293b94;
    }

    ul.dropdown-menu.left {
        left: -220px !important;
        margin-left: 0 !important;
    }

    ul.mega-menu.left {
        left: -520px !important;
    }

    /* Menu Level #2 */
    li.has-dropdown > ul.dropdown-menu > li.dropdown-submenu > a:after {
        font-family: fontawesome;
        content: "\f105";
        font-size: 13px;
        position: absolute;
        right: 0;
    }

    li.has-dropdown > ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu,
    li.dropdown-submenu > ul.mega-menu {
        background-color: #fff;
        padding: 16px 30px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        transform: translateX(10%);
        -webkit-transform: translateX(10%);
        -moz-transform: translateX(10%);
        -o-transform: translateX(10%);
        -ms-transform: translateX(10%);
        opacity: 0;
        display: block;
        position: absolute;
        left: 100%;
        right: auto;
        top: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        border: none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        margin-left: 30px;
        z-index: 1;
    }

    li.has-dropdown
        > ul.dropdown-menu
        > li.dropdown-submenu:hover
        > ul.dropdown-menu {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
        z-index: 3;
    }

    li.dropdown-submenu.pull-left > ul.dropdown-menu {
        left: auto;
        right: 0;
        margin-right: 0;
    }
}

/* Module POPUP */
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
    padding-right: 17px;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden;
}

.modal-dialog {
    margin-top: 40px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.modal-content {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #f9f9f9;
    box-shadow: 0 2px 3px rgba(40, 40, 40, 0.12);
    -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.12);
    -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.12);
    border: none;
}

.modal-body {
    padding: 30px 50px 50px;
}

.modal-body form {
    margin-bottom: 0;
}

.modal-body .form-control {
    margin-bottom: 20px;
}

.modal-body .btn {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}

.modal-header .close {
    position: absolute;
    font-size: 24px;
    top: -24px;
    right: 0;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
}

.modal-header {
    border-bottom: none;
    background-color: #293b94;
    padding: 17px;
}

.modal-header .model-icon {
    position: absolute;
}

.modal-header .model-title {
    text-align: left;
    padding-left: 80px;
    position: relative;
}

.modal-header .model-divider {
    position: relative;
}

.modal-header .model-divider:before {
    content: "";
    width: 2px;
    height: 23px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 55px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.modal-header .model-title p {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.modal-header .model-title h6 {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1px;
    text-transform: uppercase;
}

/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .form-input input,
    .form-input textarea {
        margin-bottom: 0px !important;
    }

    .navbar-nav {
        margin: 0;
        text-align: left;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    #template-footer .section-title {
        padding-top: 20px;
    }

    .navbar-toggle {
        border-color: #293b94;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        margin-top: 8px;
    }

    .full-header {
        height: 70px;
    }

    #template-footer {
        padding: 50px 15px 15px 15px !important;
    }

    .navbar-toggle .icon-bar {
        background-color: #293b94;
    }

    .navbar-header {
        margin-left: 0;
    }

    .navbar-collapse {
        width: 100%;
        background-color: #293b94;
        margin-right: 0;
        padding: 20px;
    }

    .navbar-nav > li {
        display: block;
        height: auto !important;
        margin-right: 0;
    }

    .navbar-nav > li.pull-left {
        float: none !important;
    }

    .navbar-nav > li > a {
        line-height: 36px;
        color: #fff;
        padding: 0;
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-nav > li:after {
        display: none;
    }

    .navbar-nav > li.active {
        border-bottom: none;
    }

    .navbar-nav > li.has-dropdown > ul.dropdown-menu,
    ul.mega-menu {
        background-color: transparent;
        position: relative;
        padding-left: 0;
    }

    .navbar-nav > li.has-dropdown > a:after,
    li.dropdown-submenu > a:after {
        font-family: fontawesome;
        content: "\f105";
        font-size: 13px;
        position: absolute;
        right: 0;
    }

    .navbar-nav > li.has-dropdown.open > a,
    .navbar-nav > li.has-dropdown.open > a:hover,
    .navbar-nav > li.has-dropdown.open > a:focus {
        background-color: transparent;
        border: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    li.open a,
    li.open a:hover,
    li.open a:focus {
        color: #fff;
        line-height: 21px;
    }

    li.dropdown-submenu.open > ul > li > a {
        padding-left: 50px !important;
    }

    .navbar-nav > li.has-dropdown.open > a:after,
    .navbar-nav > li.has-dropdown.open > a:hover:after,
    .navbar-nav > li.has-dropdown.open > a:focus:after,
    li.dropdown-submenu.open > a:after,
    li.dropdown-submenu.open > a:hover:after,
    li.dropdown-submenu.open > a:focus:after {
        font-family: fontawesome;
        content: "\f107";
        font-size: 13px;
        position: absolute;
        right: 0;
    }

    li.dropdown-submenu > a:after,
    li.dropdown-submenu.open > a:hover:after,
    li.dropdown-submenu.open > a:focus:after {
        right: 10px;
    }

    .nav > li > a:hover,
    .nav > li > a:focus,
    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus,
    .mega-menu li a:hover,
    .mega-menu li a:focus {
        background-color: transparent;
    }

    .dropdown-menu > li > a,
    .mega-menu > li > a {
        color: #fff;
    }

    .mega-menu ul {
        list-style: none;
        padding-left: 25px;
    }

    .mega-menu ul li {
        padding-top: 5px;
    }

    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus,
    .mega-menu li a:hover,
    .mega-menu li a:focus {
        color: #fff;
    }

    ul.mega-menu {
        list-style: none;
        display: none;
    }

    .has-dropdown.open > .mega-menu,
    .dropdown-submenu.open > .mega-menu {
        display: block;
    }

    .dropdown-submenu.open > .mega-menu ul {
        padding-left: 50px;
    }

    .module {
        display: block;
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .module span.title {
        display: inline-block;
        color: #fff;
        font-size: 13px;
        font-family: "Montserrat", sans-serif;
        text-transform: uppercase;
    }

    /* Header #2 */
    .full-header .top-bar .top-contact p {
        font-size: 11px;
    }

    .full-header .text-right {
        text-align: center !important;
    }

    .top-bar ul.top-widget .top-social:first-child {
        border-left: none;
    }

    .top-bar ul.top-widget .top-social a i {
        padding-right: 10px;
        padding-left: 10px;
    }

    .full-header .navbar-nav > li > a,
    .full-header .module-search .search-icon i,
    .full-header .module-cart .cart-icon {
        color: #fff !important;
    }

    .full-header .navbar-header {
        margin-left: 15px;
        margin-right: 0;
    }

    .full-header .list-inline {
        margin-left: 0;
    }

    .full-header .top-bar .button-quote {
        margin-left: 15px;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) and (max-width: 1335px) {
    .navbar-header {
        float: none !important;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }

    .navbar-toggle {
        border-color: #293b94;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        margin-top: 8px;
        display: block;
        float: right;
    }

    .logo img {
        height: 62px;
        line-height: 80px;
        float: left;
        /* margin-top: -20px; */
    }

    .news-footer > li > a img {
        width: 72px !important;
        height: auto !important;
        float: left !important;
        margin: 5px 15px 15px 0 !important;
        max-width: 75px !important;
    }

    .navbar-toggle .icon-bar {
        background-color: #293b94;
    }

    .navbar-fixed-top .navbar-collapse {
        overflow: scroll !important;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .collapse.in {
        display: block !important;
    }

    .navbar-nav {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        text-align: right;
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-collapse {
        width: 100%;
        background-color: #293b94 !important;
        margin-right: 0;
    }

    .navbar-nav > li {
        height: auto !important;
        margin-right: 0;
    }

    .affix .navbar-nav > li {
        height: auto !important;
    }

    .navbar-nav > li.pull-left {
        float: none !important;
    }

    .navbar-nav > li > a {
        line-height: 36px !important;
        color: #fff !important;
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-nav > li:after {
        display: none;
    }

    .navbar-nav > li.active {
        border-bottom: none;
    }

    .navbar-nav .dropdown-menu {
        background-color: transparent;
        position: relative;
        width: 100%;
        border: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    .navbar-nav > li.has-dropdown > a:after,
    .navbar-nav > li.has-dropdown > a:after,
    li.dropdown-submenu > a:after {
        font-family: fontawesome;
        content: "\f105";
        font-size: 13px;
        position: absolute;
        right: 0;
    }

    .navbar-nav > li.has-dropdown.open > a,
    .navbar-nav > li.has-dropdown.open > a:hover,
    .navbar-nav > li.has-dropdown.open > a:focus {
        background-color: transparent;
        border: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    li.dropdown-submenu.open > a,
    li a:hover,
    li.open > a:focus,
    .mega-menu > li > a {
        color: #fff;
    }

    li.dropdown-submenu.open > ul > li > a {
        padding-left: 50px !important;
    }

    .navbar-nav > li.has-dropdown.open > a:after,
    .navbar-nav > li.has-dropdown.open > a:hover:after,
    .navbar-nav > li.has-dropdown.open > a:focus:after,
    li.dropdown-submenu.open > a:after,
    li.dropdown-submenu.open > a:hover:after,
    li.dropdown-submenu.open > a:focus:after {
        font-family: fontawesome;
        content: "\f107";
        font-size: 13px;
        position: absolute;
        right: 0px;
    }

    li.dropdown-submenu > a:after,
    li.dropdown-submenu.open > a:hover:after,
    li.dropdown-submenu.open > a:focus:after {
        right: 10px;
    }

    .nav > li > a:hover,
    .nav > li > a:focus,
    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus {
        background-color: transparent;
    }

    .dropdown-menu > li > a,
    .mega-menu a {
        color: #fff;
    }

    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus {
        color: #fff;
    }

    .mega-menu ul {
        list-style: none;
        padding-left: 0;
    }

    .mega-menu ul li {
        padding-top: 5px;
    }

    .mega-menu ul ul {
        padding-left: 0;
    }

    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus,
    .mega-menu li a:hover,
    .mega-menu li a:focus {
        color: #fff;
    }

    ul.mega-menu {
        list-style: none;
        display: none;
    }

    .has-dropdown.open > .mega-menu,
    .dropdown-submenu.open > .mega-menu {
        display: block;
        padding-left: 25px;
    }

    .dropdown-submenu.open > .mega-menu ul {
        padding-left: 25px;
    }

    .module {
        display: block;
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding: 5px 15px;
    }

    .module span.title {
        display: inline-block;
        color: #fff;
        font-size: 13px;
        font-family: "Montserrat", sans-serif;
        text-transform: uppercase;
    }

    /* Header #2 */
    .full-header .top-bar .top-contact p {
        font-size: 11px;
    }

    .top-bar ul.top-widget .top-social a i {
        padding-right: 10px;
        padding-left: 10px;
    }
}

html
    body
    .financial__section
    .contents
    .reporttable
    .buttons-html5.buttons-pdf {
    background: #293b94 url(../images/pdf.png) 10px/24px 24px no-repeat;
}

html body .financial__section .contents .reporttable .buttons-html5 {
    padding-left: 40px;
}

html
    body
    .financial__section
    .contents
    .reporttable
    .buttons-html5.buttons-excel {
    background: #293b94 url(../images/excel.png) 4px/32px 32px no-repeat;
}

/* -------------------------------------------
   06. Our Services
----------------------------------------------*/

.title-section p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    font-family: "Raleway", sans-serif;
}

.title-section p:after {
    width: 30px;
    height: 2px;
    content: "";
    background: #293b94;
    display: inline-block;
    -webkit-transform: translate(20px, -6px);
    -ms-transform: translate(20px, -6px);
    -o-transform: translate(20px, -6px);
    transform: translate(20px, -6px);
}

.title-section h3 {
    margin: 6px 0 0 0;
    padding: 0;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.title-section h4 {
    margin: 6px 0 0 0;
    padding: 0;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.description-welcome p {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    text-align: justify;
    width: 90%;
    line-height: 37px;
    display: inline-block;
    margin-top: 15px;
    background: #ffffff54;
}

.ml-01 {
    margin-left: -15px;
}

.description-welcome .read-more {
    margin-top: 25px;
}

.description-welcome .read-more a {
    border: 1px solid #e6e6e6;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    padding: 12px 32px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.description-welcome .read-more a:hover {
    background: #293b94;
    color: #ffffff;
    border: 1px solid #293b94;
}

.welcome-Block {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    color: #000000;
    text-align: center;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.wight-text,
.wight-text h4 {
    color: #fff !important;
}

.welcome-Block:hover .Top-welcome {
    opacity: 0;
}

.welcome-Block:hover .Top-welcome h4,
.welcome-Block:hover .Top-welcome i {
    z-index: 0;
    position: relative;
}

.Top-welcome {
    padding: 85px 0 90px 0;
    -webkit-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.Top-welcome i {
    font-size: 32px;
    margin-bottom: 20px;
    display: block;
    z-index: 11;
    position: relative;
}

.Top-welcome h4 {
    font-weight: 500;
    font-size: 24px;
    color: #1b1a1a;
    z-index: 1;
    position: relative;
}

.Top-welcome img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -moz-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -ms-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -o-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
}

.service-black {
    background-color: rgba(0, 0, 0, 0.74);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    overflow: auto;
    opacity: 1;
    z-index: 1;
}

.img-opacity img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -moz-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -ms-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -o-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
}

.welcome-Block:hover .img-opacity img {
    opacity: 1;
    -webkit-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -moz-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -ms-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -o-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
}

.welcome-Block:hover .img-opacity {
    opacity: 1;
}

.hover-welcome {
    opacity: 0;
    background: #293b94;
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -moz-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -ms-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -o-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    padding: 17% 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.welcome-Block:hover .hover-welcome {
    opacity: 1;
    bottom: 0;
}

.hover-welcome p {
    font-size: 13px;
    color: #ffffff;
}

.hover-welcome a {
    background: #ffffff;
    color: #000000;
    margin-top: 15px;
    font-size: 12px;
    font-family: "Open Sans";
    padding: 5px 12px;
}

.hover-welcome a:hover {
    background: #f3f3f3;
    color: #333;
}

.home-call-to-action {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #666666;
    font-family: "Raleway", sans-serif;
    padding: 30px;
    border: 1px solid #e5e5e5;
    -moz-border-radius: 1px;
    -webkit--moz-border-radius: 1px;
    -o-moz-border-radius: 1px;
    margin-top: 50px;
    background-color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.home-call-to-action .btn:hover {
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
}

.home-call-to-action a {
    float: right;
    margin: 5px 0 0 20px;
    padding: 8px 38px;
}

.home-call-to-action p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #333;
    margin-bottom: 0;
}

.parallax-call-to-action {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #666666;
    padding: 25px 30px;
    border: 1px solid rgba(229, 229, 229, 0.2);
    -moz-border-radius: 1px;
    -webkit--moz-border-radius: 1px;
    -o-moz-border-radius: 1px;
    margin: 0 0 0;
    background: transparent;
}

.parallax-call-to-action a {
    float: right;
    padding: 8px 38px;
    margin: 5px 0px 0px 20px;
    background: #293b94;
}

.parallax-call-to-action a:hover {
    color: #293b94;
    background: #fff;
}

.parallax-call-to-action p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #fff;
    font-family: "Raleway", sans-serif;
    margin-bottom: 0;
}

.color-call {
    border: 1px Solid #fff;
}

.color-call a {
    background: #404040;
}

.light-call {
    border: 1px solid #e5e5e5;
}

.light-call p {
    color: #666666;
}

.light-call a {
    background: #404040;
}

.welcome_wrapper .number {
    color: #f2f2f2;
    font-size: 100px;
    line-height: 58px;
    font-weight: 700;
    margin: 0 0 -37px 0;
}

.welcome_wrapper h5 {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    margin: 10px 0 10px;
    color: #373636;
    text-transform: uppercase;
}

.welcome_wrapper p {
    margin: 0 0 20px;
    font-size: 13px;
    color: #000;
    line-height: 37px;
}

.welcome_wrapper a {
    color: #404040;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
}

.welcome_wrapper a:hover {
    color: #293b94;
}

.none-padding {
    padding: 0 !important;
    margin: 0 !important;
}

.services-block-img {
    overflow: hidden;
    position: relative;
}

.block-services {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    padding: 90px 0px;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.services-block-img img {
    width: 100%;
}

.block-services h4 a {
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 20px;
}

.block-services i {
    font-size: 64px;
    line-height: 64px;
    color: #fff;
}

.block-services p {
    color: #ffffff;
    font-size: 13px;
    font-family: Open Sans, sans-serif;
    opacity: 0;
}

.services-block-img:hover .block-services p {
    opacity: 1;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.services-block-img:hover .block-services {
    padding: 63px 0px;
    background: rgba(5, 174, 243, 0.8) !important;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.service_wrapper {
    border: 1px solid #e5e5e5;
    padding: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    margin-bottom: 30px;
}

.title-service {
    display: table;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}

.title-service h3 {
    margin-bottom: 0;
}

.title-service h3 a {
    color: #000000;
    font-size: 24px;
    line-height: normal;
    display: block;
    font-weight: 500;
    position: relative;
    font-family: "Raleway", sans-serif;
}

.title-service h3:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #000000;
    position: absolute;
    left: 0;
    top: 0;
}

.service-style-2 .title-service h3:before {
    display: none;
}

.service-style-2 .title-service i {
    left: 0;
}

.service-style-2 .title-service h3 {
    margin-top: 70px;
}

.service-style-2 p {
    margin-bottom: 0 !important;
}

.title-service i {
    width: 52px;
    height: 52px;
    text-align: center;
    line-height: 52px;
    background: #f6f6f6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: 32px;
    color: #000000;
    position: absolute;
    top: 0px;
    right: 0;
}

.service_wrapper p {
    margin-bottom: 20px;
    font-family: Open Sans, sans-serif;
    font-size: 13px;
    color: #a6a6a6;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.service_wrapper a.btn {
    background: #404040;
    color: #ffffff;
    padding: 5px 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    font-family: "Open Sans";
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.service_wrapper:hover a.btn {
    background: #000;
}

.service_wrapper:hover p {
    color: #fff;
}

.service_wrapper:hover {
    border: 1px Solid #293b94;
    background: #293b94;
}

.features-box .col-md-6:nth-child(2) {
    margin-bottom: 30px;
}
.prodcut-breadcum-img {
    margin: 40px 0;
}
.prodcut-breadcum-img img {
    border-radius: 40px;
}

/* -------------------------------------------
   07. Our Insurance
----------------------------------------------*/

.portfolio-items {
    display: inline-block;
    overflow: hidden;
    width: 100%;
}

ul#filters {
    text-align: center;
}

ul#filters li {
    display: inline-block;
}

ul#filters li a {
    color: #666666;
    cursor: pointer;
    position: relative;
    z-index: 2;
    padding: 1px 10px;
    border: none;
    line-height: 24px;
    font-size: 13px;
    font-weight: 700;
    font-family: "Ubuntu", sans-serif;
    display: inline-block;
    text-transform: uppercase;
}

ul#filters li a:before {
    content: "";
    width: 5px;
    height: 5px;
    vertical-align: middle;
    background: transparent;
    display: inline-block;
    margin-right: 4px;
}

ul#filters li.active-link a {
    color: #293b94;
}

ul#filters li.active-link a:before {
    content: "";
    width: 5px;
    height: 5px;
    vertical-align: middle;
    background: #293b94;
    display: inline-block;
    margin-right: 4px;
}

.portfolio-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 0 15px;
}

.projectItem {
    position: relative;
    overflow: hidden;
}

.projectItem img {
    width: 100%;
}

.projectItem-hover {
    position: absolute;
    top: 0;
    padding: 10px;
    width: 100%;
    text-align: center;
    background: rgba(64, 64, 64, 0.95);
    height: 100%;
    display: none;
}

.projectItem-co {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.Bootom-ProjectItem h2 {
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 700;
    margin: 25px 0 20px 0;
    text-align: center;
    clear: both;
    background-color: rgba(255, 255, 255, 0);
    position: relative;
    font-family: "Raleway";
    text-transform: uppercase;
}

.line-grid {
    background-color: #a6a6a6;
    bottom: 0;
    top: 7px;
    content: " ";
    height: 3px;
    left: 50%;
    margin-left: -10px;
    position: relative;
    width: 20px;
}

.Bootom-ProjectItem a {
    font-size: 13px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 300;
    padding: 5px 15px 5px 15px;
    border-radius: 2px 2px 2px 2px;
    /*background-color: rgb(250, 191, 9) !important;*/
    background-color: #293b94;
}

.Bootom-ProjectItem a:hover {
    color: #ffffff;
    background-color: rgba(166, 166, 166, 1) !important;
}

.Top-ProjectItem p,
.Top-ProjectItem p a {
    font-size: 12px;
    line-height: 22px;
    color: #a6a6a6;
    font-weight: 400;
    padding: 0;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0);
    z-index: 2 !important;
    font-family: "Open Sans";
    text-transform: capitalize;
}

.Top-ProjectItem p a:hover {
    color: #293b94;
}

.fancybox-margin {
    margin-right: 0 !important;
}

#latestnews .pagination {
    margin-bottom: 20px;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    border-radius: 4px;
}

.pagination-style1 span {
    color: #666666;
    background: #f6f6f6;
    font-family: "Ubuntu", sans-serif;
    font-weight: bold;
    border: none;
    width: 42px;
    height: 42px;
    display: inline-block;
    line-height: 42px;
    margin: 0px 2px 0;
    padding: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: 20px;
    cursor: pointer;
}

.pagination-style1 i {
    color: #666666;
    background: #f6f6f6;
    font-weight: bold;
    border: none;
    width: 42px;
    height: 42px;
    display: inline-block;
    line-height: 42px;
    margin: 0px 2px 0;
    padding: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: 20px;
    cursor: pointer;
}

.pagination-style1 span:hover,
.pagination-style1 i:hover {
    background: #293b94;
    color: #fff;
}

.pagination-style1 span.active {
    background: #293b94;
    color: #fff;
}

/* -------------------------------------------
   08. Insurance Portfolio Single
----------------------------------------------*/

section#portfolio-post .col-md-9 {
    padding-left: 0;
}

section#portfolio-post .col-md-3 {
    padding-right: 0;
}

.line-break {
    border-bottom: 2px Solid #c1c1c1;
    width: 30px;
    display: inline-block;
    margin-top: 12px;
}

.Top-Title-Page h3 {
    color: #373636;
    font-size: 17px;
    margin-top: 0;
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.content-single-page {
    margin-top: 20px;
    background: #f6f6f6;
    padding: 30px;
    display: inline-block;
    width: 100%;
}

.content-single-page p {
    font-size: 13px;
    color: #777777;
    font-family: "Open Sans", sans-serif;
    line-height: 22px;
}

.Data-Post ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

.Data-Post ul li p {
    margin: 0;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    color: #666666;
}

.Data-Post ul li span {
    font-size: 13px;
    font-weight: 400;
    color: #b2b2b2;
}

.Navigation-page {
    display: inline-block;
    width: 100%;
    margin-top: 50px;
}

.Navigation-page a {
    background: #293b94;
    color: #fff;
    padding: 10px 20px;
    border-radius: 3px;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.Navigation-page a p {
    display: inline-block;
    margin-bottom: 0;
    color: #fff;
}

.Navigation-page a i {
    font-size: 17px;
    margin-right: 15px;
    line-height: 22px;
}

.Navigation-page a.next {
    float: right;
    width: 45px;
    height: 45px;
    color: #000;
    background: #f6f6f6;
    overflow: hidden;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: relative;
}

.Navigation-page a.Previous {
    float: left;
}

.Navigation-page a:hover p {
    opacity: 1 !important;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.4s ease-out;
}

.Navigation-page a:hover {
    background: #293b94;
    color: #fff;
    width: 159.5px;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.Navigation-page a.next p {
    position: absolute;
    top: 10px;
    width: 60%;
    opacity: 0;
    color: #fff;
    text-align: center;
}

/* ----------  Accordions style1 ------------- */

.accordions-style1 {
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 0 20px;
    float: left;
    width: 100%;
}

.accordions-style1 p {
    line-height: 22px !important;
}

.section-content {
    border-top: 1px solid #e5e5e5;
}

.section-content:first-child {
    border-top: none;
}

h4.tap-title a {
    font-family: "Ubuntu";
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    padding: 0;
    line-height: 22px;
    display: inline-block;
    width: 100%;
    border-left: none;
    border-bottom: none;
    border-right: none;
    color: #373636;
    background: none;
}

h4.tap-title a i {
    position: relative;
    float: right;
    margin-top: 5px;
    font-size: 12px;
    color: #293b94;
}

.accordions .tap-inner {
    margin: 0;
}

.section-content {
    float: left;
    width: 100%;
}

h4.tap-title {
    float: left;
    width: 100%;
    display: flex;
    margin-top: 15px;
    margin-bottom: 15px;
}

.tap-inner {
    margin-top: 10px;
    margin-bottom: 20px;
    float: left;
}

.tap-inner p {
    border: none;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    line-height: 21px;
    color: #333;
    margin-bottom: 0;
    margin-top: -5px;
}

.tap-inner img {
    width: 44%;
    float: left;
    margin-right: 20px;
    display: inline-block;
}

/* -------------------------------------------
   09. latest news
----------------------------------------------*/

.blog-list .post-date {
    position: absolute;
    top: 0;
    list-style: none;
    /* margin : 0 0; */
    text-align: center;
}

.blog-list .post-date li span {
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    line-height: 2;
}

.blog-list .post-date li {
    display: block;
    background: #293b94d9;
    padding: 4px 12px 4px;
    box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.05);
}

.blog-info-post {
    padding: 20px 20px 20px;
}

.blog-list .post-date li.month {
    background: #fff;
    font-size: 12px;
    font-weight: 600;
    color: #222;
    padding: 3px 14px 2px;
    line-height: 2;
    text-transform: uppercase;
}

.latestnews .item-post {
    border: 1px solid #e5e5e5;
    background: #ffffff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 30px;
}

.blog-standard .item-post {
    margin: 0;
}

.latestnews .item-post .img-post {
    position: initial;
}

.latestnews .item-post img {
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -ms-border-radius: 2px 2px 0 0;
    -o-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}

#latestnews {
    padding-top: 60px;
}

.latestnews .item-post .icon-post-type {
    background: #373636;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    font-size: 18px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #ffffff;
    text-align: center;
    position: absolute;
    bottom: -25px;
    left: 20px;
    display: none;
}

.latestnews .item-post .info-post {
    padding: 5px 20px 17px;
    margin-top: -142px;
    position: relative;
    background: #293b9494;
}

.latestnews .item-post .info-post h5 {
    padding: 15px 0 15px 0;
    margin: 0;
}

.latestnews .item-post .info-post h5 a {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 22px;
    color: #373636;
    display: inline-block;
    font-size: 17px;
}

.latestnews .item-post .info-post h5 a:hover {
    color: #373636;
}

.blog-standard {
    margin-bottom: 50px;
    display: inline-block;
    width: 100%;
}

.blog-standard .item-post .info-post h5 {
    padding: 20px 0px 10px 0px;
    margin: 0;
}

.blog-standard .item-post .info-post h5 a {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 22px;
    color: #fff;
    display: inline-block;
    font-size: 25px;
}

.latestnews .meta-post {
    border: 1px solid #fff;
    font-family: "Ubuntu", sans-serif;
    font-size: 12px;
    color: #fff;
    line-height: 28px;
    margin-bottom: 15px !important;
}

.blog-meta-post {
    color: #000;
}

.info-blog {
    padding: 20px 20px 20px;
}

.blog-meta-post li {
    border-right: 1px solid #e5e5e5;
    padding: 0 8px;
    display: inline-block;
    list-style: none;
}

.latestnews .meta-post a {
    font-family: "Ubuntu", sans-serif;
    font-size: 12px;
    line-height: 28px;
}

.latestnews .meta-post li {
    border-right: 1px solid #e5e5e5;
    padding: 0 8px;
    display: inline-block;
    list-style: none;
}

.latestnews .meta-post li span.date {
    color: #fff;
    font-size: 12px;
    font-family: "Ubuntu", sans-serif;
    line-height: 28px;
}

.latestnews .meta-post li:last-child {
    border-right: none;
}

.latestnews .info-post p {
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 0;
}

.blog-standard .meta-post {
    border: none;
}

.img-post a.fancybox-media {
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
    opacity: 0;
    top: 24%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.img-post a .fancybox-media i {
    background: #293b94d9;
    font-size: 21px;
    line-height: 40px;
    border-radius: 5px;
    padding: 5px 30px;
    text-align: center;
    color: #fff;
}

.img-post:hover a.fancybox-media {
    opacity: 1;
}

.blog-standard .owl-pagination {
    display: none;
}

ul.news-footer li {
    display: inline-block;
    width: 100%;
}

.news-footer li > a {
    float: left;
}

.news-footer > li > a img {
    width: 60px;
    height: 60px;
    float: left;
    margin: 5px 20px 20px 0;
    max-width: 60px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}

.news-footer > li h6 a {
    display: inline;
    padding: 0;
    font-size: 14px;
    font-family: "Ubuntu", sans-serif;
    color: #acacac;
    text-transform: uppercase;
    font-weight: 700;
}

.news-footer > li h6 a:hover {
    color: #293b94;
}

.news-footer > li h6 {
    padding-left: 70px;
    font-size: 14px;
    line-height: 24px;
    font-family: "Ubuntu", sans-serif;
    color: #acacac;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
}

.news-footer li > .news-date {
    display: block;
    color: #666666;
    font-size: 11px;
    padding-left: 70px;
}

.news-footer li > .news-date a {
    color: #666666;
    font-size: 11px;
}

.customNavigation {
    width: 100%;
    position: absolute;
    top: 12%;
    right: 0;
    padding: 15px 23px;
}

.customNavigation a {
    background: #fff;
    width: 40px;
    height: 40px;
    line-height: 26px;
    font-size: 18px;
    margin: 10px 0px;
    color: #2b2b2b;
    text-align: center;
    padding: 5px;
    display: inline-block;
    border-radius: 3px;
}

a.btn.next {
    float: right;
}

.customNavigation a:hover {
    background: #06aed5;
    color: #fff;
}

.Under-Post {
    padding: 0px 20px 20px;
}

.post-tags h5 {
    font-weight: 700;
    text-transform: uppercase;
    line-height: 22px;
    margin-bottom: 17px;
}

.post-tags {
    margin-bottom: 30px;
}

.share-post {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    background-color: #f6f6f6;
    padding: 30px;
}

.item-post h5 {
    color: #373636;
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 17px;
    text-transform: uppercase;
}

.icons {
    float: right;
}

.icons .jssocials-share a {
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 34px;
}

.author-box {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    background-color: #f6f6f6;
    padding: 30px;
    margin: 0 0 70px;
}

.author-box img {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    margin: 0 20px 20px 0;
    width: auto !important;
    max-width: 64px;
    float: left;
}

.author-box h6 {
    color: #373636;
    font-weight: 700;
    clear: none;
    margin-bottom: 15px;
    margin-top: 0;
}

.author-box p {
    color: #333;
    font-size: 13px;
    line-height: 22px;
}

.Title-Comment h3 {
    font-size: 19px;
    color: #373636;
    font-family: "Ubuntu", sans-serif;
    margin: 0 0 30px;
    text-transform: uppercase;
}

.Block-Comment {
    display: inline-block;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    padding: 20px;
    position: relative;
    margin-bottom: 30px;
}

.Comments-Post li:last-child .Block-Comment {
    margin-bottom: 0;
}

.Comments-Post ul li ul:last-child .Block-Comment {
    margin-bottom: 30px;
}

.Comments-Post ul li img {
    display: inline-block;
    float: left;
    margin-right: 15px;
}

.Comments-Post ul li h4 {
    margin-bottom: 10px;
    margin: 0;
    font-weight: 700;
    color: #373636;
    font-size: 16px;
    line-height: 22px;
    font-style: normal;
}

.Comments-Post ul li span {
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    color: #afb0b4;
}

.Comments-Post ul li span a {
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    color: #fff;
    position: absolute;
    right: 20px;
    top: 20px;
    background: #293b94;
    padding: 2px 15px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    font-weight: 400;
    line-height: 20px;
}

.Comments-Post ul li span a:hover {
    background: #373636;
}

.Comments-Post ul li p {
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
    color: #333;
    margin: 8px 0px 0px 60px;
    font-weight: 400;
}

.Comments-Post ul li ul {
    margin-left: 70px;
}

.Add-Comment {
    margin-top: 70px;
}

/* -------------------------------------------
   10. Testimonial
----------------------------------------------*/

.item-testimonial {
    padding: 0px 15px;
}

.item-testimonial .quote-client p {
    font-family: Raleway;
    font-size: 17px;
    line-height: 27px;
    font-style: italic;
    color: #333;
    font-weight: 400;
}

.item-testimonial .quote-client {
    background: #ffffff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 30px 20px 30px 65px;
    position: relative;
    font-family: Raleway;
    font-size: 17px;
    line-height: 27px;
    font-style: italic;
    color: #a6a6a6;
    box-shadow: 0 2px 3px 0 rgba(39, 41, 48, 0.08);
    -moz-box-shadow: 0 2px 3px 0 rgba(39, 41, 48, 0.08);
    -webkit-box-shadow: 0 2px 3px 0 rgba(39, 41, 48, 0.08);
    margin-bottom: 15px;
}

.item-testimonial .quote-client:before {
    content: "\f10d";
    font-family: "FontAwesome";
    font-size: 28px;
    color: #666666;
    position: absolute;
    top: 30px;
    left: 20px;
    font-style: normal;
}

.item-testimonial .quote-client:after {
    content: "";
    border-left: 20px solid transparent;
    border-top: 20px solid transparent;
    border-right: 20px solid #ffffff;
    border-bottom: 20px solid transparent;
    position: absolute;
    bottom: -14px;
    left: 0;
    font-style: normal;
}

.item-testimonial .info-client .avata {
    float: left;
    margin-right: 13px;
}

.avata img {
    border-radius: 50%;
}

.item-testimonial .info-client .client-name {
    font-family: "Raleway";
    font-weight: 700;
    font-size: 16px;
    color: #373636;
    display: block;
    margin-bottom: 5px;
}

.item-testimonial .info-client .client-position {
    display: block;
    font-family: "Ubuntu";
    font-size: 13px;
    line-height: 18px;
    color: #293b94;
}

#Our-clients {
    border: 1px solid #e5e5e5;
}

a.item-client {
    display: inline-block;
    padding: 24px 12px;
    background: #fff;
    border-right: 1px Solid #e5e5e5;
}

.clients-row a.item-client {
    border: none;
    padding: 20px 0px;
    margin-bottom: 15px;
    background: #fff;
    margin: 0px 10px 30px 10px;
}

.clients-row a.item-client img {
    opacity: 0.75;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.clients-row a.item-client:hover img {
    opacity: 1;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#Testimonials-1col .owl-controls {
    display: none !important;
}

#Testimonials-2col .owl-controls {
    display: none !important;
}

.insurance-coverage .owl-theme .owl-controls {
    margin-top: 10px;
}

.portfolio-items .owl-theme .owl-controls {
    margin-top: 0;
}

.owl-theme .owl-controls {
    margin-top: 45px;
    text-align: center;
}

#slider-blog .owl-controls {
    margin-top: 0;
}

/* -------------------------------------------
   11. Page Title
----------------------------------------------*/

.Page-title-Style1 {
    background: url(../images/page/banner-about.jpg) top center;
    border: none;
    /*overflow     : hidden;*/
    position: relative;
    background-size: cover;
}

.about-bg {
    background: url(../images/bg-all.png) top center;

    /*overflow: hidden;*/
    position: relative;
    background-size: cover;
    width: 100%;
    border-radius: 40px;
    min-height: 42vh;
    background-repeat: no-repeat;
    background-position: right center;
    clear: both;
    padding: 10px 10px 20px 10px;
    margin: auto;
    margin-top: 20px;
}

.product-bg {
    /*background: url(../images/page/product-bg.jpg) top center;*/

    /*overflow: hidden;*/
    position: relative;
    background-size: cover;
    width: 100%;
    border-radius: 40px;
    background-repeat: no-repeat;
    background-position: right center;
    clear: both;
    min-height: 384px;
    margin: auto;
    margin-top: 20px;
}

.Page-title-Style2 {
    background: url(../images/page/Projects-title-bg.png) top center;
    border: none;
    /*overflow     : hidden;*/
    position: relative;
    background-size: cover;
}

.Page-title-Style3 {
    background: url(../images/page/Projects-title-bg.png) top center;
    border: none;
    /*overflow     : hidden;*/
    position: relative;
    background-size: cover;
}

.lightblue-wrapper {
    background: #e5f3f9;
}

.inner-about-us p {
    width: 50%;
}

.scrollbar {
    float: left;
    height: 136px;
    overflow-y: scroll;
    margin-bottom: 50px;
}

.force-overflow {
    min-height: 100%;
    margin-top: 15px;
}

/*
 *  STYLE 3
 */

#style-3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
}

#style-3::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5;
}

#style-3::-webkit-scrollbar-thumb {
    background-color: #f5f5f5;
}

.title-text h6 {
    font-family: Ubuntu;
    font-weight: 400;
    color: #fff;
    margin: 0;
    margin-bottom: 15px;
}

.title-text h2 {
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 900;
    letter-spacing: 1.5px;
    margin: 5px 0 15px;
    line-height: 35px;
    color: #ffffff;
    font-family: Raleway;
}

.breadcrumbs span {
    color: #f3f3f3;
}

.breadcrumb-trail {
    background: #293b94d9;
    color: #fff;
    padding: 30px;
    text-shadow: none;
    -ms-border-radius: 5px;
    border-radius: 5px;
    max-width: 400px;
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.05);
}

.breadcrumb-trail p {
    color: #fff;
    line-height: 1.35;
}

.breadcrumb-trail a.btn-link {
    color: #fff;
}

.btn-link.link-arrow,
.btn-link.link-arrow-sm {
    position: relative;
    padding-right: 48px;
}

.breadcrumb li a,
.breadcrumbs a {
    color: #e2e2e2;
}

.breadcrumb li a:hover,
.breadcrumbs a:hover {
    color: #293b94;
}

.breadcrumbs .sep {
    padding-right: 7px;
    padding-left: 3px;
}

.breadcrumbs span {
    color: #f3f3f3;
}

/* -------------------------------------------
   12. Our Agent
----------------------------------------------*/

.team-item-block {
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}

#Team {
    padding: 60px 0;
}

.financial-statements {
    padding: 60px 0;
}

#product {
    padding: 60px 0 20px;
}

.about-page {
    padding: 60px 0;
}

.tagline {
    padding-bottom: 50px;
    background: #f5f5f5;
}

#DataTables_Table_0_wrapper {
    margin-top: 60px;
}

#DataTables_Table_0 thead tr th {
    background: #293b94;
    color: white;
}

.download__container__table .thead-light {
    background: #293b94;
    color: #fff;
    font-weight: 600;
}

.table .thead-light th {
    background: #293b94;
    color: #fff;
    line-height: 30px;
    margin-left: 3px;
    border-color: #dee2e6;
}

.table > tbody > tr:nth-of-type(even) {
    background-color: #f9f9f9;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fff;
}

/*side Nav for inner page*/
.tab_nav_side {
    background: #f4f4f4;
}

.right-corder-container {
    position: fixed;
    right: 0px;
    bottom: 27%;
    z-index: 2;
}

.right-corder-container .right-corder-container-button {
    height: 50px;
    width: 50px;
    border: none;
    background-color: #ed1c24;
    border-radius: 80px;
    transition: all 300ms;
    box-shadow: 2px 2px 5px #4c677491;
    cursor: pointer;
}

.right-corder-container .right-corder-container-button span {
    font-size: 12px;
    color: black;
    position: absolute;
    left: 11px;
    top: 11px;
    line-height: 20px;
    padding: 0px 0px 0px 5px;
}

.right-corder-container .right-corder-container-button:hover {
    transition: all 400ms cubic-bezier(0.62, 0.1, 0.5, 1);
    width: 160px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.right-corder-container .right-corder-container-button .long-text {
    /*   transition: opacity 1000ms;
                                                                                                        opacity: 0;
                                                                                                        color: white;
                                                                                                        white-space: nowrap;
                                                                                                        font-size: 10px;
                                                                                                        width: 0;*/
    margin-left: 45px;
}

.claim-corder-container {
    position: fixed;
    right: 0px;
    bottom: 18%;
    z-index: 5;
}

.short-text > img {
    width: 24px;
    margin-top: 4px;
    margin-left: -1px;
}

/*.long-text a:hover {*/
/*    color: #000;*/
/*    z-index: 999;*/
/*}*/
.long-text a {
    color: #fff;
    border-top: 1px dashed #fff;
    border-bottom: 1px dashed #fff;
    line-height: 31px;
    text-transform: uppercase;
    z-index: 999;
    vertical-align: middle;
    margin-top: 10px;
    white-space: nowrap;
    text-align: center;
}

.bod-head {
    /*left  : 37%;*/
    float: none;
    margin: 0px auto;
}

.tab_nav_side ul li a {
    background: #f9f9f9;
    display: block;
    border: none !important;
    font-size: 14px;
    font-weight: 700;
    color: #9b9b9b;
    text-transform: capitalize;
    margin: 0;
    padding: 5px 16px;
    line-height: 37px;
    -webkit-box-shadow: 1px 2px 0px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 1px 2px 0px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 1px 2px 0px 0px rgba(0, 0, 0, 0.04);
}

.nav-side > li.active > a,
.nav-side > li.active > a:hover,
.nav-side > li.active > a:focus {
    color: #fff;
    background: #293b94;
}

.nav-side > li {
    float: left;
    width: 100%;
    margin-bottom: -1px;
}

.btnViewFile,
.btnViewFile:focus {
    background-color: transparent;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    color: #000000;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
    padding: 4px 13px;
    text-transform: capitalize;
}

.btnViewFile span {
    color: red;
}

.table > tbody > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}

.team-overlay {
    border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    -o-border-radius: 2px 2px 0 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    padding: 30px 20px;
    color: #a6a6a6;
    /* background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.8); */
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    font-size: 13px;
    opacity: 0;
}

.team-item-block:hover .team-overlay {
    opacity: 1;
}

.team-overlay p {
    display: block;
    font-size: 11px;
    color: #a6a6a6;
}

.team-thumb {
    position: relative;
}

.team-thumb img {
    width: 100%;
}

.team-icons {
    bottom: 30px;
    left: auto;
    position: absolute;
    z-index: 99;
}

.team-icons a {
    background-color: #293b94;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    padding: 7px 12px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    margin-right: 8px;
    height: 36px;
    width: 36px;
}

.team-icons a:hover {
    background-color: #a6a6a6;
    color: #fff;
}

.info-team {
    padding: 15px 6px;
    text-align: center;
}

.info-team h5 {
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 5px;

    color: #373636;
    font-family: "Ubuntu", sans-serif;
}

.team-company {
    font-size: 11px;
    color: #666666;
    margin-bottom: 0;
}

.team-item {
    margin-bottom: 30px !important;
}

/* -------------------------------------------
   13. Pages
----------------------------------------------*/

.section-404 {
    text-align: center;
    padding-bottom: 70px;
}

.section-404 h1 {
    font-size: 250px;
    line-height: 250px;
    font-weight: 700;
    color: #000000;
    text-transform: uppercase;
}

.section-404 p {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #333;
    line-height: 22px;
    padding: 0px 245px;
    margin-bottom: 50px;
}

.section-404 h1 {
    line-height: normal;
    margin: 0;
}

.section-404 .btn.blue {
    color: #ffffff;
    background: #293b94;
}

.section-404 .btn.blue:hover {
    color: #ffffff;
    background: #a6a6a6;
}

.section-coming-soon h2 {
    font-size: 50px;
    font-weight: 700;
    color: #1b1a1a;
    margin: 0 0 10px;
}

.title-description p {
    font-size: 14px;
    color: #333;
    line-height: 22px;
    padding: 0px 170px;
    display: inline-block;
}

.ColDiv {
    display: inline-block;
}

.Headline-Text h1,
.Headline-Text h2,
.Headline-Text h3,
.Headline-Text h4,
.Headline-Text h5,
.Headline-Text h6 {
    font-weight: 700;
    color: #000000;
}

.Headline-Text {
    margin-bottom: 30px;
}

.Headline-Text p {
    color: #333;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
}

.Bullets ul li {
    color: #333;
    font-size: 13px;
    line-height: 30px;
    font-family: "Open Sans", sans-serif;
    display: inline-block;
    width: 100%;
    border: none;
}

.Bullets ul li span {
    color: #1b1a1a;
    margin-right: 10px;
    font-weight: 700;
}

ul.list.prim.list-Play li:before {
    content: "\f01d";
    font-family: "FontAwesome";
    font-weight: 400;
    color: #1b1a1a;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
}

ul.list.prim.list-Ok li:before {
    content: "\f05d";
    font-family: "FontAwesome";
    font-weight: 400;
    color: #1b1a1a;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
}

ul.list.prim.list-arow li:before {
    content: "\f105";
    font-family: "FontAwesome";
    font-weight: 400;
    color: #1b1a1a;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
}

ul.list.prim.list-star li:before {
    content: "\f005";
    font-family: "FontAwesome";
    font-weight: 400;
    color: #1b1a1a;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
}

ul.list.prim.list-arowright li:before {
    content: "\f18e";
    font-family: "FontAwesome";
    font-weight: 400;
    color: #1b1a1a;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
}

ul.list.prim.list-arowbig li:before {
    content: "\f0da";
    font-family: "FontAwesome";
    color: #1b1a1a;
    margin-right: 15px;
    font-size: 14px;
}

ul.list.prim.list-point li:before {
    content: "\f111";
    font-family: "FontAwesome";
    font-weight: 400;
    color: #1b1a1a;
    margin-right: 10px;
    font-weight: 400;
    font-size: 8px;
}

.Blockquotes h4 {
    margin-bottom: 30px;
}

blockquote {
    width: 100%;
    padding: 10px 20px;
    margin: 0 0 40px;
    font-size: 17.5px;
    border-left: 5px solid #333333;
    display: inline-block;
}

blockquote p {
    font-size: 20px;
    font-style: italic;
    color: #1b1a1a;
    font-family: "Open Sans", sans-serif;
}

blockquote span {
    font-size: 13px;
    color: #333333;
    font-family: "Open Sans", sans-serif;
}

blockquote.blockquote-1:before {
    content: "\f10d";
    font-family: "FontAwesome";
    font-weight: 400;
    color: #828282;
    font-weight: 400;
    font-size: 16px;
}

blockquote.blockquote-1:after {
    content: "\f10e";
    font-family: "FontAwesome";
    font-weight: 400;
    color: #828282;
    font-weight: 400;
    font-size: 16px;
    float: right;
    margin-top: 20px;
}

blockquote.blockquote-1 {
    border: none;
    width: 100%;
}

blockquote.blockquote p,
blockquote.blockquote-2 p {
    color: #293b94;
}

blockquote.blockquote-2 {
    width: 100%;
    background: #f6f6f6;
    border-radius: 3px;
    padding: 30px;
    border: none;
}

blockquote.blockquote-3 {
    width: 100%;
    background: #1b1a1a;
    border: none;
    border-radius: 3px;
    padding: 30px;
    color: #fff;
}

blockquote.blockquote-3 p {
    color: #fff;
}

#map_canvas {
    width: 100%;
    height: 447px;
}

.get-quote-form {
    margin-top: -15px;
}

.index-three .get-quote-form .form-input input,
.index-three .get-quote-form .form-input textarea {
    margin-bottom: 21px;
}

.form-input input,
.form-input textarea {
    margin-bottom: 30px;
    width: 100%;
}

.form-input textarea {
    height: 175px;
}

#latestnews .Comment-Form .form-input textarea {
    height: 182px;
}

.form-submit input {
    background: #293b94;
}

.form-submit input:hover {
    color: #293b94;
    border: 1px solid #293b94;
    background: trasparent;
}

.tex-contact p {
    font-family: "Open Sans";
    font-size: 13px;
    color: #333;
    line-height: 22px;
}

.Block-Contact p {
    font-size: 12px;
    color: #333;
    margin-bottom: 5px;
}

.Block-Contact {
    padding: 0;
    margin-top: 15px;
}

.Contact-Info h4 {
    margin-top: 0;
}

.Block-Contact ul li {
    margin-bottom: 5px;
}

.Block-Contact ul li i {
    color: #293b94;
    margin-right: 5px;
    display: inline-block;
    font-size: 16px;
}

.Block-Contact ul li span {
    color: #333;
    margin-right: 5px;
    display: inline-block;
    font-size: 13px;
}

/* -------------------------------------------
   14. SideBar
----------------------------------------------*/

.Top-Title-SideBar h3 {
    font-weight: 700;
    color: #373636;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 23px;
    position: relative;
    padding-bottom: 20px;
}

.Top-Title-SideBar h3:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    display: block;
    width: 35px;
    height: 2px;
    background: #06aed5;
}

.widget {
    margin: 0 0 50px;
}

.Categories-Block ul li {
    display: inline-block;
    width: 100%;
}

.Categories-Block ul li i,
.Categories-Block ul li span,
.Categories-Block ul li p {
    display: inline-block;
}

.Categories-Block ul li i {
    margin-right: 10px;
}

.Categories-Block ul li a:hover {
    color: #293b94;
}

.Categories-Block ul li p {
    line-height: 30px;
    font-size: 13px;
    color: #333;
    margin-right: 5px;
    margin-bottom: 0;
}

.Last-post .news-footer > li h6 a {
    color: #373636;
}

.Last-post .news-footer > li h6 a:hover {
    color: #293b94;
}

.tagcloud li {
    display: inline-block;
}

.tagcloud a {
    margin: 0 5px 5px 0;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 5px 10px;
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #333;
    display: inline-block;
}

.tagcloud a:hover {
    border-color: #293b94;
    color: #293b94;
}

/* -------------------------------------------
   15. Index main service
----------------------------------------------*/

.main-service-content h2 {
    font-family: "Raleway", sans-serif;
    font-weight: 800;
    font-size: 1.625em;
    color: #323232;
    text-transform: uppercase;
    position: relative;
    text-align: right;
    line-height: 32px;
    padding-right: 25px;
    margin-top: 0;
}

.main-service-content h2:before {
    content: "";
    width: 4px;
    height: 100%;
    background: #293b94;
    position: absolute;
    letter-spacing: 1px;
    right: -16px;
    top: 4px;
}

.main-service-content .main-service-heading p {
    font-family: "Open Sans", sans-serif;
    font-style: italic;
    font-size: 1em;
    color: #333;
    padding-left: 30px;
    line-height: 26px;
}

.main-service-box {
    position: relative;
    box-shadow: 0 2px 20px 0 #b2afaf;
    border-radius: 10px;
}

.main-service {
    margin-top: 80px;
}

.main-service img {
    background: #fff;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 8px;
    border: 1px solid #e6e6e6;
    right: 0;
}

.main-service .main-service-description {
    position: relative;
    width: 77%;
    background: #fdfdfd;
    border: 1px solid #e6e6e6;
    padding-top: 7px;
    padding-bottom: 24px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.main-service h3 {
    font-weight: 700;
    font-size: 18px;
    color: #323232;
    padding-left: 40px;
}

.main-service h3:before {
    content: "";
    width: 45px;
    height: 3px;
    background: #293b94;
    position: absolute;
    top: 61px;
}

.main-service p {
    font-family: "Open Sans", sans-serif;
    color: #333;
    padding-left: 40px;
    padding-right: 41px;
    padding-top: 13px;
}

.main-service-box_bottom {
    margin-top: 15px;
}

.main-service .main-service-description:hover {
    background: #293b94;
    border: 1px solid #293b94;
}

.main-service .main-service-description:hover h3 {
    color: #fff;
}

.main-service .main-service-description:hover p {
    color: #e4e8e8;
}

@media (max-width: 767px) {
    .main-service img {
        display: none;
    }

    .about-bg {
        background: none;
    }

    .main-service .main-service-description {
        width: 100%;
        margin-left: 0px;
    }

    .main-service h3,
    .main-service p {
        padding-left: 20px;
    }
}

/* ------------- shortcode counter --------------*/

.fact,
.factor {
    text-align: center;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 30px;
    font-weight: 400;
}

.color-primary {
    color: #337ab7 !important;
}

.color-success {
    color: #5cb85c !important;
}

.color-warning {
    color: #f0ad4e !important;
}

.color-danger {
    color: #d9534f !important;
}

.fact-title {
    display: block;
}

.fact-title {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    font-weight: 600;
    font-family: Montserrat, sans-serif;
}

.text-white {
    color: #fff;
}

/* -------------------------------------------
   16. footer
----------------------------------------------*/

#template-footer {
    background: #293b94;
    color: #fff;
    padding: 60px 35px 20px 35px;
}

#template-footer p {
    text-align: justify;
}

#template-footer a {
    color: #fff;
}

#template-footer a:hover {
    color: #ed1c24 !important;
    text-decoration: none;
}

#template-footer .section-title {
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    position: relative;
    padding-bottom: 20px;
    text-transform: uppercase;
    margin-top: 0;
}

#template-footer .section-title:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    display: block;
    width: 35px;
    height: 2px;
    background: #fff;
}

#template-footer .copy-right {
    position: relative;
    padding-top: 20px;
}

#template-footer .copy-right > a {
    color: #fff;
}

.copyright {
    float: right;
    margin-right: 10px;
}

#template-footer .contact-info {
    margin: 0 0 60px 0;
    padding: 0;
}

.cont-social-media-title {
    margin: 20px 0;
}

.Contact-Info .social-media li {
    display: inline;
    font-size: 18px;
    padding: 10px;
}

#template-footer .contact-info li {
    font-size: 14px;
    list-style: none;
    margin: 0 0 10px 0;
    position: relative;
}

#template-footer .contact-info li i {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 22px;
    color: #06aed5;
}

#template-footer .social-media {
    margin: 0 0 30px 0;
    padding: 0;
}

.social-media-title {
    margin-top: 20px !important;
}

#template-footer .social-media li {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 24px;
    margin-right: 10px;
    margin-top: 6px;
}

#template-footer .social-media li a {
    color: #293b94;
    background: #fff;
    padding: 5px 12px;
    border-radius: 16%;
}

#template-footer .payment-methods li {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}

#template-footer .payment-methods li a {
    color: #293b94;
    background: #fff;
    padding: 8px 10px;
    border-radius: 6px;
}

#template-footer .payment-methods img {
    height: 20px;
}

#template-footer .social-media li a:hover,
#template-footer .social-media li a:focus,
#template-footer .social-media li a:active {
    text-decoration: none;
}

#template-footer .contact-form .form-group input[type="name"],
#template-footer .contact-form .form-group input[type="text"],
#template-footer .contact-form .form-group input[type="email"],
#template-footer .contact-form .form-group textarea {
    font-size: 13px;
}

#template-footer
    .contact-form
    .form-group
    input[type="name"]::-webkit-input-placeholder,
#template-footer
    .contact-form
    .form-group
    input[type="text"]::-webkit-input-placeholder,
#template-footer
    .contact-form
    .form-group
    input[type="email"]::-webkit-input-placeholder,
#template-footer .contact-form .form-group textarea::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

#template-footer .contact-form .form-group input[type="name"]:-moz-placeholder,
#template-footer .contact-form .form-group input[type="text"]:-moz-placeholder,
#template-footer .contact-form .form-group input[type="email"]:-moz-placeholder,
#template-footer .contact-form .form-group textarea:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(255, 255, 255, 0.5);
}

#template-footer .contact-form .form-group input[type="name"]::-moz-placeholder,
#template-footer .contact-form .form-group input[type="text"]::-moz-placeholder,
#template-footer
    .contact-form
    .form-group
    input[type="email"]::-moz-placeholder,
#template-footer .contact-form .form-group textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.5);
}

#template-footer
    .contact-form
    .form-group
    input[type="name"]:-ms-input-placeholder,
#template-footer
    .contact-form
    .form-group
    input[type="text"]:-ms-input-placeholder,
#template-footer
    .contact-form
    .form-group
    input[type="email"]:-ms-input-placeholder,
#template-footer .contact-form .form-group textarea:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

#template-footer .contact-form .form-group input {
    color: #fff;
    border: none;
    background: #485b71;
    box-shadow: none;
    margin-bottom: 10px;
}

#template-footer .contact-form .form-group textarea {
    color: #fff;
    border: none;
    background: #485b71;
    box-shadow: none;
    margin-bottom: 10px;
    resize: none;
}

.Contact-Form {
    margin-bottom: 70px;
}

#template-footer #btn-submit {
    color: rgba(255, 255, 255, 0.9) !important;
    background: #dd1c1a !important;
    margin-bottom: 0;
}

/* -------------------------------------------
   17. index three quick contact
----------------------------------------------*/

.bg-blue {
    background-color: #293b94;
}

.index-three-quick-contact {
    position: fixed;
    bottom: -465px;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.index-three-quick-contact .details a {
    color: #fff;
}

.index-three-quick-contact .ui-outer {
    text-align: center;
    color: #fff;
    max-width: 500px;
    height: 500px;
    border-radius: 1600px;
    margin: 0px auto;
    padding: 8px 15px;
}

.index-three-quick-contact .ui-btn {
    font-size: 15px;
    line-height: 15px;
}

.index-three-quick-contact h2 {
    font-size: 15px;
    line-height: 35px;
    text-transform: uppercase;
    color: #fff;
}

.index-three-quick-contact .details {
    font-size: 15px;
    line-height: 30px;
}

.index-three-quick-contact .details i {
    margin-right: 5px;
}

.index-three-quick-contact .social {
    margin-top: 10px;
}

.index-three-quick-contact .social a i {
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    margin: 5px;
    color: #fff;
    font-size: 17px;
}

/* -------------------------------------------
   18. index three footer
----------------------------------------------*/

.select-a-service-caption {
    color: #b8b9bd;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-right: 13px;
}

.footer-top-section {
    background-color: #3c4451;
    color: #ffffff;
    font-size: 12px;
    padding-bottom: 40px;
    padding-top: 40px;
}

.select-a-service-content {
    background-color: #606ba9;
    margin-top: 15px;
}

.select-a-service-content-nav {
    padding: 15px 10px 19px 10px;
}

.footer-top-nav-active {
    color: #ffffff;
    text-decoration: none !important;
}

.select-a-service-content-nav ul li a {
    color: #ffffff;
    line-height: 20px;
    text-decoration: underline;
}

.select-a-service-caption-nav ul li {
    padding-left: 4px;
    padding-right: 4px;
}

.footer-bottom {
    border-top: 1px solid #fff;
}

.footer-bottom-left ul li a {
    color: #b8b9bd;
}

.footer-bottom-right,
.footer-bottom-right a {
    color: #ffffff;
}

.get-guote-top {
    display: block;
    min-height: 33px;
}

.single-mortgage-section {
    background-color: #293b94;
    color: #ffffff;
    float: left;
    margin: 0 4px 9px auto;
    min-height: 99px;
    padding: 20px 20px 60px;
    position: relative;
    width: 100%;
}

.single-mortgage-section h3 {
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    margin-top: 0;
}

.blue {
    color: #fff !important;
}

.red {
    color: #fff;
}

.violate {
    color: #ffffff;
}

.single-mortgage-section-button {
    bottom: -10px;
    left: 60px;
    position: absolute;
    background-color: #293b94;
    border: 2px solid #ffffff;
    padding: 15px 20px 15px 60px;
    border-radius: 25px;
    min-width: 225px;
}

.service-box-btn {
    border: 2px solid #fff;
    border-radius: 50px;
    font-size: 30px;
    text-align: center;
    position: absolute;
    left: -2px;
    top: -2px;
    width: 50px;
    height: 53px;
    line-height: 51px;
}

.service-box a {
    color: #fff;
}

/* -------------------------------------------
   19. get quote popup
----------------------------------------------*/

.get-a-quote .ui-outer {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    z-index: 99999;
}

.get-a-quote .ui-outer a.ui-close {
    font-size: 60px;
    font-weight: 300;
    color: #aaa;
    position: absolute;
    right: 0px;
    top: 20px;
}

.get-a-quote .ui-outer .ui-content {
    margin: 50px 0 0 auto;
    max-width: 350px;
    padding: 15px 15px;
    background: #fff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}

.get-a-quote .ui-outer h3 {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #eee;
}

.get-a-quote .ui-outer form {
    max-width: 270px;
    margin: 10px auto 0 auto;
}

.get-a-quote .s-media {
    margin-top: 10px;
    text-align: center;
}

.get-a-quote .s-media h4 {
    font-size: 12px;
    text-transform: uppercase;
}

.get-a-quote .s-media a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 0px;
    text-align: center;
    line-height: 40px;
    padding: 0px;
    border-radius: 100px;
    margin: 5px 2px;
}

.get-a-quote .ui-outer .form-input input,
.get-a-quote .ui-outer .form-input textarea {
    margin-bottom: 15px;
}

.get-a-quote .ui-outer .form-input textarea {
    height: 40px;
}

/* end get quote popup */

/* -------------------------------------------
   20. Agent single
----------------------------------------------*/

.single-team-icons img {
    padding: 3px;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    box-shadow: 0px 1px 5px #d1d1d1;
}

ul.insurance-list li {
    border-bottom: 1px solid #dedddd;
    padding: 10px 0;
}

ul.insurance-list b {
    color: #3d434d;
}

ul.insurance-list span {
    text-align: left;
    float: right;
}

@media (max-width: 500px) {
    ul.insurance-list span {
        width: auto;
        text-align: left;
        float: none;
        padding-left: 20px;
    }
}

.single-team-icons a {
    background-color: #293b94;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    padding: 7px 12px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    margin-right: 8px;
    height: 36px;
    width: 36px;
}

/* end agent single */
.headline {
    position: relative;
    z-index: 600;
}

.sologun-icon {
    font-family: "Montserrat", arial, sans-serif;
    font-size: 80px;
    font-weight: bolder;
    position: absolute;
    left: 20%;
    bottom: -35px;
    color: #e2e2e2;
    z-index: 300;
}

.ti-announcement:before {
    font-size: 80px;
}

/* -------------------------------------------
   21. Insurance coverage styling
----------------------------------------------*/

.insurance-service-all {
    padding: 0;
    overflow: hidden;
}

.insurance-service-all .insurance-coverage {
    padding: 0px 0 0px 0;
    margin: 0;
}

.insurance-service-all .insurance-coverage .owl-carousel .owl-wrapper-outer {
    overflow: hidden;
}

.insurance-service-all .insurance-coverage:hover .owl-prev {
    opacity: 1 !important;
}

.insurance-service-all .insurance-coverage:hover .owl-next {
    opacity: 1 !important;
}

.insurance-service-all .insurance-coverage .single-insurance {
    background: #f9f9f9 none repeat scroll 0 0;
    display: block;
    margin: 0 8px;
    padding: 20px 10px 10px;
    position: relative;
    text-align: center;
    top: 0;
    transition: all 0.3s ease-out 0s;
    z-index: 999;
}

.insurance-service-all .insurance-coverage .single-insurance:hover {
    background: #ffffff;
}

.insurance-service-all .insurance-coverage .single-insurance::after {
    -webkit-box-shadow: 0px 1px 5px 2px rgba(166, 166, 166, 1);
    -moz-box-shadow: 0px 1px 5px 2px rgba(166, 166, 166, 1);
    box-shadow: 0px 1px 5px 2px #293b9482;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-out 0s;
    visibility: hidden;
    width: 100%;
    z-index: 0;
}

.insurance-service-all .insurance-coverage .single-insurance:hover:after {
    opacity: 1;
    visibility: visible;
}

.insurance-service-all .insurance-coverage .single-insurance i {
    color: #cf9455;
    font-size: 45px;
}

.insurance-service-all .insurance-coverage .single-insurance span {
    color: #293b94;
    font-size: 45px;
}

.insurance-service-all .insurance-coverage .single-insurance h3 a {
    color: rgb(0, 0, 0);
    display: block;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin: 20px 0 15px;
}

.insurance-service-all .insurance-coverage .single-insurance h3 a:hover {
    color: #293b94;
}

.insurance-service-all .insurance-coverage .single-insurance h3 a::after {
    background: #293b94;
    content: "";
    display: block;
    left: 0;
    top: 0;
    right: 0;
    width: 50px;
    height: 3px;
    margin: 20px auto;
}

.insurance-service-all .insurance-coverage .single-insurance .read-more {
    display: inline-block;
    margin: 10px 0;
}

.insurance-service-all .insurance-coverage .single-insurance .read-more a {
    border: 1px solid #e6e6e6;
    color: #000;
    display: block;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 32px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.insurance-service-all
    .insurance-coverage
    .single-insurance
    .read-more
    a:hover {
    background: #293b94;
    color: #ffffff;
    border: 1px solid #293b94;
}

.insurance-service-all
    .insurance-coverage
    .single-insurance
    .single-insurance-content {
    z-index: 3;
    position: relative;
}

.single-insurance-content p {
    font-size: 13px;
    line-height: 37px;
    max-height: 109px;
    overflow: hidden;
}

.service-icons img {
    height: 88px;
    /*padding:2px;*/
}

.insurance-service-all .insurance-coverage .owl-prev {
    position: absolute;
    left: -3px;
    background: #293b94 !important;
    transition: all 0.3s ease-out 0s;
    border: 1px solid #293b94;
    top: 135px;
    width: 36px;
    height: 50px;
    border-radius: 0px !important;
    z-index: 99;
    opacity: 0 !important;
}

.insurance-service-all .insurance-coverage .owl-prev i {
    line-height: 36px;
    font-weight: 700;
    font-size: 25px;
    color: #ffffff !important;
}

.insurance-service-all .insurance-coverage .owl-prev:hover {
    background: #293b94 !important;
    border: 1px solid #293b94 !important;
}

.insurance-service-all .insurance-coverage .owl-next {
    position: absolute;
    right: -2px;
    background: #293b94 !important;
    transition: all 0.3s ease-out 0s;
    border: 1px solid #293b94;
    top: 135px;
    width: 36px;
    height: 50px;
    border-radius: 0 !important;
    z-index: 99;
    opacity: 0 !important;
}

.insurance-service-all .insurance-coverage .owl-next i {
    line-height: 36px;
    font-weight: 700;
    font-size: 25px;
    color: #ffffff !important;
}

.insurance-service-all .insurance-coverage .owl-next:hover {
    background: #293b94 !important;
    border: 1px solid #293b94 !important;
}

/* -------------------------------------------
   22. About Feature Boxes
----------------------------------------------*/

.feature {
    padding-left: 68px;
    position: relative;
    margin: 26px 0 33px;
}

.feature i {
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-width: 1px;
    border-style: solid;
    font-size: 24px;
    text-align: center;
    color: #293b94;
    border-color: #293b94;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.feature h3 {
    font-size: 15px;
    color: #555555;
    text-transform: none;
    font-family: "Ubuntu", sans-serif;
}

.feature:hover i {
    background: #293b94;
    color: #fff;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.margin-top-zero {
    margin-top: 0 !important;
}

.about-page .feature h3 {
    margin-top: 0;
}

.index-two .feature,
.index-two .feature h3 {
    margin-top: 0;
}

/* ------------- Shortcode Social Media -------------*/

.post-facebook {
    background: #3280e7;
}

.post-facebook:hover {
    background: #134fa0;
}

.post-twitter {
    background: #32c8de;
}

.post-twitter:hover {
    background: #188392;
}

.post-google-plus {
    background: #f96f4a;
}

.post-google-plus:hover {
    background: #eb6440;
}

.linkedin {
    background: #729fda;
}

.linkedin:hover {
    background: #3069b6;
}

.social-content {
    margin-top: 7px;
}

.share-text {
    padding-top: 12px;
}

.social-content a {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    border-radius: 50px;
    margin-right: 3px;
}

/* ------------- end Social Media -------------*/

/*------------------------------------------------------------------
	25. Faq
--------------------------------------------------------------------*/

.panel {
    border: 0;
    border-radius: 5px;
}

.faq-group .panel-title {
    font-weight: 400;
}

.faq-group .panel-title .label {
    font-size: 0.65em;
    vertical-align: middle;
}

.faq-group h2 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.faq-group .panel-title .num {
    font-size: 0.6em;
    display: inline-block;
    line-height: 22px;
    width: 22px;
    text-align: center;
    border-radius: 22px;
    color: #fff;
    font-weight: 700;
    margin-right: 5px;
    background-color: #33383d;
}

.faq-group .panel-title a {
    color: #33383d;
}

.faq-group .panel-default > .panel-heading {
    background: none;
    border-radius: 34px;
    border: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

/*CSS3 Only Toogling*/
.faq-group .panel-heading .accordion-toggle:after {
    font-family: FontAwesome;
    content: "\f077";
    float: right;
    color: grey;
}

.faq-group .panel-heading .accordion-toggle.collapsed:after {
    content: "\f078";
}

.faq-rightbar .list-group .list-group-item {
    font-weight: 700;
    text-transform: uppercase;
    background: none;
    border: 0;
    border-radius: 0;
}

.faq-rightbar .list-group .list-group-item:hover {
    background: #5bc0de;
    color: #fff;
}

.faq-rightbar h4 {
    padding-left: 15px;
}

.green-btn,
.bg-green,
.powerwidget.green {
    background-color: #82b964;
}

/* ---------------------- faq end -------------------*/

/* ==========================================================================
   #Alerts
========================================================================== */

.alert {
    padding: 13px 15px;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    background-color: #f8f8f8;
}

.quick-contact .alert {
    margin-bottom: 10px;
}

.alert i {
    position: relative;
    top: 1px;
    margin-right: 7px;
    font-size: 16px;
}

.alert.info {
    border: 1px solid #86cde3;
    background-color: #cce9f2;
    color: #3194b1;
}

.alert.success {
    border: 1px solid #b3cda1;
    background-color: #d8f1c6;
    color: #749958;
}

.alert.error {
    border: 1px solid #e1a1a1;
    background-color: #f9d9d9;
    color: #b55454;
}

.alert.warning {
    border: 1px solid #d1c9ae;
    background-color: #fbf4dd;
    color: #978c68;
}

/* ---------------------- alert end -------------------*/

/*====================== Services single content ================*/

.insurance-single-item-content .insurance-single-item-nav-holder {
    background: #f4f4f4;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 10px;
}

.insurance-single-item-content .insurance-single-item-nav-holder ul {
    background: #fff;
    border: none;
    border-radius: 6px;
}

.insurance-single-item-content .insurance-single-item-nav-holder ul li a {
    background: transparent;
    display: inline-block;
    border: none !important;
    font-size: 12px;
    font-weight: 700;
    color: #373636;
    text-transform: capitalize;
    margin: 0;
    line-height: 38px;
    -webkit-box-shadow: 1px 2px 0px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 1px 2px 0px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 1px 2px 0px 0px rgba(0, 0, 0, 0.04);
}

.insurance-single-item-content .insurance-single-item-nav-holder ul li a i {
    float: right;
    padding-top: 10px;
}

.insurance-single-item-content .insurance-single-item-nav-holder ul li {
    display: inline-block;
}

.insurance-single-item-content .insurance-single-item-nav-holder ul li.active a,
.insurance-single-item-content .insurance-single-item-nav-holder ul li:focus a {
    color: #293b94;
}

.insurance-single-item-content .insurance-single-item-nav-holder ul li a:hover {
    color: #293b94;
    padding-left: 22px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.insurance-single-item-content .tab-content .carousel {
    background: #f4f4f4;
    padding: 25px 0px 74px 21px;
}

.insurance-single-item-content .tab-content .carousel .item span {
    font-size: 18px;
    font-weight: 700;
    color: #262626;
    display: block;
    margin-bottom: 18px;
}

.insurance-single-item-content .tab-content .carousel .item a {
    font-size: 18px;
    font-weight: 700;
    color: #293b94;
    margin-left: 4px;
}

.insurance-single-item-content .tab-content .carousel .item p {
    padding: 10px 0 0 5px;
    line-height: 24px;
}

.insurance-single-item-content .tab-content .carousel .carousel-indicators {
    bottom: 13px;
    overflow: hidden;
    left: 81%;
}

.insurance-single-item-content .tab-content .carousel .carousel-indicators li,
.insurance-single-item-content
    .tab-content
    .carousel
    .carousel-indicators
    li.active {
    width: 11px;
    height: 11px;
    background: transparent;
    border: 2px solid #293b94;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0px 0px 1px 0px rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 1px 0px rgba(255, 255, 255, 1);
    position: relative;
    margin: 0px 0px 0px 7px;
}

.insurance-single-item-content
    .tab-content
    .carousel
    .carousel-indicators
    li:before {
    content: "_";
    height: 1px;
    width: 0;
    position: absolute;
    bottom: -7px;
    left: -3px;
    background: #293b94;
}

.insurance-single-item-content
    .tab-content
    .carousel
    .carousel-indicators
    li:hover:before {
    width: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.insurance-single-item-content .tab-content .tab-pane .insurance-service-title {
    margin-top: 20px;
    margin-bottom: 20px;
}

.insurance-single-item-content .tab-content .tab-pane .text p:last-child {
    margin-top: 17px;
}

.brochures {
    margin-top: 30px;
}

.brochures a {
    display: block;
    background: #f4f4f4;
    width: 270px;
    height: 50px;
    border: 1px solid #f6f4f4;
    font-size: 18px;
    font-weight: 700;
    color: #9b9b9b;
    text-align: center;
    position: relative;
    margin-top: 30px;
    padding: 13px 85px;
}

.brochures a span i {
    font-size: 18px;
}

.brochures a span {
    width: 50px;
    height: 50px;
    background: #eeeeee;
    border: 1px solid #f6f4f4;
    position: absolute;
    left: 8px;
    bottom: -10px;
    padding-top: 14px;
}

.brochures a:hover,
.brochures a:focus {
    color: #293b94;
}

.brochures a:hover span,
.brochures a:focus span {
    color: #fff;
    background: #293b94;
}

@media (max-width: 1199px) {
    .brochures {
        margin-top: 20px;
    }
}

/* ----------- quick contact --------- */
.quick-contact .leave-comment .col-md-6,
.quick-contact .leave-comment .col-md-12 {
    padding-left: 0;
}

.quick-contact .leave-comment input,
.quick-contact .leave-comment textarea {
    margin-bottom: 10px;
    background: #ed1c24;
}

.quick-contact .leave-comment input:hover {
    background: #fff;
    color: #ed1c24;
}

.quick-contact .leave-comment .form-input input,
.quick-contact .leave-comment .form-input textarea {
    background-color: #fff;
    border: 1px solid #93939373;
    color: #000;
    resize: none;
}

.quick-contact .leave-comment textarea {
    height: 125px;
}

/*for header-main products display*/
.products-info {
    margin-top: 25px;
    padding: 5px 0 0 0;
}

.products-slider {
    padding: 20px 15%;
    text-align: center;
}

.products-info h1 {
    color: #293b94;
    font-size: 26px;
    font-weight: 600;
    background-color: #fff;
    line-height: 30px;
    text-transform: uppercase;
}

.wel-come-title {
    font-weight: 600;
    color: #7a7a7a;
    font-size: 14px;
    text-transform: uppercase;
}

.wel-come-title::after {
    background: #293b94;
    content: "";
    display: block;
    left: 0;
    top: 0;
    right: 0;
    width: 50px;
    height: 3px;
    margin: 12px auto;
}

.products-info .header-home-title-section {
    text-align: center;
    top: 8%;
    left: 41%;
    position: absolute;
}

.pro-insurance-data {
    border: 1px solid #293b94;
    padding: 4px;
    box-shadow: 0 0 15px #63ceff69;
    border-radius: 50%;
}

.pro-insurance-data:hover {
    cursor: pointer;
}

.generated-quote {
    padding: 20px 0 0 0;
}

.pro-insurance-data .product-name {
    font-size: 18px;
    margin-top: 10px;
    font-weight: 500;
}

.pro-insurance-data img {
    height: 65px;
    padding: 7px;
}

.pra-quote {
    font-size: 14px;
    font-weight: 500;
}

/*for top header*/
.top-header__lang {
    float: right;
    line-height: 20px;
    padding: 28px 0;
}

.lang__selection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #293b94;
    padding: 6px 2px;
    border: 2px solid #ed1c24;
    border-radius: 25px;
}

.lang__selection a {
    padding: 2px 6px;
    color: #313131;
    border-right: 2px solid #000;
    font-size: 13px;
    font-weight: 600;
    line-height: 10px;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}

.lang__selection a:last-child {
    border-right: none;
}

.lang__selection .active {
    color: #293b94;
    font-weight: 700;
}

.br-1 {
    border-right: 2px solid #fff;
}

.br-1:last-child {
    border-right: none;
}

/*home aboutus section*/
.info-officer {
    text-align: center;
}

.info-officer-title h4 {
    background: #293b94;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.info-officer-title img {
    border-radius: 50%;
    height: 125px;
}

.info-officer-title h4 {
    padding: 20px;
    letter-spacing: 0.93px;
    color: #fff;
    font-weight: 600;
}

.info-officer {
    padding-bottom: 15px;
}

/*home blog*/
.news-footer > li > a img {
    width: 122px;
    height: 109px;
    float: left;
    margin: 5px 20px 20px 0;
    max-width: 110px;
}

.small-sub-title {
    color: #fff;
    font-weight: 400;
    position: relative;
    text-align: center;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 22px;
}

/*product section*/
.product-form {
    width: 50%;
    margin: 20px 0;
}

.percentage {
    font-size: 30px;
}

#products-content .card-wrapper {
    display: block;
    margin: 0 8px;
    padding: 20px 10px 10px;
    position: relative;
    text-align: center;
    top: 0;
    transition: all 0.3s ease-out 0s;
    z-index: 1;
}

input[type="checkbox"] {
    margin: 0px 8px 0px 15px;
    margin-top: 1px \9;
    line-height: normal;
}

.table a {
    color: #333;
}

/*for calculation*/

.calculate {
    margin: 1em auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.calculate__inquiry {
    width: 75%;
    margin: auto;
    margin-top: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 319px) {
    .calculate__inquiry {
        display: block;
        width: 100%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .calculate__inquiry {
        display: block;
        width: 100%;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-resolution: 192dpi) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-resolution: 2dppx) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-width: 320px) and (max-width: 768px) {
    html body main .calculate__inquiry {
        display: block;
        width: 100%;
    }
}

.calculate__inquiry > div {
    display: none;
    width: 100%;
}

.calculate__inquiry > div.active {
    display: block;
    -webkit-animation: fadein 0.2s linear;
    animation: fadein 0.2s linear;
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes fadein {
    from {
        opacity: 0;
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.calculate__inquiry__selection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    text-align: center;
    margin: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (max-width: 319px) {
    .calculate__inquiry__selection {
        display: block;
        width: 100%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .calculate__inquiry__selection {
        display: block;
        width: 100%;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-resolution: 192dpi) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-resolution: 2dppx) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-width: 320px) and (max-width: 768px) {
    n .calculate__inquiry__selection {
        display: block;
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .calculate__inquiry__selection {
        display: block;
        width: 100%;
    }
}

.calculate__inquiry__selection .selection__item {
    width: 45%;
    padding: 1em;
    background-color: #fff;
    border: 1px solid #ddd;
    cursor: pointer;
    margin: auto 10px;
}

.calculate__inquiry__selection .selection__item > * {
    pointer-events: none;
    display: block;
}

.calculate__inquiry__selection .selection__item.active {
    color: #fff;
    background-color: #324683;
}

.calculate__inquiry__selection .selection__item span {
    font-size: 1.2em;
    text-transform: uppercase;
}

.calculate__inquiry__form .form--thirdparty {
    display: none;
}

.calculate__inquiry__form > section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none;
    margin: auto;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .calculate__inquiry__form > section {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.calculate__inquiry__form > section > form,
.calculate__inquiry__form > section > section {
    width: 70%;
    margin: auto;
    margin-top: 0;
}

.calculate__inquiry__form > section > section {
    padding: 0 1em;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-resolution: 192dpi) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-resolution: 2dppx) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-width: 320px) and (max-width: 768px) {
    .calculate__inquiry__form > section > section {
        width: 100%;
        margin: auto;
        margin-top: 1em;
        padding: 0 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .calculate__inquiry__form > section > section {
        width: 100%;
        margin: auto;
        margin-top: 1em;
        padding: 0 15px;
    }
}

@media only screen and (max-width: 319px) {
    .calculate__inquiry__form > section > form {
        width: 100%;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-resolution: 192dpi) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-resolution: 2dppx) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-width: 320px) and (max-width: 768px) {
    .calculate__inquiry__form > section > form {
        width: 95%;
        margin: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .calculate__inquiry__form > section > form {
        width: 100%;
    }
}

.calculate__inquiry__form > section.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-resolution: 192dpi) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-resolution: 2dppx) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-width: 320px) and (max-width: 768px) {
    .calculate__inquiry__form > section.active {
        display: block;
    }
}

.calculate__inquiry__form form {
    padding: 1em;
    width: 50%;
    margin: auto;
    -webkit-box-shadow: 0px 4px 4px 4px #eee;
    box-shadow: 0px 4px 4px 4px #eee;
}

.calculate__inquiry__form form * {
    font-size: 12px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-resolution: 192dpi) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-resolution: 2dppx) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-width: 320px) and (max-width: 768px) {
    .calculate__inquiry__form form .form-check-inline {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.calculate__inquiry__form form label,
.calculate__inquiry__form form button[type="submit"] {
    font-size: 14px;
}

.calculate__inquiry__form form > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
}

@media only screen and (max-width: 319px) {
    .calculate__inquiry__form form > div {
        display: block;
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .calculate__inquiry__form form > div {
        display: block;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-resolution: 192dpi) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-resolution: 2dppx) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-width: 320px) and (max-width: 768px) {
    .calculate__inquiry__form form > div {
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .calculate__inquiry__form form > div {
        display: block;
    }
}

.calculate__inquiry__form form > div > div label:first-child {
    margin-right: 1.5em;
}

.calculate__inquiry__form form > div > label {
    font-size: 14px;
    font-weight: 600;
}

@media only screen and (max-width: 319px) {
    .calculate__inquiry__form form > div > input {
        display: block;
        width: 100%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .calculate__inquiry__form form > div > input {
        display: block;
        width: 100%;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-resolution: 192dpi) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-resolution: 2dppx) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-width: 320px) and (max-width: 768px) {
    .calculate__inquiry__form form > div > input {
        display: block;
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .calculate__inquiry__form form > div > input {
        display: block;
        width: 100%;
    }
}

.calculate__inquiry__form form button {
    margin-top: 1em;
    width: 10em;
    margin: auto;
    display: block;

    background-color: #293b94;
    color: #fff;
}

.calculate__inquiry__form form button:hover {
    border: 1px solid #293b94;
    background-color: transparent;
    color: #293b94;
}

.calculate__inquiry--motorcycle .calculate__inquiry__form form,
.calculate__inquiry--car .calculate__inquiry__form form,
.calculate__inquiry--bus .calculate__inquiry__form form,
.calculate__inquiry--taxi .calculate__inquiry__form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media only screen and (min-width: 561px) and (max-width: 767px) {
    .calculate__inquiry--motorcycle .calculate__inquiry__form form .form-group,
    .calculate__inquiry--car .calculate__inquiry__form form .form-group,
    .calculate__inquiry--bus .calculate__inquiry__form form .form-group,
    .calculate__inquiry--taxi .calculate__inquiry__form form .form-group {
        width: 50%;
    }
}

.calculate__inquiry--motorcycle
    .calculate__inquiry__form
    form
    .form-group:nth-last-child(1),
.calculate__inquiry--motorcycle
    .calculate__inquiry__form
    form
    .form-group:nth-last-child(2),
.calculate__inquiry--car
    .calculate__inquiry__form
    form
    .form-group:nth-last-child(1),
.calculate__inquiry--car
    .calculate__inquiry__form
    form
    .form-group:nth-last-child(2),
.calculate__inquiry--bus
    .calculate__inquiry__form
    form
    .form-group:nth-last-child(1),
.calculate__inquiry--bus
    .calculate__inquiry__form
    form
    .form-group:nth-last-child(2),
.calculate__inquiry--taxi
    .calculate__inquiry__form
    form
    .form-group:nth-last-child(1),
.calculate__inquiry--taxi
    .calculate__inquiry__form
    form
    .form-group:nth-last-child(2) {
    width: 100%;
}

.calculate__inquiry--motorcycle
    .calculate__inquiry__form
    form
    .form-group
    select,
.calculate__inquiry--car .calculate__inquiry__form form .form-group select,
.calculate__inquiry--bus .calculate__inquiry__form form .form-group select,
.calculate__inquiry--taxi .calculate__inquiry__form form .form-group select {
    padding: 2px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .calculate__inquiry--motorcycle .calculate__inquiry__form form,
    .calculate__inquiry--car .calculate__inquiry__form form,
    .calculate__inquiry--bus .calculate__inquiry__form form,
    .calculate__inquiry--taxi .calculate__inquiry__form form {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}

.calculate__inquiry--motorcycle
    .calculate__inquiry__form
    form
    > div
    > div
    > label
    > input,
.calculate__inquiry--car
    .calculate__inquiry__form
    form
    > div
    > div
    > label
    > input,
.calculate__inquiry--bus
    .calculate__inquiry__form
    form
    > div
    > div
    > label
    > input,
.calculate__inquiry--taxi
    .calculate__inquiry__form
    form
    > div
    > div
    > label
    > input {
    margin-right: 5px;
}

.calculate__inquiry--motorcycle .calculate__inquiry__form__calculation,
.calculate__inquiry--car .calculate__inquiry__form__calculation,
.calculate__inquiry--bus .calculate__inquiry__form__calculation,
.calculate__inquiry--taxi .calculate__inquiry__form__calculation {
    display: none;
}

.calculate__inquiry--motorcycle .calculate__inquiry__form__calculation h3,
.calculate__inquiry--car .calculate__inquiry__form__calculation h3,
.calculate__inquiry--bus .calculate__inquiry__form__calculation h3,
.calculate__inquiry--taxi .calculate__inquiry__form__calculation h3 {
    padding: 0.5em;
    background-color: #016aae;
    color: #fff;
}

.calculate__inquiry--motorcycle .calculate__inquiry__form__calculation table,
.calculate__inquiry--car .calculate__inquiry__form__calculation table,
.calculate__inquiry--bus .calculate__inquiry__form__calculation table,
.calculate__inquiry--taxi .calculate__inquiry__form__calculation table {
    -webkit-box-shadow: 0px 4px 5px 4px #eee;
    box-shadow: 0px 4px 5px 4px #eee;
}

.calculate__inquiry--motorcycle
    .calculate__inquiry__form__calculation
    table
    thead
    th,
.calculate__inquiry--car .calculate__inquiry__form__calculation table thead th,
.calculate__inquiry--bus .calculate__inquiry__form__calculation table thead th,
.calculate__inquiry--taxi
    .calculate__inquiry__form__calculation
    table
    thead
    th {
    text-align: center;
    font-size: 14px;
}

.calculate__inquiry--motorcycle
    .calculate__inquiry__form__calculation
    table
    tbody
    td,
.calculate__inquiry--car .calculate__inquiry__form__calculation table tbody td,
.calculate__inquiry--bus .calculate__inquiry__form__calculation table tbody td,
.calculate__inquiry--taxi
    .calculate__inquiry__form__calculation
    table
    tbody
    td {
    font-size: 12px;
}

.calculate__inquiry--motorcycle
    .calculate__inquiry__form__calculation
    table
    tbody
    td:nth-child(1),
.calculate__inquiry--car
    .calculate__inquiry__form__calculation
    table
    tbody
    td:nth-child(1),
.calculate__inquiry--bus
    .calculate__inquiry__form__calculation
    table
    tbody
    td:nth-child(1),
.calculate__inquiry--taxi
    .calculate__inquiry__form__calculation
    table
    tbody
    td:nth-child(1) {
    padding-left: 1em;
    width: 45%;
}

.calculate__inquiry--motorcycle
    .calculate__inquiry__form__calculation
    table
    tbody
    td:nth-child(2),
.calculate__inquiry--car
    .calculate__inquiry__form__calculation
    table
    tbody
    td:nth-child(2),
.calculate__inquiry--bus
    .calculate__inquiry__form__calculation
    table
    tbody
    td:nth-child(2),
.calculate__inquiry--taxi
    .calculate__inquiry__form__calculation
    table
    tbody
    td:nth-child(2) {
    text-align: center;
    width: 10%;
}

.calculate__inquiry--motorcycle
    .calculate__inquiry__form__calculation
    table
    tbody
    td:nth-child(3),
.calculate__inquiry--car
    .calculate__inquiry__form__calculation
    table
    tbody
    td:nth-child(3),
.calculate__inquiry--bus
    .calculate__inquiry__form__calculation
    table
    tbody
    td:nth-child(3),
.calculate__inquiry--taxi
    .calculate__inquiry__form__calculation
    table
    tbody
    td:nth-child(3) {
    text-align: right;
    padding-right: 1em;
    width: 45%;
}

.calculate__inquiry--motorcycle .calculate__inquiry__form__calculation.show,
.calculate__inquiry--car .calculate__inquiry__form__calculation.show,
.calculate__inquiry--bus .calculate__inquiry__form__calculation.show,
.calculate__inquiry--taxi .calculate__inquiry__form__calculation.show {
    display: inline-block;
}

@media only screen and (max-width: 319px) {
    .calculate__inquiry--motorcycle .calculate__inquiry__form__calculation.show,
    .calculate__inquiry--car .calculate__inquiry__form__calculation.show,
    .calculate__inquiry--bus .calculate__inquiry__form__calculation.show,
    .calculate__inquiry--taxi .calculate__inquiry__form__calculation.show {
        display: block;
        width: 100%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .calculate__inquiry--motorcycle .calculate__inquiry__form__calculation.show,
    .calculate__inquiry--car .calculate__inquiry__form__calculation.show,
    .calculate__inquiry--bus .calculate__inquiry__form__calculation.show,
    .calculate__inquiry--taxi .calculate__inquiry__form__calculation.show {
        display: block;
        width: 100%;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-resolution: 192dpi) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-resolution: 2dppx) and (min-width: 320px) and (max-width: 1024px),
    only screen and (min-width: 320px) and (max-width: 768px) {
    .calculate__inquiry--motorcycle .calculate__inquiry__form__calculation.show,
    .calculate__inquiry--car .calculate__inquiry__form__calculation.show,
    .calculate__inquiry--bus .calculate__inquiry__form__calculation.show,
    .calculate__inquiry--taxi .calculate__inquiry__form__calculation.show {
        display: block;
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .calculate__inquiry--motorcycle .calculate__inquiry__form__calculation.show,
    .calculate__inquiry--car .calculate__inquiry__form__calculation.show,
    .calculate__inquiry--bus .calculate__inquiry__form__calculation.show,
    .calculate__inquiry--taxi .calculate__inquiry__form__calculation.show {
        display: block;
        width: 100%;
    }
}

.calculate__inquiry--motorcycle .calculate__inquiry__form .plan_benefits h4,
.calculate__inquiry--car .calculate__inquiry__form .plan_benefits h4,
.calculate__inquiry--bus .calculate__inquiry__form .plan_benefits h4,
.calculate__inquiry--taxi .calculate__inquiry__form .plan_benefits h4 {
    font-size: 16px;
}

.calculate__inquiry--motorcycle .calculate__inquiry__form .plan_benefits table,
.calculate__inquiry--car .calculate__inquiry__form .plan_benefits table,
.calculate__inquiry--bus .calculate__inquiry__form .plan_benefits table,
.calculate__inquiry--taxi .calculate__inquiry__form .plan_benefits table {
    -webkit-box-shadow: 0px 1px 1px 1px #eee;
    box-shadow: 0px 1px 1px 1px #eee;
}

.calculate__inquiry--motorcycle
    .calculate__inquiry__form
    .plan_benefits
    table
    th,
.calculate__inquiry--car .calculate__inquiry__form .plan_benefits table th,
.calculate__inquiry--bus .calculate__inquiry__form .plan_benefits table th,
.calculate__inquiry--taxi .calculate__inquiry__form .plan_benefits table th {
    font-size: 14px;
}

.calculate__inquiry--motorcycle
    .calculate__inquiry__form
    .plan_benefits
    table
    td,
.calculate__inquiry--car .calculate__inquiry__form .plan_benefits table td,
.calculate__inquiry--bus .calculate__inquiry__form .plan_benefits table td,
.calculate__inquiry--taxi .calculate__inquiry__form .plan_benefits table td {
    font-size: 12px;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .calculate__inquiry--motorcycle
        .calculate__inquiry__form
        .plan_benefits
        table
        thead,
    .calculate__inquiry--car
        .calculate__inquiry__form
        .plan_benefits
        table
        thead,
    .calculate__inquiry--bus
        .calculate__inquiry__form
        .plan_benefits
        table
        thead,
    .calculate__inquiry--taxi
        .calculate__inquiry__form
        .plan_benefits
        table
        thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .calculate__inquiry--motorcycle
        .calculate__inquiry__form
        .plan_benefits
        table
        tr,
    .calculate__inquiry--car .calculate__inquiry__form .plan_benefits table tr,
    .calculate__inquiry--bus .calculate__inquiry__form .plan_benefits table tr,
    .calculate__inquiry--taxi
        .calculate__inquiry__form
        .plan_benefits
        table
        tr {
        margin-bottom: 10px;
        display: block;
        background-color: #eee;
    }

    .calculate__inquiry--motorcycle
        .calculate__inquiry__form
        .plan_benefits
        table
        tr
        td,
    .calculate__inquiry--car
        .calculate__inquiry__form
        .plan_benefits
        table
        tr
        td,
    .calculate__inquiry--bus
        .calculate__inquiry__form
        .plan_benefits
        table
        tr
        td,
    .calculate__inquiry--taxi
        .calculate__inquiry__form
        .plan_benefits
        table
        tr
        td {
        border-bottom: 1px solid #ddd;
        display: block;
        text-align: right;
        padding-left: 88px;
    }

    .calculate__inquiry--motorcycle
        .calculate__inquiry__form
        .plan_benefits
        table
        tr
        td::before,
    .calculate__inquiry--car
        .calculate__inquiry__form
        .plan_benefits
        table
        tr
        td::before,
    .calculate__inquiry--bus
        .calculate__inquiry__form
        .plan_benefits
        table
        tr
        td::before,
    .calculate__inquiry--taxi
        .calculate__inquiry__form
        .plan_benefits
        table
        tr
        td::before {
        position: absolute;
        left: 6%;
    }

    .calculate__inquiry--motorcycle
        .calculate__inquiry__form
        .plan_benefits
        table
        tr
        td:nth-child(1),
    .calculate__inquiry--motorcycle
        .calculate__inquiry__form
        .plan_benefits
        table
        tr
        td:last-child,
    .calculate__inquiry--car
        .calculate__inquiry__form
        .plan_benefits
        table
        tr
        td:nth-child(1),
    .calculate__inquiry--car
        .calculate__inquiry__form
        .plan_benefits
        table
        tr
        td:last-child,
    .calculate__inquiry--bus
        .calculate__inquiry__form
        .plan_benefits
        table
        tr
        td:nth-child(1),
    .calculate__inquiry--bus
        .calculate__inquiry__form
        .plan_benefits
        table
        tr
        td:last-child,
    .calculate__inquiry--taxi
        .calculate__inquiry__form
        .plan_benefits
        table
        tr
        td:nth-child(1),
    .calculate__inquiry--taxi
        .calculate__inquiry__form
        .plan_benefits
        table
        tr
        td:last-child {
        text-align: right;
    }

    .calculate__inquiry--motorcycle
        .calculate__inquiry__form
        .plan_benefits
        table
        tr
        td
        a.btn,
    .calculate__inquiry--car
        .calculate__inquiry__form
        .plan_benefits
        table
        tr
        td
        a.btn,
    .calculate__inquiry--bus
        .calculate__inquiry__form
        .plan_benefits
        table
        tr
        td
        a.btn,
    .calculate__inquiry--taxi
        .calculate__inquiry__form
        .plan_benefits
        table
        tr
        td
        a.btn {
        margin-right: 0;
    }

    .calculate__inquiry--motorcycle
        .calculate__inquiry__form
        .plan_benefits
        table
        td::before,
    .calculate__inquiry--car
        .calculate__inquiry__form
        .plan_benefits
        table
        td::before,
    .calculate__inquiry--bus
        .calculate__inquiry__form
        .plan_benefits
        table
        td::before,
    .calculate__inquiry--taxi
        .calculate__inquiry__form
        .plan_benefits
        table
        td::before {
        content: attr(data-label);
        float: left;
    }
}

.custom-file input[type="file"] {
    display: inline-block;
    float: left;
    padding: 5px 15px;
    margin-bottom: 5px;
}

.pro-btn-links {
    text-align: left;
    margin-top: 25px;
    display: inline;
}

.pro-btn-links li {
    display: inline;
}

.pro-btn-links .btn-01 a {
    display: inline-block;
    border: 2px solid #293b94;
    padding: 5px 15px;
    margin: 5px 5px;
    background: #293b94 0% 0% no-repeat padding-box;
    border-radius: 100px;
    color: #fff;
    font-size: 14px;
}

.pro-btn-links .btn-01:hover a {
    color: #293b94;
    background: transparent;
    border: 2px solid #293b94;
}

.pro-btn-links .btn-02 a {
    display: inline-block;
    border: 2px solid #ed1c24;
    border-radius: 100px;
    opacity: 1;
    font-size: 14px;
    color: #ed1c24;
    padding: 5px 15px;
    margin: 5px 5px;
}

.pro-btn-links .btn-02:hover a {
    color: #fff;
    background: #ed1c24;
}

.pro-btn-title-top {
    margin-bottom: 20px;
    font-size: 14px;
    padding: 0px 5px;
    font-weight: 600;
    color: #293b94;
    text-align: left;
    padding-left: 18%;
}

.products-slider .card-wrapper {
    display: none;
}

.products-slider .active {
    display: block;
}

.carte {
    border: 2px solid #28389747;
    padding: 35px 0 35px 0;
    margin: 0 21% 0 23%;
    margin-top: 100px;
    /*      background: rgb(40,56,151);
    background        : linear-gradient(31deg, #f5f5f5 2%, rgb(127, 143, 237) 95%);*/
    border-radius: 44px;
    margin-bottom: 30px;
}

.carte:hover {
    border: 2px solid #293b94;
}

.btn-back {
    text-align: right;
    margin-right: 60px;
    line-height: 50px;
    float: right;
}

/* form-for-renew-buy */
.form-for-renew-buy {
    margin: 60px 0 0 0;
}

.main-renew-buy {
    text-align: center;
    margin-bottom: 30px;
}

.main-renew-buy img {
    height: 50px;
    margin-right: 5px;
    background: #293b9400;
    border: 1px solid #293b94;
    padding: 11px;
    border-radius: 50%;
}

.sub-side-nav img {
    height: 25px;
}

.personal-policy-detail-nav {
    position: absolute;
    z-index: 9;
    right: 41px;
    top: 20px;
}

.personal-policy-detail-nav li a {
    padding: 4px 12px;
}

.main-renew-buy .nav-pills > li {
    float: none;
    display: inline-block;
    background: #f5f5f5;
    border: 3px;
}

.sub-side-nav {
    text-align: center;
}

.sub-side-nav li {
    display: inline-block;
    background: #eeeeee80;
    float: none;
}

.bg-form-grey {
    background: #f8f7f7;
    border-radius: 10px;
    margin-bottom: 60px;
}

/* for-claim and renew form  */
/* .pt-claim {
    padding: 75px 15px 30px 15px;
} */

.pt-renew {
    padding: 30px 15px 30px 15px;
}

.renew-title {
    line-height: 40px;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 28px;
    text-transform: uppercase;
    color: #293b94;
    font-weight: 600;
    text-align: center;
}

.renew-title span {
    line-height: 2;
    letter-spacing: 0.6px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #000;
    text-align: center;
    text-transform: none;
    font-weight: 400;
}

.terms-area input[type="checkbox"] {
    line-height: normal;
    float: left;
    width: 13px;
    margin-top: 6px;
}

.terms-area {
    display: inline;
}

.terms-text {
    font-size: 12px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #293b94;
    background-color: #caeeff;
}

#heading {
    text-transform: uppercase;
    color: #293b94;
    font-weight: 600;
}

#msform {
    text-align: center;
    position: relative;
    margin-top: 20px;
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 70px;
    position: relative;
}

.form-for-renew-buy .form-card {
    text-align: left;
}

#msform fieldset:not(:first-of-type) {
    display: none;
}

#msform input,
#msform textarea {
    border: 1px solid #ccc;
    box-sizing: border-box;
    color: #2c3e50;
    background-color: #eceff1;
}

#msform input:focus,
#msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #293b94;
    outline-width: 0;
}

#msform .action-button {
    width: 130px;
    background: #293b94;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 6px 5px;
    margin: 10px 15px 10px 5px;
    float: right;
}

#msform .action-button-submit {
    width: 130px;
    background: #293b94;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 6px 5px;
    margin: 10px 15px 10px 5px;
    float: right;
}

#msform .action-button:hover,
#msform .action-button:focus {
    background-color: #311b92;
}

#msform .action-button-previous {
    width: 130px;
    background: #616161;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 6px 5px;
    margin: 0px 15px 10px 5px;
    float: right;
}

#msform .btn-primary {
    width: 130px;
    line-height: 23px;
    font-weight: bold;

    float: right;
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    background-color: #000000;
}

.form-for-renew-buy .card {
    z-index: 0;
    border: none;
    position: relative;
}

.form-for-renew-buy .fs-title {
    font-size: 25px;
    color: #293b94;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: left;
}

.form-for-renew-buy .purple-text {
    color: #293b94;
    font-weight: normal;
}

.form-for-renew-buy .steps {
    font-size: 25px;
    color: gray;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right;
}

.form-for-renew-buy .fieldlabels {
    color: gray;
    text-align: left;
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey;
}

#progressbar .active {
    color: #293b94;
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 33%;
    float: left;
    position: relative;
    font-weight: 400;
}

#progressbar #policy:before {
    font-family: FontAwesome;
    content: "\f15c";
}

#progressbar #personal:before {
    font-family: FontAwesome;
    content: "\f007";
}

#progressbar #payment:before {
    font-family: FontAwesome;
    content: "\f030";
}

#progressbar #confirm:before {
    font-family: FontAwesome;
    content: "\f00c";
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
}

#progressbar li:after {
    content: "";
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1;
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #293b94;
}

.form-for-renew-buy .progress {
    height: 20px;
}

.form-for-renew-buy .progress-bar {
    background-color: #293b94;
}

.form-for-renew-buy .successful-icon {
    text-align: center;
}

.form-for-renew-buy .successful-icon .fit-image {
    width: auto;
    height: 80px;
    object-fit: cover;
    margin-bottom: 23px;
}

/* for claim and renew form end here  */
#lightgallery .col-sm-4 {
    padding-right: 0px;
    padding-left: 0px;
}

.demo-gallery > .list-unstyled > .item a {
    border: 2px solid #fff;
}

.demo-gallery > .list-unstyled > .item a {
    display: block;
    overflow: hidden;
    position: relative;
    float: left;
}

#gallery {
    margin-top: 60px;
}

#lightgallery .gallery-title {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    padding: 15px;
    bottom: 0;
    background: #293b949e;
    position: absolute;
    text-shadow: rgba(51, 51, 51, 0.47) 1px 2px 2px;
    font-weight: 600;
}

/* sub-form area */

.parent-container {
    padding: 0 20px 0 20px;
    max-width: 800px;
    width: 100%;
}

.form-plus-sub {
    list-style: none;
    padding-left: 40px;
    padding-right: 20px;
}

.form-plus-sub li {
    border-bottom: 1px solid #999999;
    margin: 5px;
}

.form-plus-sub li.active .open-form {
    max-height: 450px !important;
    overflow-y: auto;
    transition: max-height 0.5s ease, padding-bottom 0.5s ease;
}

.form-plus-sub li.active .closed-form {
    color: #9b9b9b;
    transition: color 0.5s ease;
}

.form-plus-sub .open-form {
    color: #9b9b9b;
    font-size: 16px;
    line-height: 24px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, padding-bottom 0.5s ease;
}

.form-plus-sub .plus-minus-toggle {
    cursor: pointer;
    height: 16px;
    position: absolute;
    width: 16px;
    left: -40px;
    top: 50%;
    z-index: 2;
}

.form-plus-sub .plus-minus-toggle:before,
.form-plus-sub .plus-minus-toggle:after {
    background: #9b9b9b;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 16px;
    transition: transform 500ms ease;
}

.form-plus-sub .plus-minus-toggle:after {
    transform-origin: center;
}

.form-plus-sub .plus-minus-toggle.collapsed:after {
    transform: rotate(90deg);
}

.form-plus-sub .plus-minus-toggle.collapsed:before {
    transform: rotate(180deg);
}

.form-plus-sub .closed-form {
    color: #9b9b9b;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    padding: 20px 0;
    margin: 0px;
    transition: color 0.5s ease;
}

@media screen and (max-width: 767px) {
    .form-plus-sub .closed-form {
        font-size: 14px;
    }
}

/* for view information page  */
.view-info ul.insurance-list span {
    margin-right: 30px !important;
}

.view-main-title {
    margin: 40px 0 20px 0;
    line-height: 37px;
}

/* for print page  */

.form-print .personal-info {
    padding: 25px 18%;
    display: inline-block;
    width: 100%;
}

.form-print {
    padding: 70px 0;
}

.form-print .personal-info li {
    width: 50%;
    float: left;
}

.form-print .personal-info li p {
    margin: 0px;
    line-height: 30px;
}

.personal-info li span {
    width: 50%;
    float: left;
    font-weight: 600;
}

.form-print .title {
    margin: 0;
    padding: 0;
    font-weight: 600;
    text-transform: uppercase;
}

.form-print .letter-head {
    text-align: center;
    height: 100%;
}

.form-print .letter-head img {
    border-bottom: 2px solid #000;
}

.form-print .title img {
    border: 1px solid #000;
    height: 100px;
    margin-top: 22px;
}

/* sitemap css */
.site-map li {
    float: left;
    width: 50%;
    margin: 5px 0;
}

.site-map-title {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 30px;
}

span.validate-has-error {
    font-size: 12px;
    color: #f00;
    position: absolute;
    z-index: 9;
    left: 17px;
    bottom: -23px;
}

div.p-item {
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 15px 0px 0px;
    min-height: 270px;
    max-height: 270px;
}

div.p-item p {
    line-height: 25px !important;
}

div.p-item > a {
    position: absolute;
    top: -20px;
    right: 20px;
    margin-bottom: 15px;
}