/* 
*****************************************************************
Created By: Pushpendra From Dion Global Solutions Ltd
*****************************************************************
*/
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');

/*********************Loader *********************/
html {
    scroll-behavior: smooth;
}

.page-loader {
    position: fixed;
    background: rgba(0, 0, 0, 0.85);
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    z-index: 9998;
}

.loader {
    position: absolute;
    border: 5px solid #ae405a;
    border-top: 5px solid #d4a53a;
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin: -36px 0 0 -36px;
    text-indent: -9999em;
    font-size: 10px;
    z-index: 9999;
    animation: load 0.8s infinite linear;
}

.preloader_logo {
    position: absolute;
    height: 70px;
    width: 70px;
    left: 50%;
    top: 50%;
    margin: -35px 0 0 -35px;
    background: url(../images/loader.png);
}

.loader,
.loader:after {
    border-radius: 50%;
    width: 72px;
    height: 72px;
}

@keyframes load {
    0% {
        transform: rotate(0deg);
    }

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

/*********************End Loader *********************/
.img-responsive {
    max-width: 100%
}

a {
    text-decoration: none !important;
}

a:hover {
    color: #962933;
}

ul,
li {
    list-style-type: none;
    margin-bottom: 0
}

:focus {
    outline: none;
}

.sprite {
    background: url(../images/sprite.png) no-repeat;
}

.font-thin {
    font-weight: 300
}

.font-light {
    font-weight: 400
}

.font-normal {
    font-weight: 500
}

.font-bold {
    font-weight: 700
}

.black_font {
    color: #000 !important;
}

.white_font {
    color: #fff !important;
}

.text-red {
    color: #ff0000 !important;
}

.bx-shadow {
    box-shadow: 0px -1px 7px 0px rgb(130 130 130 / 62%);
}

.show-mobile-inv {
    display: none;
}

.show_mob {
    display: none;
}

.hover_efect:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    background: #aa4263;
    background: linear-gradient(to right, #aa4263, #984783);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hover_efect:hover:before,
.hover_efect:focus:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/*********************Header Section*********************/
header {
    padding: 0px 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background: #fff;
}

header.shadw .out_nav {
    box-shadow: 1px 0px 5px 3px #c7c2c2;
}

header .out_nav {
    background: #fff;
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    -ms-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;
    position: fixed;
    width: 100%;
    top: 0px;
}

.header_hide .out_nav {
    top: -106px;
}

.fixed_header .out_nav {
    top: 0px;
}

.logo {
    /* display: inline-block;*/
    width: 15%;
    margin: 25px 0;
}

.logo img {
    width: 100%;
}

#mob_nav {
    display: none;
}

.faded {
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 98
}

.header_button {
    /* display: inline-block;
width: 26%; */
    /* vertical-align: top;
text-align: right; */
}

.hd_btns {
    display: inline-block;
    margin-right: 10px;
    border: 1px solid #f07f2e;
    color: #fff;
    padding: 7px 28px;
    text-transform: uppercase;
    border-radius: 27px;
    font-weight: bold;
    position: relative;
    background: #f07e2d;
    font-size: 18px;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -o-transition: .5s ease;
}

.seconddry_btns {
    background: #fff;
    color: #f07f2e;
}

.seconddry_btns:hover {
    background: #f07e2d !important;
    color: #ffffff !important;
}

.srch_btn {
    display: block;
    margin-top: -5px;
    border: 2px solid #dcdcdc !important;
    height: 38px !important;
    position: relative;
    width: 97% !important;
    margin-bottom: 12px !important;
    color: #000 !important;
    border-top: 0 !important;
    font-size: 14px;
}

.srch_btn::placeholder {
    color: #000;
}

.srch_clck {
    position: absolute;
    right: 42px;
    top: 2px;
    border: 0
}

.hedr_drop {
    padding: 0;
}

.ft_nav_m {
    position: relative;
}

.ft_head_m:after {
    position: absolute;
    top: 3px;
    right: 5px;
    font-family: 'FontAwesome';
    content: "\f107";
    font-size: 20px;
    opacity: 0.7;
    transform: rotate(-45deg);
    transition: 0.3s all ease;
    color: #fff;
}

.sub_mn {
    position: relative;
    left: 0px;
    display: none;
    transition: all 0.3s;
}

.sub_mn li {
    display: block;
}

.sub_mn li a {
    display: block;
    background: #ffffff;
    border-top: 1px solid #ccc;
    padding: 6px 15px;
    font-weight: 400;
    color: #b43f53;
}

.sub_mn li a:hover {
    background: rgb(180 63 79 / 87%);
    color: #fff;
}

.ft_head_m.active:after {
    transform: rotate(0deg);
    transition: 0.3s all ease;
    opacity: 1;
}

.hd_btns img {
    width: 20px;
}

.hd_btns:last-child {
    margin-right: 0;
}

.hd_btns:hover {
    color: #f07f2e;
    background: #ffffff;
    border: 1px solid #f07f2e;
}

.text_blue {
    color: #004780 !important
}

.text_grren {
    color: #008e48 !important
}

.border-top-blck {
    border-top: 1px solid #000;
}

.font_secondry {
    color: #7a7a7a !important;
}

.inner-header {
    display: block;
    position: relative;
    margin: 0;
}

.wats_app {
    position: fixed;
    bottom: 55px;
    z-index: 999;
    right: 0;
    width: 40px;
}

.wats_app a {
    display: block;
    overflow: hidden;
}

.wats_app a:hover {
    transform: scale(1.1);
    transition: all 0.3s;
}

.wats_app img {
    width: 40px;
}

/*********************Mobile navigation*********************/
.sideLeftNav {
    position: fixed;
    top: 108px;
    left: 0;
    background-color: white;
    z-index: 99;
    box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.3)
}

