@font-face {

    font-family: Futura bk;

    src: url('font/futura_light_bt-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: Futura BT;

    src: url('font/futura_bold_font-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: Futura;

    src: url('font/Futura_Book_font.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: Futura extra;

    src: url('font/futura_extra_black_font-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: Futura MC;

    src: url('font/futura_medium_condensed_bt-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: FUTURNRB;

    src: url('font/FUTURNRB.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



body {

    font-family:  Futura;

}





.row {

    margin-left: 0px;

    margin-right: 0px;

}



.bg-light {

    background-color: #ffffff!important;

}

.pass-btn

{

    border: none;

    background-color: transparent;

    position: absolute;

    bottom: 5%;

    right: 0;

}

.pas-div

{

    position:relative;

}

.pass-btn2

{

    border: none;

    background-color: transparent;

    position: absolute;

    bottom: 5%;

    right: 0;

}

.pas-div2

{

    position:relative;

}

.navbar {

    padding-left: 60px;

    padding-right: 70px;

    padding-top: 7px;

    padding-bottom: 7px;

}



.navbar-expand-md .navbar-nav .nav-link {

    padding-right: 1.5rem;

    padding-left: 1.5rem;

}

.hed-show

    {

        display:none;

    }



.navbar-expand-md .navbar-nav .cp-link {

    padding-right: 1.5rem;

    padding-left: 1.5rem;

}



.navbar-expand-md .navbar-nav .In-link {

    padding-right: 1.5rem;

    padding-left: 2rem;

}

.chat-button:hover

{

    cursor:pointer;

    

}

.chat-buttons:hover

{

    cursor:pointer;

    color: #fff !important;

    text-decoration:none;

}



.nav-item > a {

    display: block;

    padding: .5rem 1rem;

    font-size: 18px;

    color: #000000 !important;

}

.active

{

    font-weight: 600;  

    color: #002245 !important;

}

a.activee

{

   text-decoration: underline; 

}

.navbar-light .navbar-nav .show>.nav-link

{

    

    color: #002245 !important;

    font-weight: 600;  



}

.navbar-light .navbar-nav .nav-link:hover

{

   color: #002245 !important;

   font-weight: 600;   

}

.modal-dialog {

    max-width: 66%;

    margin: 1.75rem auto;

}

.closemodalbox

{

    position: absolute;

    top: 0;

    left: 10px;

    z-index: 99;

    cursor: pointer;

}

#menu-outer:after {

    transition: opacity 0.5s;

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0px 9px 11px 9px;

    border-color: transparent transparent #002245 transparent;

    position: absolute;

    top: -10px;

    left: 24%;

    display: initial;

}

#menu-outer02:after {

    transition: opacity 0.5s;

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0px 9px 11px 9px;

    border-color: transparent transparent #002245 transparent;

    position: absolute;

    top: -10px;

    right: 49%;

    display: initial;

}

#menu-outer03:after {

    transition: opacity 0.5s;

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0px 9px 11px 9px;

    border-color: transparent transparent #002245 transparent;

    position: absolute;

    top: -10px;

    left: 41%;

    display: initial;

}

#menu-outer05:after {

    transition: opacity 0.5s;

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0px 9px 11px 9px;

    border-color: transparent transparent #002245 transparent;

    position: absolute;

    top: -10px;

    right: 41%;

    display: initial;

}

.dropdown-toggle::after

{

    display: none;

}

.log-sig.active

{

    border-bottom: 3px solid #002245!important;

    background-color: transparent !important;

    color: #002866 !important;

}

.log-sig

{

    border-bottom: 3px solid #e7e7e7!important;

    border-right: none!important;

    background: #ffff!important;

    border-radius: 0px !important;

    font-size: 32px!important;

    color: #f7f8f9 !important;

    

}

/*sidebar menu*/



/* Background hover animation. */

.m-h3

{

    line-height: 1.5 !important;

    font-size: 18px !important;

    padding-bottom: 13px;

    padding-top: 8px;

    padding-left: 20px;

}

.m-li

{

 font-size: 15px !important;

 padding-bottom: 10px;

 padding-top: 6px;  

}

.m-pd

{

 padding-top: 16px; 

}



.accordianNav a {

    text-decoration: none;

    padding-left: 0;

    font-size: 15px;

    padding-bottom: 6px;

    padding-top: 6px;

    color: #212529;

}

.accordianNav h3.active:before {

    content: "";

    position: absolute;

    z-index: 0;

    right: 0;

    /*top: 24%;*/

    width: 4px;

    height: 10%;

    background-color: #444;

    background: #002866;

    transition: all 0.7s ease;

}



.accordianNav h3:hover:before,

.accordianNav .dropArrow.active:before {

    /*width: 3px;*/

}



.accordianNav .dropArrow span {

    z-index: 2;

    position: relative;

}



.accordianNav .dropArrow:after {

    content: "";

    width: 8px;

    height: 8px;

    border-bottom: 2px solid #757575;

    border-right: 2px solid #757575;

    float: right;

    position: relative;

    top: 12px;

    right: 25px;

    transform: rotate(-45deg);

    transform-origin: center;

}



.accordianNav .dropArrow.active {

    /*color: #757575 !important;*/

}



.accordianNav .dropArrow.active:after {

    transform: rotate(45deg);

    border-color: #757575;

}



.accordianNav ul

{

    padding-left: 20px;

}







/* +Hover and Touch effect */



.accordianNav a:hover,

.accordianNav a:active,

.accordianNav h3:hover,

.accordianNav h3:active,

.accordianNav h3.dropArrow:hover:after,

.accordianNav h3.dropArrow:active:after {

    /*color: #757575;*/

    /*border-color: ;*/

    -webkit-transition: rotate 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88);

    transition: rotate 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88);

}



.accordianNav li {

    list-style-type: none;

}



.accordianNav a {

    transform: translate(0px, 0px);

    transition: rotate 0.4s cubic-bezier(0.23, 1, 0.32, 1);

}





/*Drop links*/



.accordianNav ul ul li a {

    /*padding: 0 0 0 2.5em;*/

}





/*hover effect on links*/



.accordianNav ul ul li a:hover {

    transform: translate(8px, 0px);

}





/*Hide and show the drops*/



.accordianNav ul ul {

    display: none;

}



.accordianNav li.active ul

{

    display: block;

}



/*side menu css*/

.header {

    /*display: block;*/

    margin: 0 auto;

    width: 100%;

    max-width: 100%;

    box-shadow: none;

    background-color: #eaeaea;

    position: fixed;

    height: 80px!important;

    overflow: hidden;

    z-index: 10;

}

.main {

    margin: 0 auto;

    display: block;

    height: 100%;

    margin-top: 60px;

}

.mainInner{

    display: table;

    height: 100%;

    width: 100%;

    text-align: center;

}

.mainInner div{

    display:table-cell;

    vertical-align: middle;

    font-size: 3em;

    font-weight: bold;

    letter-spacing: 1.25px;

}

.m-logo

{

    padding-left: 15px !important;

    width: 80%;

}

#sidebarMenu {

    height: 100%;

    position: fixed;

    left: 0;

    width: 250px;

    margin-top: 0px;

    transform: translateX(-250px);

    transition: transform 0.7s ease-in-out;

    background-color: #fff;

    /*background: linear-gradient(180deg, #FC466B 0%, #3F5EFB 100%);*/

    z-index: 999;

}

#news_letter_frm

{

    position: relative;

    display: -ms-flexbox;

    display: flex;

    /*-ms-flex-wrap: wrap;*/

    /* flex-wrap: wrap; */

    -ms-flex-align: stretch;

    align-items: stretch;

    width: 100%;

}

.sidebarMenuInner{

    margin:0;

    padding:0;

    border-top: 1px solid rgba(255, 255, 255, 0.10);

    /*box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;*/

    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);

}

.sidebarMenuInner li{

    list-style: none;

    color: #002866;

    text-transform: uppercase;

    font-weight: bold;

    padding: 20px;

    cursor: pointer;

    border-bottom: 1px solid rgba(255, 255, 255, 0.10);

}

.sidebarMenuInner li span{

    display: block;

    font-size: 14px;

    color: #002866;



}

.sidebarMenuInner li a{

    color: #002866;

    text-transform: uppercase;

    font-weight: bold;

    cursor: pointer;

    text-decoration: none;

}

#cross

{

    transform: translateX(0px);

    transition: transform 0.7s ease-in-out;

    z-index: 99999;

}

input[type="checkbox"]:checked ~ #sidebarMenu

{

    transform: translateX(0);



}

input[type="checkbox"]:checked ~ #cross {

    transform: translateX(185px);

    /*transition-delay: 0.4s;*/

    /*transform: translateX(45px);*/

    

}



input[type=checkbox] {

    transition: all 0.7s ease;

    box-sizing: border-box;

    display: none;

}

.sidebarIconToggle {

    transition: all 0.7s ease;

    box-sizing: border-box;

    cursor: pointer;

    position: fixed;

    z-index: 99;

    height: 100%;

    width: 100%;

    top: 26px;

    left: 21px;

    height: 22px;

    width: 22px;

    margin-bottom: 0px;



}

.spinner {

    transition: all 0.7s ease;

    box-sizing: border-box;

    position: absolute;

    height: 3px;

    width: 100%;

    background-color: #002866;

}

.horizontal {

    transition: all 0.3s ease;

    box-sizing: border-box;

    position: relative;

    float: left;

    margin-top: 3px;

}

.diagonal.part-1 {

    position: relative;

    transition: all 0.7s ease;

    box-sizing: border-box;

    float: left;

}

.diagonal.part-2 {

    transition: all 0.7s ease;

    box-sizing: border-box;

    position: relative;

    float: left;

    margin-top: 3px;

}

input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {

    transition: all 0.3s ease;

    box-sizing: border-box;

    opacity: 0;

}

input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {

    transition: all 0.7s ease;

    box-sizing: border-box;

    transform: rotate(-45deg);

    margin-top: 8px;

}

input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {

    transition: all 0.7s ease;

    box-sizing: border-box;

    transform: rotate(45deg);

    margin-top: -9px;

}





/*ends*/

#Corporate:after

{

    transition: opacity 0.5s;

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0px 9px 11px 9px;

    border-color: transparent transparent #002866 transparent;

    position: absolute;

    bottom: -24px;

    left: 53px;

    display: initial;  

}

.menu01

{

    display:none;border-radius: 0;width: 100%;padding-left: 0px;padding-right: 0px;

}