.sideLeftNav>ul {
    margin: 0;
    padding: 0;
}

.sideLeftNav>ul>li {
    border-bottom: 1px solid #ccc;
    position: relative;
}

.sideLeftNav>ul>li>a {
    display: block;
    padding: 24.5px 10px;
    position: relative;
    transform: 0.3s all ease;
}

.sideLeftNav>ul>li>a>i {
    width: 40px;
    height: 40px;
    display: block;
    position: relative;
    z-index: 9
}

.sideLeftNav>ul>li>a>b {
    position: absolute;
    background-color: #163583;
    top: 0;
    left: -100px;
    height: 100%;
    width: 100px;
    color: white;
    font-weight: normal;
    white-space: nowrap;
    display: inline-block;
    padding: 35px 15px;
    transition: 0.3s all ease;
    z-index: 8;
    opacity: 0
}

.sideLeftNav>ul>li>a:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    content: "";
    background-color: #fead00;
    opacity: 0;
    transition: 0.3s all ease;
}

.sideLeftNav>ul>li:hover>a:before {
    width: 100%;
    transition: 0.3s all ease;
    opacity: 1
}

.sideLeftNav>ul>li:hover>a>b {
    transition: 0.3s all ease;
    left: 60px;
    opacity: 1;
}

.sideLeftNav>ul>li>ul {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    left: -60px;
    opacity: 0;
    transition: 0.3s all ease;
}

.sideLeftNav>ul>li>ul>li>a {
    display: block;
    background-color: #163583;
    width: 100px;
    color: white;
    padding: 10px;
    font-weight: normal;
    font-size: 12px
}

.sideLeftNav>ul>li>ul>li>a:hover {
    background-color: #0076d3
}

.sideLeftNav>ul>li:hover>ul {
    opacity: 1;
    top: 90px;
    left: 60px;
}

.login_btn {
    background-color: #163583;
    color: #fff;
    display: block;
    padding: 18px 20px;
    transition: 0.3s all ease
}