#Corporate:after

{

    display: none;

}

 #Corporate.hidden:after {

        display: none;

}

#Corporate.shhow:after {

        display: block;

        

}

#Transact:after

{

   transition: opacity 0.5s;

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0px 7px 7px 7px;

    border-color: transparent transparent #002866 transparent;

    position: absolute;

    bottom: 0px;

    right: 45%;

    left: unset;

    display: initial;   

}

.menu02

{

    display: none;

}

#Transact:after

{

    display: none;

}

 #Transact.hidden:after {

        display: none;

}

#Transact.shhow:after {

        display: block;

}

#Manage:after

{

   transition: opacity 0.5s;

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0px 7px 7px 7px;

    border-color: transparent transparent #002866 transparent;

    position: absolute;

    bottom: 0px;

    right: 45%;

    left: unset;

    display: initial;   

}

#Manage:after

{

    display: none;

}

 #Manage.hidden:after {

        display: none;

}

#Manage.shhow:after {

        display: block;

}

.ep-hd1

{

  margin-left: -19%;

}

.ep-hd2

{

  margin-left: 4%;

}

/*#dropd

{

    position: initial;

}*/

.dropdown

{

    position: initial;

}





.nav > li.dropdown.open .dropdown-menu

{

  display: table;

  border-radius: 0px;

  width: 100%;

  text-align: center;

  left: 0;

  right: 0;

}

.dropdown-menu

{

    top: 93%;

}

.show

{

    display: block !important;

}







.head-logo

{

    max-width: none;

    width: 86%;

}

#menu-outer {

    height: 65px;

    background: #002245;

    margin-bottom: 0px;

    padding-left: 40px;

    padding-right: 20px;

}

#menu-outer02 {

    height: 65px;

    background: #002245;

    margin-bottom: 0px;

    padding-left: 40px;

    padding-right: 20px;

}

#menu-outer03 {

    height: 65px;

    background: #002245;

    margin-bottom: 0px;

    padding-left: 40px;

    padding-right: 20px;

}

#menu-outer05 {

    height: 65px;

    background: #002245;

    margin-bottom: 0px;

    padding-left: 40px;

    padding-right: 20px;

}

.list-link

{

    cursor: pointer;

}



.table {

    display: table;

    margin: 0 auto;

}



ul#horizontal-list {

    min-width: auto;

    list-style: none;

    padding-top: 8px;

    padding-left: 0px;

    margin-bottom: 0px;

    padding-right: 50px;

    text-align: center;

    position: absolute;

    left: 22%;

}

ul#horizontal-list li {

    display: inline-block;

}



.list-item > a {

    display: block;

    font-size: 18px;

    color: #ffffff!important;

    padding-left: 1.3rem;

    padding-right: 1.3rem;



}



.btn-outline-success {

    color: #002866;

    background: transparent;

    border-color: #002866;

    display: inline-block;

    font-weight: 400;

    text-align: center;

    vertical-align: middle;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    border: 1px solid #002866;

    font-size: 18px;

    line-height: 1.5;

    border-radius: 0px;

    width: auto;

    padding-left: 35px;

    padding-right: 35px;

    padding-top: 7px;

    padding-bottom: 7px;

    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}



.btn-outline-success:not(:disabled):not(.disabled):active:focus {

    box-shadow: none;

}



.btn-outline-success:hover {

    color: #fff ;

    background: transparent;

    background-color: #002866 ;

}



.btn-outline-success:focus {

    /* box-shadow: 0 0 0 0.2rem rgba(40,167,69,.5); */

    box-shadow: none;

}



.btn-outline-success:active {

    color: #fff ;

    background: transparent;

    background-color: #002866 ;

}



/* home main css */



.home-bg {

    position: relative;

    text-align: left;

    background: #fff;

}



/* .home-img {

    position: absolute;

    top: 0px;

    right: 0px;

} */



.top-left {

    position: relative;

    top: 65px;

    left: 70px;

    width: auto;

    z-index: 99;

}



.home-h1 {

    font-size: 45px;

    color: #002866;

    font-weight: 400;

    font-family: Futura;

}



.home-p {

    font-size: 20px;

    color: #000000;

    font-weight: 400;

    padding-top: 30px;

    padding-right: 100px;

}



.home-btn1 {

    color: #000000;

    background-color: transparent;

    border: 1px solid #7f90a0;

    border-radius: 0px;

    width: auto;

    padding-left: 35px;

    padding-right: 35px;

    font-size: 18px;

    font-weight: 400;

    letter-spacing: 0.75px;

    padding-top: 14px;

    padding-bottom: 14px;

    margin-top: 15px;

}



.home-btn1:hover {

    color: #000000!important;

}



.home-btn1:focus {

    box-shadow: none;

}

 .pad-h1

    {

        padding-top: 80px;

        padding-bottom: 80px;

    }

.hm-h1 {

    font-size: 38px;

    color: #002866;

    font-weight: 400;

    padding-top: 10px;

}



.hm-line {

    margin-top: 1rem;

    margin-bottom: 1rem;

    border: 0;

    border-top: 5px solid #002245;

    width: 8%;

}



.hm-p {

    font-size: 20px;

    color: #000000;

    font-weight: 400;

    line-height: 1.7;

    letter-spacing: 1px;

    /*padding-left: 50px;*/

    /*padding-right: 50px;*/

    padding-top: 20px;

}



.tab-row {

    padding-top: 40px;

    padding-bottom: 40px;

}



.nav {

    display: block;

    border-right: 1px solid #002866;

    padding-right: 0px;

}



.tab-p {

    font-size: 20px;

    color: #000000;

    font-weight: 400;

    text-align: justify;

    line-height: 1.6;

    padding-top: 15px;

    padding-left: 35px;

    padding-right: 35px;

}



.tab-list {

    padding-top: 15px;

    padding-bottom: 50px;

    text-align: start;

}



/*.tab-list > a.active {

    border-right: 3px solid #000;

}*/

.tab-col {

    padding-left: 30px;

}

#il.active:after {

    content:"";

    position: absolute;

    bottom: 0;

    left: 0;

    top: 1%;

    right: -2px;

    height: 3rem;

    border-right: 3px solid #002866;

}

#nae.active:after {

    content:"";

    position: absolute;

    bottom: 0;

    left: 0;

    top: 25%;

    right: -2px;

    height: 3rem;

    border-right: 3px solid #002866;

}

#fbo.active:after {

    content:"";

    position: absolute;

    bottom: 35%;

    left: 0;

    /*top: 2px;*/

    right: -2px;

    height: 3rem;

    border-right: 3px solid #002866;

}

#cor.active:after {

    content:"";

    position: absolute;

    bottom: 10%;

    left: 0;

    /*top: 2px;*/

    right: -2px;

    height: 3rem;

    border-right: 3px solid #002866;

}



.tab-list a {

    list-style: none;

    color: #000000;

    font-size: 20px;

    font-weight: 400;

    text-decoration: none;

    padding-right: 0px;

    padding-top: 7px;

    padding-bottom: 7px;

}

.tab-list a.active

{

 color: #002866; 

 font-size: 22px;

 font-weight: 600;

}

.hm-row2 {

    margin-left: 0px;

    margin-right: 0px;

}



.hm-col1 {

    padding-left: 0px;

    padding-right: 0px;

}



.hm-col2 {

    background: #002245;

}



.hm-bg2 {

    padding-top: 90px;

    padding-left: 60px;

    padding-right: 20px;

}



.hm-line2 {

    margin-top: 1rem;

    margin-bottom: 1rem;

    border: 0;

    border-top: 5px solid #ffffff;

    width: 10%;

    margin-right: 0%!important;

    text-align: left!important;

    margin-left: 0!important;

    /*margin-right: 92%;*/

}



.hm-h2 {

    font-size: 38px;

    color: #ffffff;

    font-weight: 400;

    padding-top: 10px;

    margin-bottom: 0px;

}



.hm-p2 {

    font-size: 20px;

    color: #ffffff;

    font-weight: 400;

    line-height: 1.7;

    letter-spacing: 1px;

    padding-top: 40px;

    padding-bottom: 25px;

    margin-bottom: 0px;

}



.hm-btn2 {

    color: #ffffff;

    background-color: transparent;

    border: 1px solid #ffffff;

    border-radius: 0px;

    width: auto;

    padding-left: 35px;

    padding-right: 35px;

    font-size: 18px;

    font-weight: 400;

    letter-spacing: 0.75px;

    padding-top: 12px;

    padding-bottom: 12px;

    margin-top: 20px;

}



.hm-btn2:hover {

    color: #ffffff!important;

}



.hm-btn2:focus {

    box-shadow: none;

}



.home-h2 {

    font-size: 38px;

    color: #002866;

    font-weight: 400;

    padding-top: 15px;

    margin-bottom: 0px;

    padding-bottom: 15px;

}



.top-left2 {

    position: relative;

    top: 15%;

    left: 45px;

    width: auto;

    z-index: 99;

    padding-right: 50px;

}



.p2 {

    font-size: 20px;

    color: #002866;

    font-weight: 300;

    padding-top: 12px;

    padding-bottom: 12px;

    margin-bottom: 0px;

}



.home-p2 {

    font-size: 20px;

    color: #000000;

    font-weight: 400;

    padding-top: 20px;

    padding-right: 100px;

}



.hm2-line {

    margin-top: 1rem;

    margin-bottom: 1rem;

    border: 0;

    border-top: 5px solid #002866;

    width: 10%;

    margin-right: 0%!important;

    text-align: left!important;

    margin-left: 0!important;

    /*margin-right: 90%;*/

}



.hm2-col2 {

    background: #fafafc;

}



.top-left3 {

    position: relative;

    top: 25%;

    width: auto;

    padding-right: 10px;

    z-index: 99;

    padding-left: 60px;

}



.home-p3 {

    font-size: 20px;

    color: #000000;

    font-weight: 400;

    padding-top: 30px;

    padding-right: 25px;

    line-height: 1.8;

}



.home-btn3 {

    color: #000000;

    background-color: transparent;

    border: 1px solid #7f90a0;

    border-radius: 0px;

    width: auto;

    padding-left: 15px;

    padding-right: 35px;

    font-size: 18px;

    font-weight: 400;

    letter-spacing: 0.75px;

    padding-top: 12px;

    padding-bottom: 12px;

    margin-top: 15px;

}



.home-btn3:hover {

    color: #000000!important;

}



.home-btn3:focus {

    box-shadow: none;

}