.login_btn i {
    font-size: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.login_btn b {
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px
}

.login_btn:hover {
    background-color: #ffad02;
    color: #163583;
    transition: 0.3s all ease
}

.sideRightNav {
    position: fixed;
    top: 108px;
    right: -180px;
    background-color: white;
    z-index: 100;
    transition: 0.3s all ease
}

.sideRightNav.shift {
    right: -180px;
    transition: 0.3s all ease
}

.sideRightNav:hover {
    right: 0;
    transition: 0.3s all ease
}

.sideRightNav>ul {
    margin: 0;
    padding: 0;
}

.sideRightNav>ul>li {
    border-bottom: 1px solid #ccc;
    position: relative;
}

.sideRightNav>ul>li:last-child {
    border-bottom: none;
}

.sideRightNav>ul>li>a {
    display: block;
    padding: 17.4px 15px;
    transition: 0.3s all ease
}

.sideRightNav>ul>li>a:hover {
    background: #f07e2d;
    color: #fff;
    transition: 0.3s all ease
}

.sideRightNav>ul>li>a:hover b {
    color: #fff;
}

.sideRightNav>ul>li>a>i {
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    position: relative;
    z-index: 9
}

.sideRightNav>ul>li>a>b {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    color: #091b47
}

/*========Banner==========*/
.banar {
    display: block;
    overflow: hidden;
    position: relative;
    margin-top: 80px;
}

.bn_left {
    margin-top: 100px;
}

.bn_left ul li {
    width: 100%;
    position: relative;
    margin-bottom: 13px;
    font-size: 18px;
    padding-left: 20px;
}

.bn_left ul li:after {
    position: absolute;
    content: "";
    width: 5px;
    height: 16px;
    background: #f07e2d;
    left: 0;
    top: 6px;
}

.strt_trding {
    padding: 9px 39px;
    font-size: 20px;
    font-weight: 600;
    border-radius: 25px;
    color: #fff;
    background: #f07e2d;
    text-transform: uppercase;
    margin-top: 40px;
    display: inline-block;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
    border: 1px solid #f07f2e;
}

.strt_trding:hover {
    color: #f07e2d !important;
    background: #fff;
}

.bn_left h4 {
    margin-top: 30px;
    position: relative;
}

.bn_left h4::after {
    position: absolute;
    content: "";
    background: #f07e2d;
    width: 10px;
    height: 89%;
    left: -25px;
    top: 6px;
}

.bn_left h4 em {
    font-size: 36px;
    color: #000;
    font-style: normal;
    font-weight: 600;
    display: block;
}

.bn_left h4 span {
    font-size: 30px;
    color: #000;
    font-style: normal;
    font-weight: 400;
    display: block;
}

.bn_left i {
    font-size: 24px;
    color: #000;
    font-style: normal;
    font-weight: 400;
    display: block;
    margin-top: 30px;
}

.strt_trd_btns {
    margin-top: 30px;
}

.strt_trd_btns a {
    display: inline-block;
    color: #891836;
    border: 1px dashed #891836;
    padding: 10px 8px;
    width: 30%;
    margin-bottom: 10px;
    margin-right: 6px;
    font-size: 16px;
    position: relative;
    border-radius: 5px;
    background: #fff;
}

.strt_trd_btns a:hover {
    color: #fff;
    background: #ae415a !important;
}

.help_btn {
    position: absolute;
    right: 0;
    bottom: 15px;
    z-index: 999;
    display: none;
}

.in_bn {
    position: relative;
}

.in_bn img {
    width: 100%;
}

.bn_left {
    position: absolute;
    top: 1%;
    left: 11%;
}

.bn_slider .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -10%;
    position: absolute;
    z-index: 9999;
    left: 11%;
}

.owl-theme .owl-dots .owl-dot span {
    width: 17px;
    height: 7px;
    margin: 5px 4px;
    background: #ababab;
    border-radius: 18px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #f07e2d;
    width: 30px;
}

/*Registerr*/
.rgstr_wdth {
    background: #f5f5f5;
    padding: 50px 0;
}

.hdng_mn {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 40px;
}

.inner {
    position: relative;
    display: block;
    overflow: hidden;
}

.inner h4 {
    position: absolute;
    left: 0;
    top: 10px;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
}

.inner p {
    margin: 0;
    font-size: 18px;
    color: #000;
    line-height: 22px;
    font-weight: 400;
    margin-top: 20px;
    padding-left: 5px;
}

.inner p span {
    display: block;
}

/*One Place*/
.on_plce {
    background: #ebebeb;
    padding: 50px 0;
}

.cst_stfication {
    padding: 50px 0;
}

.right_testmny {
    margin-left: -50px;
    box-shadow: 1px 1px 4px 5px #f3f3f3;
    padding: 40px;
    border-radius: 10px;
    margin-top: 50px;
    width: 95%;
}

.clnt_sld_outr p {
    font-size: 20px;
    color: #000;
}

.info p {
    margin-bottom: 0;
    line-height: 17px;
}

.cst_stfication .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 30px;
    text-align: right;
}

.download_mobnav {
    display: none;
}

/*Product*/
.invstmnt li {
    width: 11%;
}

.invstmnt li a {
    font-size: 20px;
    color: #cacaca;
    padding: 5px 15px;
    display: block;
    text-align: center;
    line-height: 21px;
    height: 100%;
    margin-bottom: 20px;
    padding-top: 20px;
}

.invstmnt li a b {
    font-weight: normal;
    margin-top: 10px;
    display: block;
}