.hm-line4 {

    margin-top: 1rem;

    margin-bottom: 1rem;

    border: 0;

    border-top: 6px solid #002866;

    width: 5%;

    margin-right: 95%;

}



.section7 {

    padding-right: 0px!important;

    padding-left: 0px!important;

}



.col1 {

    padding-left: 30px!important;

}



.hm-h3 {

    color: #000;

    font-size: 20px;

    font-weight: 400;

    padding-left: 25px;

    padding-top: 20px;

    padding-bottom: 20px;

}



.hm-line5 {

    margin-top: 1rem;

    margin-bottom: 1rem;

    border: 0;

    border-top: 5px solid #ffffff;

    width: 5%;

    /*margin-right: 95%;*/

}



.text {

    position: absolute;

    bottom: 63%;

    left: 25%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    font-size: 30px;

    color: #ffffff;

    font-weight: 400;

    padding-top: 0px;

    margin-bottom: 0px;

}

.cred-bg

{

    background-image: url(images/circle-img.png);

    width: 104px;height:91px;margin-left:auto; margin-right:auto;

}

.new-text {

   

    font-size: 30px;

    color: #ffffff;

    font-weight: 400;

    padding-top: 0px;

    margin-bottom: 0px;

}

.new-h2 {

    font-size: 21px;

    color: #ffffff;

    font-weight: 400;

    padding-top: 10px;

    margin-bottom: 0px;

    line-height: 1.6;

    text-align: center;

    

}

.pt-cred-5

    {

        padding-top: 3rem;

    }

.circle-h2 {

    font-size: 21px;

    color: #ffffff;

    font-weight: 400;

    padding-top: 10px;

    margin-bottom: 0px;

    line-height: 1.6;

    text-align: center;

    /*margin-left: -140px;*/

}



.circle2-h2 {

    font-size: 21px;

    color: #ffffff;

    font-weight: 400;

    padding-top: 10px;

    margin-bottom: 0px;

    line-height: 1.6;

    text-align: center;

}



.plus {

    font-size: 40px;

    position: relative;

    top: 2px;

}



.cir-h2 {

    font-size: 21px;

    color: #ffffff;

    font-weight: 400;

    padding-top: 10px;

    margin-bottom: 0px;

    line-height: 1.6;

    text-align: center;

    margin-left: -135px;

}



.section-8 {

    padding-left: 30px!important;

    padding-right: 30px!important;

}



.text2 {

    position: absolute;

    bottom: 63%;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    font-size: 30px;

    color: #ffffff;

    font-weight: 400;

    padding-top: 0px;

    margin-bottom: 0px;

}



.hm9-h2 {

    font-size: 38px;

    color: #002866;

    font-weight: 400;

    padding-top: 15px;

    margin-bottom: 0px;

    padding-bottom: 15px;

}



.hm9-line {

    margin-top: 1rem;

    margin-bottom: 1rem;

    border: 0;

    border-top: 5px solid #002866;

    width: 5%;

}



.hm9-p {

    font-size: 20px;

    color: #000000;

    font-weight: 400;

    padding-top: 10px;

    margin-bottom: 0px;

}



.section10 {

    background-image: url(images/undraw_best_place.png);

    background-repeat: no-repeat;

    background-size: cover;

    background-color: hsl(240deg 25% 98%);

    padding-top: 70px!important;

    padding-bottom: 70px!important;

}



.search-input {

    display: block;

    width: 100%;

    height: 60px!important;

    padding: .375rem .75rem;

    font-size: 18px!important;

    padding-left: 55px!important;

    font-weight: 400;

    line-height: 1.5;

    color: #000!important;

    background-color: #ffffff!important;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    border-radius: 0px!important;

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}



.has-search .form-control {

    padding-left: 2.375rem;

}



.has-search .form-control-feedback {

    position: absolute;

    z-index: 9;

    display: block;

    font-size: 28px;

    top: 20px;

    padding-left: 20px;

    width: auto;

    height: auto;

    line-height: normal;

    text-align: center;

    pointer-events: none;

    color: #002866;

}



/* .arrow-down {

    position: absolute;

    right: 15%;

    top: 20%;

    font-weight: 600;

    font-size: 25px;

} */



.input-group-text {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    padding: .375rem .75rem;

    width: auto;

    margin-bottom: 0;

    padding-left: 50px;

    padding-right: 50px;

    font-size: 20px;

    font-weight: 400;

    line-height: 1.5;

    color: #fff;

    text-align: center;

    white-space: nowrap;

    background-color: #002245;

    border: 1px solid #002245;

    border-radius: 0px;

}

.btn12

{

  font-size: 18px;  

}

.btn11

{

    padding-left: 55px;

    padding-right: 55px;

}



.section11 {

    background-color: hsl(40deg 60% 99%);

    padding-bottom: 0px!important;

}





.prop-btn2 {

    color: #002866;

    background-color: transparent;

    border: 1px solid #002866;

    border-radius: 0px;

    width: auto;

    padding-left: 20px;

    padding-right: 20px;

    font-size: 18px;

    font-weight: 400;

    letter-spacing: 0.75px;

    padding-top: 14px;

    padding-bottom: 14px;

    margin-top: 30px;

}

.prop-btn2:hover {

    color: #000000!important;

}



.prop-btn2:focus {

    box-shadow: none;

}



.carousel-indicators {

    position: absolute;

    left: 38%;

    bottom: -12%!important;

  -ms-transform: translate(-50%);

  transform: translate(-50%);

    /*right: 0;*/

    /*bottom: -40px;*/

    /*left: 40%;*/

    /*-webkit-transform: translateX(-50%);*/

    /*transform: translateX(-50%);*/

    z-index: 9;

    /*display: -ms-flexbox;*/

    /*display: flex;*/

    /*-ms-flex-pack: center;*/

    /*justify-content: center;*/

    padding-left: 0;

    margin-right: 15%;

    margin-left: 15%;

    list-style: unset;

}



.carousel-indicators li {

    box-sizing: border-box;

    -ms-flex: 0 1 auto;

    flex: 0 1 auto;

    font-size: 30px;

    width: 30px;

    height: 3px;

    margin-right: 0px;

    margin-left: 0px;

    /*text-indent: -999px;*/

    cursor: pointer;

    background-color: #fff;

    background-clip: padding-box;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    opacity: .5;

    transition: opacity .6s ease;

}

li::marker

{

    color: #002866;

    border: #002866;

}

li.active::marker

{

    color: #002866;

    border: #002866;

}

.slide-h1 {

    font-size: 28px;

    color: #002866;

    font-weight: 400;

    padding-top: 0px;

    margin-bottom: 0px;

    padding-bottom: 15px;

}



.slide-p {

    padding-top: 10px;

    font-size: 16px!important;

    color: #000000;

    font-weight: 400;

}



.card {

    position: relative;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    min-width: 0;

    word-wrap: break-word;

    border: 0px solid rgba(0,0,0,.125);

    border-radius: 0px;

    background-color: hsl(240deg 25% 98%);

    text-align: center;

}

.introduce

{

    height: auto;

    background-color: #fafafc;

}

.rev-p

{

    font-size: 16px !important;

    font-weight: 400;

    

}

 .cind

    {

        bottom: -8%!important;

    }

.rev-pad

{

    padding-top: 0rem!important;

    padding-bottom: 0rem;

}

.card-body

{

    padding-left: 15px;

    padding-right: 15px;

}



#column {

    padding-left: 30px!important;

    padding-right: 30px!important;

}



.flex-column-1 {

    padding-top: 30px;

}



.footer-main {

    padding-bottom: 10px!important;

    padding-top: 60px!important;

    background-color: hsl(240deg 25% 98%);

}



.footer-link {

    font-size: 18px;

    color: #002866;

    font-weight: 400;

    padding-top: 15px;

    padding-bottom: 15px;

    list-style: none;

}



.footer-input {

    display: block;

    width: 100%;

    height: 60px!important;

    padding: .375rem .75rem;

    font-size: 18px!important;

    padding-left: 25px!important;

    font-weight: 400;

    line-height: 1.5;

    color: #000!important;

    background-color: #ffffff!important;

    background-clip: padding-box;

    border: 0px solid #ced4da;

    border-radius: 0px!important;

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}



.h1-footer {

    font-size: 18px;

    color: #002866;

    font-weight: 400;

}



.mob-menu

{

   display: none;  

}



@media screen and (min-width: 1440px) {

  .home-bg1

  {

    background-position: right !important;

  }

  #menu-outer05:after

  {

      display: none;

  }

  #menu-outer02:after

  {

      display: none;

  }

  #menu-outer03:after

  {

      display: none;

  }

  #menu-outer:after

  {

      display:none;

  }

 }   