.invstmnt li a.active {
    color: #000;
    background: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.invstmnt li a:hover {
    background: rgb(255 255 255 / 9%);
    color: #000;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.invstmnt li:first-child a {}

.invstmnt .tab_icn {
    background: url(../images/product_Sprite.png) no-repeat;
    width: 65px;
    height: 60px;
    display: block;
    margin: 0 auto;
    transition: all 0.3s;
}

.invstmnt .tab-content {
    background: #fff;
    padding: 20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.invstmnt li a .icn1 {
    background-position: 7px 0px;
}

.invstmnt li a .icn2 {
    background-position: -57px -70px;
}

.invstmnt li a .icn3 {
    background-position: -127px -70px;
}

.invstmnt li a .icn4 {
    background-position: -205px -70px;
}

.invstmnt li a .icn5 {
    background-position: -278px -70px;
}

.invstmnt li a .icn6 {
    background-position: -351px -70px;
}

.invstmnt li a .icn7 {
    background-position: -422px -70px;
}

.invstmnt li a .icn8 {
    background-position: -490px -70px;
}

.invstmnt li a .icn9 {
    background-position: -559px -70px;
}

.invstmnt li a:hover .icn1,
.invstmnt li a.active .icn1 {
    background-position: 7px -68px
}

.invstmnt li a:hover .icn2,
.invstmnt li a.active .icn2 {
    background-position: -57px -6px
}

.invstmnt li a:hover .icn3,
.invstmnt li a.active .icn3 {
    background-position: -127px -6px
}

.invstmnt li a:hover .icn4,
.invstmnt li a.active .icn4 {
    background-position: -205px -6px
}

.invstmnt li a:hover .icn5,
.invstmnt li a.active .icn5 {
    background-position: -278px -6px
}

.invstmnt li a:hover .icn6,
.invstmnt li a.active .icn6 {
    background-position: -351px -6px
}

.invstmnt li a:hover .icn7,
.invstmnt li a.active .icn7 {
    background-position: -422px -6px
}

.invstmnt li a:hover .icn8,
.invstmnt li a.active .icn8 {
    background-position: -490px -6px
}

.invstmnt li a:hover .icn9,
.invstmnt li a.active .icn9 {
    background-position: -559px -6px
}

.lft_dta_tb {
    padding-left: 115px;
    margin-top: 80px;
}

.lft_dta_tb h5 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 20px;
}

.lft_dta_tb p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 30px;
}

.lft_dta_tb li {
    width: 100%;
    position: relative;
    margin-bottom: 13px;
    font-size: 18px;
    padding-left: 20px;
}

.lft_dta_tb li:after {
    position: absolute;
    content: "";
    width: 5px;
    height: 16px;
    background: #f07e2d;
    left: 0;
    top: 6px;
}

.or_strnght {
    padding: 86px 0;
    background: url(../images/srnght_bg.png) no-repeat center center;
    background-size: cover;
    overflow: hidden;
    margin: 40px 0;
}

.or_strnght .hdng_mn {
    border: 1px solid rgb(240 126 45 / 24%);
    display: inline-block;
    width: 33%;
    padding: 15px 12px;
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
    box-shadow: 0px 1px 8px -3px #a9a9a9;
    text-align: left;
    padding-left: 21px;
    margin-right: -10px;
    border-left: 5px solid #f07e2d;
}

.tem {
    padding: 50px 0;
    background: #f5f5f5;
}

.tem h5 {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 0;
}

.tem h6 {
    font-size: 16px;
    color: #000;
    font-weight: 400;
}

.platfrm {
    padding: 50px 0
}

.images_lft {
    width: 85px;
    margin-right: 15px;
}

.plt_t_rght {
    width: 90%;
}

.plt_t_rght h6 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.plt_t_rght p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 27px;
}

.download_pp a {
    margin-right: 10px;
    transition: all 0.3s;
}

.download_pp a:hover {
    transform: scale(1.1);
    transition: all 0.3s;
}

.lst {
    background: url(../images/lst1.png) no-repeat;
    width: 44%;
    padding: 50px;
    padding-left: 90px;
}

.lst h5 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0;
}

.lst h6 {
    font-size: 24px;
    font-weight: 300;
    color: #000;
    margin-bottom: 10px;
}

.lst p {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    width: 60%;
    line-height: 28px;
}

.lst2 {
    background: url(../images/lst2.png) no-repeat;
    width: 47%;
    padding: 50px;
    padding-left: 200px;
    margin-right: 8%;
}

.lst2 p,
.lst3 p {
    width: 91%;
}

.lst3 {
    background: url(../images/lst3.png) no-repeat;
    width: 45%;
    margin-top: -13%;
    margin-right: -11%;
    padding: 16% 11% 0% 12%;
}