@media screen and (max-width: 1024px) {

    .navbar {

        padding-left: 30px;

        padding-right: 30px;

    }

    .navbar-expand-md .navbar-nav .cp-link {

        padding-right: 1.5rem;

        padding-left: 1.5rem;

    }

    .navbar-expand-md .navbar-nav .In-link {

        padding-right: 1rem;

        padding-left: 1rem;

    }

    .navbar-expand-md .navbar-nav .nav-link

    {

        padding-right: 1rem;

        padding-left: 1rem;

    }

    .navbar-brand

    {

        margin-right: 0rem;

    }

    .btn-outline-success {

        padding-left: 20px;

        padding-right: 20px;

        padding-top: 6px;

        padding-bottom: 6px;

    }

    #menu-outer

    {

       padding-left: 0px;

       padding-right: 0px;

    }

    #menu-outer02

    {

       padding-left: 0px;

       padding-right: 0px;

    }

     #menu-outer03

    {

       padding-left: 0px;

       padding-right: 0px;

    }

     #menu-outer05

    {

       padding-left: 0px;

       padding-right: 0px;

    }

    #menu-outer02:after

    {

        right: 40%;

    }

    #menu-outer05:after

    {

        right: 29%;

    }

    .content

    {

        top: 20% !important;

    }

    .home-bg1

    {

       /*height: 500px !important;*/

       padding-bottom: 40% !important;

    }

    .top-p

    {

        top: 25% !important;

    }

    .home-h1

    {

        font-size: 38px;

    }

    .hm-bg2

    {

        padding-top: 50px;

        padding-left: 30px;

    }

    .hm-h2

    {

        font-size: 32px;

    }

    .hm-h1

    {

        font-size: 32px;

    }

    .hm-p

    {

        font-size: 17px;

    }

    .tab-list a

    {

        font-size: 17px;

    }

    .tab-p

    {

        font-size: 17px;

    }

    .tab-list a.active

    {

       font-size: 20px; 

    }

    .home-p

    {

       font-size: 17px;

       padding-top: 10px;

    }

    .blue-circle h2

    {

        padding-top: 33px;

        font-size: 28px !important;

    }

    .blue-circle p

    {

        font-size: 17px;

    }

    .bc-line p

    {

        font-size: 17px;

    }

    .hm-p2

    {

        font-size: 17px;

    }

    .hm-btn2

    {

        font-size: 17px;

    }

    .pad-h1

    {

        padding-top: 50px;

        padding-bottom: 40px; 

    }

    .if-img

    {

        height: 560px;

    }

    .top-left2

    {

        top: 6%;

    }

    .home-h2

    {

        font-size: 32px;

    }

    .home-p2

    {

        font-size: 17px;

    }

    p

    {

      font-size: 17px !important;  

    }

    .home-btn3

    {

      font-size: 17px !important;  

    }

    .home-btn1

    {

        font-size: 17px;

        margin-top: 0px;

    }

    .l-img

    {

        height: 560px;

    }

    .top-left3

    {

        top: 9%;

    }

    .section7

    {

        padding-top: 50px !important;

    }

    .hm-h3

    {

        font-size: 17px;

    }

    .new-text

    {

        font-size: 24px;

        /*left: 24%;*/

        padding-top: 21px;

        margin-left: 15px;

    }

    .plus

    {

        font-size: 24px; 

    }

    .text2

    {

        font-size: 24px;

    }

    .circle-h2

    {

        font-size: 17px;

    }

    .circle2-h2

    {

        font-size: 17px;

    }

    .cir-h2

    {

     font-size: 17px;   

    }

    .hm9-h2

    {

      font-size: 32px;  

    }

    .section9

    {

        padding-top: 0px!important;

        padding-bottom: 0px !important;

    }

    .section10

    {

        padding-top: 50px!important;

        padding-bottom: 50px!important;

    }

    .slide-p

    {

        font-weight: 400;

    }

    .slide-h1

    {

        font-size: 24px;

    }

    .prop-btn2

    {

        font-size: 17px;

    }

    .pad-8

    {

        padding-top: 20px;

        padding-bottom: 20px;

    }

    .wh-h1

    {

        font-size: 32px!important;

    }

    .footer-link

    {

        font-size: 16px!important;

    }

    .h1-footer

    {

      font-size: 16px!important;  

    }

    .footer-input

    {

        font-size: 16px!important;

        height: 50px!important;

    }

    .btn12

    {

        font-size: 16px;

    }

    .input-group-text

    {

        padding-left: 40px;

        padding-right: 40px;

        font-size: 17px;

    }

    .search-input

    {

        height: 55px!important;

        font-size: 17px!important;

        padding-left: 54px!important;

    }

    .has-search .form-control-feedback

    {

        font-size: 20px;

       top: 16px;

    }

    



}



@media screen and (max-width: 767px) {

    #tidio-chat

    {

        display:none;

    }

    .mob-h

    {

    display: none;

    }

    .mob-menu

    {

    display: block;  

    }

    .hi-txt

    {

      padding-top: 22px;

     line-height: 1.5 !important;

    font-size: 17px !important;

    padding-bottom: 5px;

    padding-left: 0px;

    }

     .hed-hide

    {

        display: none;

    }

    .hed-show

    {

        display:block;

    }

    .slide-p

    {

        padding-left: 15px;

    padding-right: 15px;

    }

    .pad-cred-bt

    {

        padding-bottom: 3rem;

    }

    .pb-cred-5

    {

      padding-bottom: 3rem;  

    }

    .pt-cred-5

    {

        padding-top: 0;

    }

    .cind

    {

        left: 44% !important;

    }

    .so-ico

    {

        padding-right: 15px;

    }

    .f-pad

    {

        padding-top: 40px !important;

        padding-bottom: 30px !important;

    }

    .btn-outline-success {

    padding-left: 13px;

    padding-right: 12px;

    padding-top: 3px;

    padding-bottom: 3px;

    }

    .home-row {

        flex-direction: column;

    }

    .home-h1 {

        font-size: 32px;

    }

    .home-col1 {

        max-width: 100%;

        padding-bottom: 55px;

    }

    .top-left {

        top: 20px;

        left: 15px;

    }

    .home-p {

        font-size: 15px;

        padding-top: 10px;

        margin-bottom: 0px;

    }

    .home-col2 {

        max-width: 100%;

        padding-left: 0px;

    }

    .hm-cont2 {

        padding-left: 0px!important;

        padding-right: 0px!important;

    }



    .tab-row {

        flex-direction: column;

    }

    .tab-col {

        max-width: 100%;

    }

    .hm-p {

        padding-left: 0px;

        padding-right: 0px;

    }

    .hm-row2 {

        flex-direction: column;

    }

    .hm-col1 {

        max-width: 100%;

    }

    .hm-col2 {

        max-width: 100%;

    }

    .hm-bg2 {

        padding-top: 55px;

        padding-bottom: 55px;

    }

    .hm-sec5 {

        flex-direction: column;

    }

    .sec5-col1 {

        max-width: 100%;

        padding-bottom: 20px;

    }

    .sec5-col2 {

        max-width: 100%;

    }

    .top-left2 {

        top: 15%;

        left: 30px;

        width: 80%;

        padding-right: 0px;

    }

    .hm-sec6 {

        flex-direction: column;

    }

    .hm2-col1 {

        max-width: 100%;

    }

    .hm2-col2 {

        max-width: 100%;

        padding-top: 40px;

        padding-bottom: 50px;

    }

    .footer-main

    {

        padding-left: 0rem !important;

        padding-right: 0rem !important;

    }

    .footer-ul-1

    {

        padding-left: 5px;

    }

    .if-img

    {

        height: auto;

    }

    .hm-bg2

    {

        padding-left: 15px;

        padding-right: 15px;

    }

    .blue-circle

    {

        width: 120px !important;

        height: 120px !important;

    }

    ul#horizontal-list

    {

        left: 4%;

    }

    .input-group-text {

    padding-left: 35px;

    padding-right: 35px;

    font-size: 14px;

    }

    .prop-btn2

    {

        margin-top: 3%;

    }

    .home-btn1

    {

        font-size: 15px;

    }

    .wh-h1

    {

        padding-bottom: 0px;

    }

    .rev-pad

    {

    padding-top: 2rem!important;

    

    }

   

    .footer-main

    {

        padding-top: 45px!important;

    }

    .hm-btn2

    {

        font-size: 16px;

    }

    .shadow-sm

    {

        box-shadow: none !important;

    }

    .footer-input

    {

        width: 100% !important;

    }

    .gr-pad

    {

        padding-top: 6px !important;

        padding-left: 0px !important;

    padding-right: 0px !important;



    }



     .twitter-typeahead

   {

       width:100% !important;

   }

   .typeahead

   {

       margin-bottom: 25px !important;

   }

   .new_prop_all_city

   {

     margin-bottom: 25px !important;  

   }

  

    

    

}