.lst4 {
    background: url(../images/lst4.png) no-repeat;
    width: 45%;
    padding: 9% 11% 2% 8%;
}

.lst4 p {
    width: 90%;
}

.lst5 {
    background: url(../images/lst5.png) no-repeat;
    width: 45%;
    padding: 14% 11% 4% 10%;
    margin-left: -2%;
}

/*********************Footer*********************/
footer {
    background-color: #252525;
    position: relative;
    color: #fff;
    padding: 30px;
    padding-bottom: 0;
    border-top: 7px solid #f07e2d;
}

.ft_link {
    display: block;
    background: #f07e2d;
    border-radius: 10px;
    position: relative;
}

.ft_link a {
    color: #fff;
    font-size: 18px;
    margin-right: 30px;
    font-weight: 600;
    padding: 20px 0px 20px 6px;
    display: inline-block;
}

.ft_link a:hover {
    color: #bfbebe;
}

.foloow_us {
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
    font-size: 24px;
}

.foloow_us img {
    transition: all 0.3s;
}

.foloow_us img:hover {
    transition: all 0.3s;
    transform: scale(1.1);
}

.ft_link a.last-child {
    margin-right: 0;
}

footer a {
    color: #bbbbbb;
}

footer p {
    margin-bottom: 14px;
    line-height: 27px;
    color: #fff;
}

.ft_top {
    font-size: 14px;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 25px;
}

.ft_btm {
    margin: 20px 0
}

.ft_btm a,
.btm_links a {
    font-size: 14px;
    position: relative;
    color: #e0e0e0;
    padding: 0 15px;
    font-weight: 400;
}

.ft_btm a:after,
.btm_links a::after {
    content: "|";
    position: absolute;
    right: -3px;
    top: -2px;
}

.lst_chlds:after {
    display: none;
}

.btm_links {
    padding-left: 15px;
    margin-bottom: 40px;
}

.btm_links span {
    text-transform: uppercase;
    font-size: 14px;
}

.btm_links a {
    text-transform: uppercase;
}

.adrs_in {
    font-size: 14px;
    color: #e0e0e0;
}

.copy_rgt {
    font-size: 12px
}

.social_links {
    position: absolute;
    right: 40px;
    top: 45px;
}

.social_links li {
    position: relative;
    width: 35px;
    height: 35px;
    clear: both;
    margin-bottom: 2px;
    transition: all 0.3s;
    display: inline-block;
    vertical-align: top;
}

.social_links li a {
    display: block;
    transition: all 0.3s;
}

.social_links li a .social_icon {
    display: block;
    background: url('../images/social.png') no-repeat;
    width: 35px;
    height: 35px;
}

.social_links li a .sc1 {
    background-position: 0px 0px;
}

.social_links li a .sc2 {
    background-position: -36px 0px;
}

.social_links li a .sc3 {
    background-position: -73px 0px;
}

.social_links li a .sc4 {
    background-position: -110px 0;
}

.social_links li:hover a {
    width: 45px;
    left: 0px;
}

.social_links li a .social_icon:hover {
    transform: scale(1.2);
    transition: all 0.3s;
}

.btm_adrs {
    display: block;
    padding-left: 15px;
}

.foot_btms p span {
    color: #f07e2d;
}

.foot_btms {
    background: #0e0e0e;
    margin: 30px 0;
    padding: 20px;
    border-radius: 10px;
    font-size: 12px;
    margin-bottom: 15px;
}

.cpy_rght {
    font-size: 12px;
}

.lnks_no p {
    margin-bottom: 2px;
}

footer a:hover {
    color: #b7b2b2 !important;
}

.ft_link a:hover {
    color: #444 !important;
}

/**************** Scroll To Top *****************/
.scrollToTop {
    position: fixed;
    right: -44px;
    bottom: 0;
    width: 2.75rem;
    height: 2.75rem;
    text-align: center;
    z-index: 99;
    transition: 0.3s all ease;
}

.scrollToTop.active {
    right: 0;
    transition: 0.3s all ease
}

.scrollToTop:hover {
    color: #f9c403;
}

.scrollToTop i {
    font-size: 22px;
}

.exo-menu {
    /* width: 56%; */
    list-style: none;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    margin-left: 0;
    /* padding-left: 70px; */
    /* text-align:right; */
}

.exo-menu>li {
    display: inline-block;
    padding-top: 16px;
}

.exo-menu>li>a {
    color: #000;
    font-size: 18px;
    padding: 10px 12px;
    position: relative;
    display: block;
    font-weight: 400;
    padding-bottom: 25px;
}

.exo-menu>li>a.active,
.exo-menu>li>a:hover,
li.drop-down ul>li>a:hover {
    color: #f07e2d;
}

.mega-menu ul li a:hover {
    color: #ffffff;
}

li.drop-down,
.flyout-right,
.flyout-left {
    position: relative;
}

li.drop-down:before {
    content: "\f103";
    color: #fff;
    font-family: FontAwesome;
    font-style: normal;
    display: inline;
    position: absolute;
    right: 6px;
    top: 20px;
    font-size: 14px;
}

li.drop-down>ul {
    left: 0px;
    min-width: 230px;
}

.drop-down-ul {
    display: none;
}

.flyout-right>ul,
.flyout-left>ul {
    top: 0;
    min-width: 230px;
    display: none;
    border-left: 1px solid #365670;
}

li.drop-down>ul>li>a,
.flyout-right ul>li>a,
.flyout-left ul>li>a {
    color: #fff;
    display: block;
    padding: 20px 22px;
    text-decoration: none;
    background-color: #365670;
    border-bottom: 1px dotted #547787;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}

.flyout-right ul>li>a,
.flyout-left ul>li>a {
    border-bottom: 1px dotted #B8C7BC;
}

/*Flyout Mega*/
.flyout-mega-wrap {
    top: 0;
    right: 0;
    left: 100%;
    width: 100%;
    display: none;
    height: 100%;
    padding: 15px;
    min-width: 742px;
}

h4.row.mega-title {
    color: #eee;
    margin-top: 0px;
    font-size: 14px;
    padding-left: 15px;
    padding-bottom: 13px;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
}

.flyout-mega ul>li>a {
    font-size: 90%;
    line-height: 25px;
    color: #fff;
    font-family: inherit;
}

.flyout-mega ul>li>a:hover,
.flyout-mega ul>li>a:active,
.flyout-mega ul>li>a:focus {
    text-decoration: none;
    background-color: transparent !important;
    color: #ccc !important;
}

/*mega menu*/
.mega-menu {
    left: 0;
    right: 0;
    padding: 15px;
    display: none;
    padding-top: 0;
    min-height: 100%;
    height: auto;
}

h4.row.mega-title {
    color: #d8d8d8;
    margin-top: 0px;
    font-size: 14px;
    padding-left: 15px;
    padding-bottom: 0px;
    text-transform: uppercase;
    border-bottom: 0;
    padding-top: 15px;
}

.mega-menu ul li a {
    line-height: 25px;
    display: block;
    color: #9e9c9c;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 13px;
}

ul.stander li a {
    padding: 3px 0px;
}

ul.description li {
    padding-bottom: 12px;
    line-height: 8px;
}

/*hover*/
.Blog:hover,
.Images:hover,
.mega-menu:hover,
.drop-down-ul:hover,
li.flyout-left>ul:hover,
li.flyout-right>ul:hover,
.flyout-mega-wrap:hover,
li.flyout-left a:hover+ul,
li.flyout-right a:hover+ul,
.blog-drop-down>a:hover+.Blog,
li.drop-down>a:hover+.drop-down-ul,
.images-drop-down>a:hover+.Images,
.mega-drop-down a:hover+.mega-menu,
li.flyout-mega>a:hover+.flyout-mega-wrap {
    display: block;
}

ul.description li span {
    color: #ccc;
    font-size: 85%;
}

a.view-more {
    border-radius: 1px;
    margin-top: 15px;
    background-color: #009FE1;
    padding: 2px 10px !important;
    line-height: 21px !important;
    display: inline-block !important;
}

a.view-more:hover {
    color: #fff;
    background: #0DADEF;
}

ul.icon-des li a i {
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background-color: #009FE1;
    line-height: 35px !important;
}

ul.icon-des li {
    width: 100%;
    display: table;
    margin-bottom: 11px;
}

/*Blog DropDown*/
.Blog {
    left: 0;
    display: none;
    color: #fefefe;
    padding-top: 15px;
    background: #547787;
    padding-bottom: 15px;
}

.Blog .blog-title {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
}

.Blog .blog-des {
    color: #ccc;
    font-size: 90%;
    margin-top: 15px;
}

.Blog a.view-more {
    margin-top: 0px;
}

/*Images*/
.Images {
    left: 0;
    width: 100%;
    display: none;
    color: #fefefe;
    padding-top: 15px;
    background: #547787;
    padding-bottom: 15px;
}

.Images h4 {
    font-size: 15px;
    margin-top: 0px;
    text-transform: uppercase;
}

/*common*/
.flyout-right ul>li>a,
.flyout-left ul>li>a,
.flyout-mega-wrap,
.mega-menu {
    background-color: #410009;
}

/*responsive*/
@media (min-width:1023px) {
    .exo-menu>li>a {
        display: block;
    }

    .mega-menu,
    .flyout-mega-wrap,
    .Images,
    .Blog,
    .flyout-right>ul,
    .flyout-left>ul,
    li.drop-down>ul {
        position: absolute;
    }

    .flyout-right>ul {
        left: 100%;
    }

    .flyout-left>ul {
        right: 100%;
    }
}

@media (max-width:1023px) {
    .exo-menu {
        background-color: #23364B;
        width: 100%;
    }

    .exo-menu>li>a {
        width: 100%;
        display: none;
    }

    .exo-menu>li {
        width: 100%;
    }

    .display.exo-menu>li>a {
        display: block;
        padding: 10px 22px;
        border-bottom: 1px solid #6d6a6a;
    }

    .mega-menu,
    .Images,
    .Blog,
    .flyout-right>ul,
    .flyout-left>ul,
    li.drop-down>ul {
        position: relative;
    }

    .stander {
        display: none;
    }

    .mega-title:after {
        position: absolute;
        top: 10px;
        right: 6px;
        font-family: 'FontAwesome';
        content: "\f107";
        font-size: 20px;
        opacity: 0.5;
        transform: rotate(-45deg);
        transition: 0.3s all ease;
    }

    .mega-title.active:after {
        transform: rotate(0deg);
        transition: 0.3s all ease;
        opacity: 1;
    }

    h4.row.mega-title {
        color: #d8d8d8;
        font-size: 14px;
        text-transform: uppercase;
        line-height: 12px !important;
        margin: 0 -15px;
        padding: 10px !important;
        border-bottom: 1px solid #555d67;
    }
}

a.toggle-menu {
    position: absolute;
    right: 0px;
    padding: 20px;
    font-size: 27px;
    background-color: #ccc;
    color: #23364B;
    top: 0px;
}

.headin_mn h4 {
    display: block;
    overflow: hidden;
    font-size: 26px;
    border-bottom: 1px solid #ccc;
    color: #838383;
    padding-bottom: 10px;
}

.headin_mn .them_color {
    color: #00397e;
}

#tf-services .nav-tabs>li>a {
    border: 0;
    padding-left: 0;
    margin-bottom: 10px;
    position: relative;
}