@media screen and (max-width: 900px) and (min-width: 768px) {



    .navbar

    {

        padding-left: 15px;

        padding-right: 15px;

    }

    .nav-item > a

    {

        font-size: 16px;

    }

    .navbar-expand-md .navbar-nav .nav-link

    {

        padding-right: 1rem;

        padding-left: 1rem;

    }

    .navbar-expand-md .navbar-nav .cp-link

    {

        padding-right: 1rem;

        padding-left: 1rem;

    }

    .navbar-nav

    {

        margin-left: 2px !important;

        margin-right: 2px !important;

    }

    .head-logo

    {

        max-width: 88%;

    }

    .navbar .navbar-collapse .navbar-nav .nav-item > a:after

    {

        left: 28%;

    }

    .list-item > a

    {

        font-size: 16px;

    }

    .btn-outline-success

    {

        font-size: 16px;

        padding-top: 5px;

        padding-bottom: 5px;

    }

    .form-inline

    {

        margin-bottom: 0rem!important;

        margin-top: 0rem!important;

    }

    .input-group-text

    {

        padding-left: 27px;

    padding-right: 27px;

    }

    .footer-main

    {

        padding-left: 15px!important;

    padding-right: 15px !important;

    }

    .wh-line-int

    {

        border-top: 5px solid #fff !important;

    width: 8% !important;

    }

    .hm9-line

    {

      width: 8% !important;  

    }

    .hm-line5

    {

        width: 8% !important;

    /*margin-right: 92% !important;*/

    }

    .hm-line

    {

     width: 8% !important;     

    }

    .hm2-line{

        width: 17% !important;

    margin-right: 84% !important;

    }

    .hm-line

    {

        width: 12% !important;

    }

    .hm-line2

    {

        width: 18% !important;

    margin-right: 84% !important;

    }

    ul#horizontal-list

    {

        padding-right: 30px;

        left: 2%;

    }

    #column {

    padding-left: 15px!important;

    padding-right: 15px!important;

   }

   .prop-btn2

   {

    padding-left: 20px;

    padding-right: 20px;

   }

   .carousel-indicators

   {

    margin-left: 18%;

   }

   .twitter-typeahead

   {

       width:60% !important;

   }

   .new_prop_all_city

   {

       max-width:150px !important;

   }





}

@media only screen and (max-width: 768px)

{

   .navbar-brand

   {

    margin-right: 0;

   }

   .head-logo {

    max-width: 80%;

    padding-top: 5px;

   }

   .navbar-expand-md .navbar-nav .cp-link {

    padding-right: 0.7rem;

    padding-left: 0rem;

   }

   .navbar-expand-md .navbar-nav .nav-link {

    padding-right: 11px;

    padding-left: 0rem;

   }

   .form-inline

   {

    margin-top: 0.5rem!important;

   }

   .navbar .navbar-collapse .navbar-nav .nav-item > a:after

   {

    left: 30%;

   }

}

@media only screen and (max-width: 375px)

{

  .introduce {

    height: auto !important;

   }

   

} 



@media only screen and (max-width: 320px)

{

  

   .footer-input

   {

    padding-left: 15px!important;

    padding-right: 4px!important;

   }

   .btn-outline-success

   {

       font-size: 15px;

   }

   .input-group-text

   {

       padding-left: 17px;

    padding-right: 17px;

   }

}

@media screen and (max-width: 425px) and (min-width: 320px) {

   #column {

    padding-left: 0px!important;

    padding-right: 0px!important;

    }



}