#tf-services .nav-tabs {
    border: 0;
}

#tf-services h3 {
    margin-top: 4px;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 1px;
}

#tf-services .nav-tabs b,
#tf-services .nav-tabs span {
    color: #444;
    font-weight: normal;
}

#tf-services p {
    font-weight: 600;
    color: #444;
    cursor: pointer;
}

#tf-services .nav-tabs>li>a:hover {
    background: transparent;
}

#tf-services .active a {
    background: url(../img/active_img.jpg) no-repeat !important;
    background-position: right !important;
    padding-right: 28px;
}

.news_home ul {
    display: block;
    list-style: none;
}

.news_home {
    display: block;
    margin-bottom: 15px;
}

.news_main {
    border-bottom: 1px dashed #ccc;
    margin-bottom: 0px;
}

.news_home .n_headng_n {
    font-size: 16px;
    margin-bottom: 0px;
    padding: 7px 0;
}

.nw_cpntent_p {
    display: none;
}

.nw_cpntent_p em {
    font-style: normal;
    color: #ff6401;
    margin-bottom: 10px;
    font-weight: 400;
    display: block;
}

.nw_cpntent_p p {
    font-weight: normal !important;
    font-size: 14px;
    text-align: justify;
}

.blog_icon {
    width: 28px;
    height: 28px;
    border: 1px solid #8c8c8c;
    background: url(../img/blog_icon.png) no-repeat center center;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}

.blog_icon:hover {
    background: url(../img/blog_hover.png) no-repeat center center #ff6401;
    border: 1px solid #ff6401;
}

/* modal */
.prntr_mdlform {
    margin: 0 auto;
    background: #fff;
    padding: 35px;
    border-radius: 10px;
    display: block;
    box-shadow: 0px 3px 11px 3px rgb(0 0 0 / 22%);
    width: 75%;
}

.prntr_mdlform .form-control {
    height: 45px;
    border: 1px solid #ccc;
    margin-bottom: 25px;
    color: #000;
    box-shadow: 2px 5px 11px 3px #d4d3d3;
}

.adrs_modl {
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 10px;
    height: 100%;
    background: #f5f5f5;
}

.team_bx {
    border: 1px solid #ccc;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0px 0px 6px 2px #cfcfcf;
    margin-bottom: 40px;
}

.prntr_mdlform .submit_btn {
    border: 1px solid #fff;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 28px;
    padding: 5px 15px;
    width: 100%;
    border-radius: 5px;
    transition: all 0.3s;
    box-shadow: 2px 2px 8px 3px #bfbcbc;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
}

/* modal */



@media screen and (-webkit-min-device-pixel-ratio:0) {

    /* Safari only override */
    ::i-block-chrome,
    .full_hgt {
        height: 650px;
    }

    ::i-block-chrome,
    table.footable>tbody>tr>td {
        display: table-cell !important;
    }

    ::i-block-chrome,
    .knw_pg .nav-tabs>li>a {
        padding: 25px 27.2px;
    }
}

.in_mn_bx h5 {
    color: #d4a53b;
    margin-top: 31px;
    font-size: 19px;
    font-weight: 600;
    text-transform: uppercase
}

.mega-menu-wrap a {
    display: block;
    overflow: hidden;
    margin-top: 30px;
    text-align: center;
    border-radius: 15px;
    padding: 20px;
}

.mega-menu-wrap a:hover {
    background: #932333;
    border-radius: 15px;
}

.result_hover .exo-menu>li>a {
    color: #fff;
}

.result_hover .exo-menu>li:hover a {
    color: #d4a53b;
}

.result_hover .hd_btns {
    box-shadow: none;
    background: transparent;
}

.result_hover .srch_btn {
    color: #000;
    border: 2px solid #fff !important;
}

.result_hover .srch_btn::placeholder {
    color: #fff !important;
}

.logo_white {
    display: none;
}

.result_hover .logo_white {
    display: block;
}

.white_srch {
    display: none;
}

.result_hover .white_srch {
    display: inline-block;
}

.result_hover .logo_defult {
    display: none
}

.down_Arn {
    display: block;
    width: 100%;
    text-align: center;
    float: none;
}

.in_mn_bx img {
    height: 90px;
}


@media(max-width:1199px) {
    .bn_left.secndbantxt {
        margin-top: 45px;
    }
}

@media(max-width:993px) {
    .bn_left.secndbantxt {
        margin-top: 0px;
    }

    .in_bn.secbanImg img {
        width: 90%;
        position: relative;
        right: -80px;
    }

    #desktopTopmenu {
        display: none;
    }
}

@media(max-width:767px) {
    .adrs_modl {
        margin-top: 15px;
    }

}

.topRightBtn {
    display: block !important;
    margin-left: 10px;
}

.dropdown-toggle:before {
    border-right: 2px solid #f07f2e !important;
    border-bottom: 2px solid #f07f2e !important;
}

.seconddry_btns.dropdown-toggle:hover:before {
    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
}

.sidebar_image_box_newsfeed_user_info_comments:hover:before .dropdown-toggle:hover:before {
    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
}

.nav-tabs {
    border-bottom: none !important;
}

ul.dropdown-menu-right {
    margin: 0px;
    padding: 0px;
    border: 1px solid #f07e2d;
}




ul.dropdown-menu-right li a {
    border-bottom: 1px solid #f07e2d;
    padding: 5px 8px;
    display: block;
    color: #f07e2d;
}

ul.dropdown-menu-right li a:hover {
    background-color: #f07e2d;
    color: #fff;
}
ft_nav_m {
    position: relative;
    padding-left: 0;
}

.ft_head_m:after {
    position: absolute;
    top: 3px;
    right: 5px;
    font-family: 'FontAwesome';
    content: "\f107";
    font-size: 20px;
    opacity: 0.7;
    transform: rotate(-45deg);
    transition: 0.3s all ease;
    color: #ef7e2d;
}
.sub_mn {
    position: relative;
    left: 0px;
    display: none;
    transition: all 0.3s;
}
.sub_mn li {
display: block;
}
.sub_mn li a {
display: block;
background: #ffffff;
border-top: 1px solid #ccc;
padding: 6px 15px;
font-weight: 400;
color: #444;
}
.sub_mn li a:hover {
background: #444;
color: #fff;
}
.ft_head_m.active:after {
transform: rotate(0deg);
transition: 0.3s all ease;
opacity: 1;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}