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

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

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

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

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


@font-face
{
    font-family: 'hartwell_black';
    src: url('../fonts/Hartwell_Black.otf');
}


@font-face
{
    font-family: 'hartwell_bold';
    src: url('../fonts/Hartwell_Bold.otf');
}

@font-face
{
    font-family: 'hartwell_medium';
    src: url('../fonts/Hartwell_Medium.otf');
}


@font-face
{
    font-family: 'hartwell_regular';
    src: url('../fonts/Hartwell_Regular.otf');
}

@font-face
{
    font-family: 'hartwell_semibold';
    src: url('../fonts/Hartwell_Semibold.otf');
}


html {
  scroll-behavior: smooth;
}



/*top part*/
.topx_st {
    padding: 25px;
    position: absolute;
    z-index: 1;
    width: 100%;
}

.top_part{
    padding: 2px 0px 4px;
}

.phn_st{
    padding-right: 12px;
}

.phn_st span{
    color: #FFF;
    font-size: 13px;
    font-family: 'Acumin';
}

 
.fa {   
    margin-right: 5px;
}

.phn_st a{
    color: #FFF;
    font-size: 18px;
    font-family: 'MyriadPro-Regular';
}

.phn_st a:hover{
    text-decoration: none;
}

/*navigation bar*/
.bg-light {
    background-color: transparent!important;
}
 
.navbar-brand{
    margin-left: 75px;
}
 
.navbar-brand img{
    width: 180px;
}

.mr-auto, .mx-auto {
    margin-right: 0%!important;
    margin-left: auto;
}

.navbar .navbar-nav .nav-item .nav-link{
    padding-right: 5px;
    padding-left: 5px;
    font-size: 15px;
    font-family: 'hartwell_semibold';
    color: #FFF;
    text-align: center;
}



    .center-block { 
      display: block;
      margin-left: auto;
      margin-right: auto;
    }
    
    h5 a{color: #212529;}
    h5 a:hover{text-decoration: none;}
.navbar .navbar-nav .nav-item .nav-link:hover{
    text-align: center;
    color: #FFF;
    background: rgba(255, 219, 83, 0.1);
    border-radius:4px;
}


.navbarx .navbar-nav .nav-item .nav-link{
    padding: 0 5px;
    font-size: 15px;
    font-family: 'hartwell_semibold';
    color: #FFF;
    text-align: center;
}


.navbarx .navbar-nav .nav-item .nav-link:hover{
    text-align: center;
    color: #FFF;
    background: rgba(255, 219, 83, 0.1)!important;
    border-radius:4px;
}



.nav_qt{
    /*color: #FFF;
    padding: 3px 12px 4px 12px;
*/    border-radius: 4px;
    font-size: 12px;
    font-family: 'hartwell_semibold';
    border: 1px solid #205d89;
    margin-left: 20px;
}

.navbar .nav_qt:hover{
    text-decoration: none;
    color: #000000;
    font-size: 12px;

}

.bt_none{
    background: none;
    color: #205d89;
    border: none;
}


/*carousel*/
/*carousel*/
.carousel-inner {
    height: 600px;
    border-bottom: 7px solid #eccb40;
}

.carousel-inner .carousel-item img{
    width: 100%;
}

.carousel-caption{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(66, 148, 74, 0.22);
    z-index: 0;
    left: 0;
    text-align: left;
}


.carousel-caption .capx {
    position: absolute;
    top: 35%;
    left: 10%;
    color: #fff;
    transform: translateY(-50%);
    z-index: 1;
}

.carousel-caption .capx h1{
    font-size: 2.5rem;
    font-family: 'hartwell_black';
}


.carousel-caption .capx h1 span{
    color: #ffdb53;
}


.carousel-caption .capx a{
    border: 1px solid #ffdb53;
    color: black;
    padding: 2px 19px 3px 19px;
    border-radius: 5px;
    font-size: 14px;
    background: #ffdb53;
    font-family: 'hartwell_medium';
}

.carousel-caption .capx a img{
    width: 40px;
}

.carousel-caption .capx p{
    margin-right: 200px;
    color: #efede8;
    font-size: 19px;
    font-family: 'hartwell_black';
}


.carousel-indicators .active {
    background-color: #ebcc3d;
}

.carousel-indicators li{
    background-color: transparent;
    border: 0.5px solid #eccb40;
}
/*abt section*/
.srv_abt{
    background: url(../images/imigongo-vector.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative;
    background-attachment: fixed;
    /*border-top: 6px solid #58ae49;*/
}

.srv_overlay{
    background: rgb(0 0 0 / 90%);
    height: 100%;
    position: absolute;
    width: 100%;
}

.blv_stv{
    padding: 20px;
}

.btn_blx{
    padding: 10px;
}


.blv_stv h1::before {
    content: '';
    position: absolute;
    display: block;
    width: 200px;
    height: 1px;
    background: #FFF;
    top: 72px;
    left: calc(49% - 83px);
}


.blv_stv h1::after {
    content: '';
    position: absolute;
    display: block;
    width: 114px;
    height: 3px;
    background: #eccb40;
    top: 71px;
    left: calc(49% - 42px);
}



.blv_stv img{
    width: 70px;
    padding-bottom: 10px;
}

.blv_stv a {
    background: transparent;
    /* border: 1px solid #eccb40; */
    color: #eccb40;
    /* padding: 1px 10px 2px 10px;
    border-radius: 7px;
    font-family: 'hartwell_medium'; */
}

.blv_stv a:hover{
    text-decoration: none;
}

.blv_stv h4{
    font-size: 15px;
    color: #FFFF;
    padding-bottom: 10px;
    font-family: 'Montserrat-Extra-Bold';
}

.blv_stv p{
    color: #FFFF;
    padding-bottom: 10px;
    font-family: 'Montserrat-Light';
        padding: 10px 150px;
}

.blv1_stv{
    padding: 20px;
}

.blv1_stv img{
    width: 93px;
    padding-bottom: 10px;
}

.blv1_stv a{
    background: transparent;
    border: 1px solid #FFFF;
    color: #FFFF;
    padding: 3px 20px 3px 20px;
    border-radius: 20px;
}

.blv1_stv h4{
    font-size: 15px;
    color: #FFFF;
    padding-bottom: 10px;
    font-family: 'Montserrat-Extra-Bold';
}

.blv1_stv p{
    color: #FFFF;
    padding-bottom: 10px;
    font-family: 'Montserrat-Light';
}

.blv1_stv a:hover{
    text-decoration: none;
}

.blv2_stv{
    padding: 20px;
}

.blv2_stv img{
    width: 70px;
}

.blv2_stv a{
    background: transparent;
    border: 1px solid #FFFF;
    color: #FFFF;
    padding: 3px 20px 3px 20px;
    border-radius: 20px;
}

.blv2_stv a:hover{
    text-decoration: none;
}

.blv2_stv h4{
    font-size: 15px;
    color: #FFFF;
    padding-bottom: 10px;
    font-family: 'Montserrat-Extra-Bold';
}

.blv2_stv p{
    color: #FFFF;
    padding-bottom: 10px;
    font-family: 'Montserrat-Light';
}

.blv3_stv{
    padding: 20px;
}

.blv3_stv img{
    width: 100px;
    padding-bottom: 10px;
}

.blv3_stv a{
    background: transparent;
    border: 1px solid #FFFF;
    color: #FFFF;
    padding: 3px 20px 3px 20px;
    border-radius: 20px;
}

.blv3_stv a:hover{
    text-decoration: none;
}

.blv3_stv h4{
    font-size: 15px;
    color: #FFFF;
    padding-bottom: 10px;
    font-family: 'Montserrat-Extra-Bold';
}

.blv3_stv p{
    color: #FFFF;
    padding-bottom: 10px;
    font-family: 'Montserrat-Light';
}



.abt_st{
    background: url('../images/trx.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative;
}
.home-overly {
    background: rgba(1, 41, 77, 0.8);
    height: 100%;
    position: absolute;
    width: 100%;
}

.abt_tl h1{
    font-size: 25px;
}

.abt_txt{
    text-align: justify;
    padding: 30px;
}

.abt_txt h1{
    color: #FFF;
    font-size: 22px;
    padding-left: 14px;
    margin-bottom: 20px;
    font-family: 'hartwell_regular';
}


.abtv{
    color: #FFF;
    font-size: 16px;
    padding: 45px 100px 45px 100px;
    text-align: justify;
}


.abtvx p{
    font-family: 'hartwell_regular';
    font-size: 14px !important;
}

.abtv p{
    font-family: 'hartwell_regular';
    font-size: 14px !important;
}


.abt_txt h1 span{
    font-family: 'hartwell_bold';
}


.abt_txt h2{
    color: #3d924e;
    font-size: 14px;
}

.abt_txt p{
    font-size: 15px;
    color: black;
}


.read_more{
    margin-top: 20px;
}

.read_more a{
    color: black;
    /* background: #3d924e; */
    font-size: 13px;
    padding: 1px 9px;
    border-radius: 16px;
    border: 1px solid;
    font-family: 'hartwell_regular';
}

.read_more a:hover{
    text-decoration: none;
}



/*event*/

.ev_st{
    padding: 30px;
}

.evn_tl h1{
    font-size: 25px;
    font-family: 'hartwell_regular';
    color:#205d89;
}

.evn_tl h1 span{
    font-weight: 600;
    font-family: 'hartwell_bold';
}

.evn_tl h1::before {
    content: '';
    position: absolute;
    display: block;
    width: 165px;
    height: 1px;
    background: #4c4c4c;
    top: 35px;
    left: calc(9% - 83px);
}


.evn_tl h1::after {
    content: '';
    position: absolute;
    display: block;
    width: 115px;
    height: 3px;
    background: #eccb40;
    top: 34px;
    left: calc(7.5% - 42px);
}

.evn_tl small{
    font-family: 'hartwell_regular';
    font-size: 15px;
}

.md_tl h1{
    margin-top: 10px;
    font-size: 23px;
    font-family: 'hartwell_bold';
}


/*event*/
.up_tl h1{
    font-size: 25px;
    font-family: 'hartwell_regular';
}

.up_tl h1 span{
    font-weight: 600;
    font-family: 'hartwell_bold';
}

.up_tl h1::before {
    content: '';
    position: absolute;
    display: block;
    width: 188px;
    height: 1px;
    background: #4c4c4c;
    top: 40px;
    left: calc(9% - 83px);
}


.up_tl h1::after {
    content: '';
    position: absolute;
    display: block;
    width: 120px;
    height: 3px;
    background: #eccb40;
    top: 39px;
    left: calc(8.5% - 42px);
}

.evnx{
    margin-bottom: 5px;
    background: #f8f8f8;
    padding: 5px;
}

.ev_img img{
    border-right: 3px solid #80827f;
}

.ev_txt{
    font-size: 13px;
}

.cl_st{
    margin-top: 5px;
    font-family: 'hartwell_regular';
}

.tx_ht{
    height: 55px;
    font-family: 'hartwell_regular';
}

.tx_ht a{
    color:black;
}

.tx_ht a:hover{
    text-decoration:none;
}


.evn_ax0{
   margin-top: 10px;
}

.evn_ax0 a{
    color: #848484;
    font-size: 14px;
    border: 1px solid;
    padding: 2px 8px;
    border-radius: 12px;
    font-family: 'hartwell_regular';
}

.evn_ax0 a:hover{
   text-decoration: none;
}

.mice_tlx h1{
    font-size: 25px;
    font-family: 'hartwell_bold';
}


.mice_tlx h1 span{
    font-family: 'hartwell_regular';
}


.mice_tlx h1::before {
    content: '';
    position: absolute;
    display: block;
    width: 188px;
    height: 1px;
    background: #4c4c4c;
    top: 37px;
    left: calc(49% - 83px);
}


.mice_tlx h1::after {
    content: '';
    position: absolute;
    display: block;
    width: 120px;
    height: 3px;
    background: #eccb40;
    top: 36.5px;
    left: calc(48.5% - 42px);
}


.mice_tl h1{
    font-size: 30px;
    font-family: 'hartwell_bold';
    color: #205d89;
}


.mice_tl h1 span{
    font-family: 'hartwell_regular';
}


.mice_tl h1::before {
    content: '';
    position: absolute;
    display: block;
    width: 188px;
    height: 1px;
    background: #4c4c4c;
    top: 46px;
    left: calc(49% - 83px);
}


.mice_tl h1::after {
    content: '';
    position: absolute;
    display: block;
    width: 120px;
    height: 3px;
    background: #eccb40;
    top: 44.5px;
    left: calc(48.5% - 42px);
}

.mice_vn{
    background: #f6f6f6;
    padding: 30px;
}

.mc_bx a{
    font-size: 13px;
    margin-top: 5px;
    color: black;
    font-weight: 600;
    font-family: 'hartwell_semibold';
}

.mc_bx a:hover{
    text-decoration:none;
}

.mcn_bx a{
    font-size: 13px;
    margin-top: 5px;
    color: black;
    font-weight: 600;
    font-family: 'hartwell_semibold';
}

.mcn_bx a:hover{
    text-decoration:none;
}

.mcn_bx span{
    font-size: 13px;
    margin-top: 5px;
    color: black;
    font-weight: 600;
    font-family: 'hartwell_semibold';
}

.mc_bx span{
    font-size: 13px;
    margin-top: 5px;
    color: black;
    font-weight: 600;
    font-family: 'hartwell_semibold';
}

.mc_bx img{
    margin-bottom: 6px;
    height:190px;
}

.mcn_bx img{
    margin-bottom: 6px;
    /*height:190px;*/
    height:191px;
}


/*testimonials*/

.wht_st{
    padding: 40px 20px 15px;
}

.wht_bx img{
    width: 50px;
}



.wht_tl h1{
    font-size: 30px;
    font-family: 'hartwell_regular';
    color: #205d89;
}


.wht_tl h1 span{
    font-family: 'hartwell_bold';

}

.wht_tl h1::before {
    content: '';
    position: absolute;
    display: block;
    width: 188px;
    height: 1px;
    background: #4c4c4c;
    top: 46px;
    left: calc(49% - 83px);
}


.wht_tl h1::after {
    content: '';
    position: absolute;
    display: block;
    width: 120px;
    height: 3px;
    background: #eccb40;
    top: 45px;
    left: calc(48.5% - 42px);
}

.wht_tlx h1{
    font-size: 27px;
    font-family: 'hartwell_regular';
}


.wht_tlx h1 span{
    font-family: 'hartwell_bold';

}

.wht_tlx h1::before {
    content: '';
    position: absolute;
    display: block;
    width: 188px;
    height: 1px;
    background: #4c4c4c;
    top: 41px;
    left: calc(49% - 83px);
}


.wht_tlx h1::after {
    content: '';
    position: absolute;
    display: block;
    width: 120px;
    height: 3px;
    background: #eccb40;
    top: 40px;
    left: calc(48.5% - 42px);
}


.pd_rmv{
    padding-left: 0px;
    padding-right: 0px;
    background: #ebebeb;
}

.city_tl{
    padding: 63px 45px 20px 45px;
}

.city_tl h1{
    font-size: 25px;
    font-family: 'hartwell_regular';
}

.city_tl h1 span{
    font-size: 25px;
    font-family: 'hartwell_bold';
}

.city_tl h1::before {
    content: '';
    position: absolute;
    display: block;
    width: 200px;
    height: 1px;
    background: black;
    top: 97px;
    left: calc(49% - 83px);
}


.city_tl h1::after {
    content: '';
    position: absolute;
    display: block;
    width: 114px;
    height: 3px;
    background: #eccb40;
    top: 96px;
    left: calc(49% - 42px);
}


.city_tl h4 {
    font-size: 18px;
    padding-top: 20px;
    font-family: 'hartwell_semibold';
}

.city_txt{
    padding-top: 16px;
    font-family: 'hartwell_regular';
    text-align: justify;
}
.city_txt a{
    color: black;
}

.city_txt a:hover{
    text-decoration: none;
}
/*intternal page menus*/
.topx2_st{

}

.topx_part{
    background: #205d89;
}


.navbarx .navbar-nav .nav-item .nav-link{
    padding: 0 5px;
    font-size: 15px;
    font-family: 'hartwell_semibold';
    color: #205d89;
    text-align: center;
}


.navbarx .navbar-nav .nav-item .nav-link:hover{
    text-align: center;
    color: #205d89;
    background: #FFF;
}


.nav_qtx{
    color: #205d89;
    padding: 3px 12px 4px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'hartwell_semibold';
    border: 1px solid #205d89;
    margin-left: 20px;
}

.navbarx .nav_qtx:hover{
    text-decoration: none;
    color: #FFF;
    font-size: 12px;

}

/*below internal pages menu*/
.page-area {
    position: relative;
    height: 300px;
}

.page-areax {
    position: relative;
    height: 300px;
}

.home-overly {
    background: rgba(16, 16, 16, 0.56);
    height: 100%;
    position: absolute;
    width: 100%;
}

.slider-content {
    /* padding: 180px 60px; */
    margin-top: 15%;
}

.slider-contentz {
    /* padding: 180px 60px; */
    margin-top: 8%;
}

.header-bottom{
        padding-left: 37px;
}


.title2 {
    color: #FFF;
    font-size: 30px;
    line-height: 50px;
    font-weight: 900;
    padding-left: 55px;
    font-family: 'hartwell_bold';
}

.breadcrumbs ul li {
    display: inline-block;
    list-style-type: none;
    color: #fff;
    position: relative;
    padding: 0 15px;
    margin-left: 15px;
    padding: 0;
    font-family: 'hartwell_regular';
}

.breadcrumbs ul li:after {
    content: "/";
    top:0;
    position: absolute;
    right: -13px;
}

.description_2{
    color: #FFF;
    font-size: 15px;
    padding-left: 56px;
    font-family: 'hartwell_semibold';
    max-width: 60%;
}

.srv_abtx{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative;
    background-attachment: fixed;
    /*border-top: 6px solid #58ae49;*/
}

.abt_in{
    padding: 50px;
}

.abt_inside{
     font-family: 'hartwell_regular';
     padding-top: 30px;
}

.abtn_tl h1{
    font-size: 25px;
    font-family: 'hartwell_regular';
    color: #205d89;
}

.abtn_tl h1 span{
    font-weight: 600;
    font-family: 'hartwell_bold';
}


.abtn_tl h1::before {
    content: '';
    position: absolute;
    display: block;
    width: 127px;
    height: 1px;
    background: #4c4c4c;
    top: 40px;
    left: calc(13% - 83px);
}


.abtn_tl h1::after {
    content: '';
    position: absolute;
    display: block;
    width: 70px;
    height: 3px;
    background: #eccb40;
    top: 39px;
    left: calc(11% - 42px);
}

#contact{
    padding: 30px;
}


.image-container1 {
    position: relative;
    height: auto;
    margin-top:10px;
}
.after2 {
    background: rgba(0, 0, 0, .6);
    height: 100%;
    position: absolute;
    width: 100%;    
}

.blw_tour{
    padding: 30px;
}



.cpt{
    position: absolute;
    top: 60%;
    left: 0;
    color: #fff;
    transform: translateY(-50%);
    z-index: 1;
    padding: 5px 20px 5px 20px;
    line-height: 20px;
}

.cpt h1{
    color: #FFF;
    font-size: 25px;
    font-family: 'hartwell_bold';
}
.cpt span{
    color: #FFF;
    font-size: 15px;
    font-family: 'hartwell_regular';
}

.cpt a{
        background: #FFF;
    color: #3e9550;
    font-size: 13px;
    padding: 0px 6px 1px 6px;
    border-radius: 9px;
}

.cpt a:hover{
    text-decoration: none;
}

.n_hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

.city_car{
    height: 420px;
    border-bottom: none;
}

.dxc h1{
    font-size:20px;
    font-family: 'hartwell_bold';
}

.vrvn p{
    
    margin-bottom:0px;
}

.shdw{
    padding: 10px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
    margin-bottom: 10px;
    height: 95px;
    font-size:13px;
    font-family: 'hartwell_regular';
}

/*footer*/
footer{
    background: url(../images/ft_im.jpg);
   background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}

.ft_overlay{
     background: rgba(16, 16, 16, 0.64);;
    height: 100%;
    position: absolute;
    width: 100%;
}

.alft_pd{
    padding: 15px 0px 15px;
}

.lg_ft img{
    padding-top: 35px;
    width: 200px;
}

.ft_links h1{
    font-size: 15px;
    color: #eccb40;
    font-family: 'hartwell_semibold';
}

.ul_ft{
    margin: 0;
    padding:0;
}

.ul_ft li{
    list-style-type: none;
    font-family: 'hartwell_regular';
}

.ul_ft li a{
    color: #FFF;
    font-size: 13px;
}


.ul_ft li a:hover{
    text-decoration: none;
}

.sbs_st h1{
    font-size: 15px;
    color: #eccb40;
    font-family: 'hartwell_semibold';
}

.sbs_st h1 span{
    color: #FFF;
}

.soc_tl h1{
    font-size: 15px;
    color: #eccb40;
    font-family: 'hartwell_semibold';
}

.ft_soc a{
    color: #FFFF;
    border: 1px solid;
    border-radius: 50%;
    padding: 2px 0px 2px 5px;
    font-size: 13px;
}

.ft_soc a .fax{
    padding: 2.5px;
}

.ft_soc a:hover{
    text-decoration: none;
}

.form-control{
    background: #FFF;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    padding: 4px;
}

.btn-default{
    background: transparent;
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
    color: #eccb40;
    border:1px solid #eccb40;
    padding: 2px;
    width: 100%;
    font-family: 'hartwell_bold';
}


::-webkit-input-placeholder { /* Edge */
    font-size: 13px;
  text-align: center;
  color: #4a4a4a;
  font-family: 'hartwell_regular';
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 13px;
  text-align: center;
  color: #4a4a4a;
  font-family: 'hartwell_regular';
}

::placeholder {
  font-size: 13px;
  text-align: center;
  color: #4a4a4a;
  font-family: 'hartwell_regular';
}

.blw_ft span{
    color: #FFF;
    font-size: 14px;
    font-family: 'hartwell_regular';
}

.wht_tx{
    font-size: 14px;
    font-family: 'hartwell_regular';
}

.cln_st{
    font-size:12px;
}

/*calendar*/

.row-striped:nth-of-type(odd){
  background-color: #efefef;
  border-left: 4px #000000 solid;
}

.row-striped:nth-of-type(even){
  background-color: #ffffff;
  border-left: 4px #efefef solid;
}

.row-striped {
   /* padding: 15px 0;*/
}

.cal_img img{
    /*height: 100px;
    width: 143px;*/
}

.mg_rmv{
    background: #ebebeb;
    margin:0;
}

.view_cal a{
    font-size: 14px;
    font-family: 'hartwell_regular';
    padding: 3px 20px 4px 20px;
    border: 1px solid;
    color: #757373;
}

.view_cal a:hover{
    text-decoration:none;
}
.cale_bx h6{
        font-size: 15px;
    color: black;
    font-family: 'hartwell_semibold';
}

.cale_htx{
    margin-top:10px;
    height: 115px;
    font-family: 'hartwell_regular';
    font-size: 13px;
}

.bx_cdr{
    border:1px solid #b5b3b3;
    padding:5px;
    margin-bottom: 10px;
}

.display-4 {
    font-size: 2.5rem;
}

.cale_htx h5{
    font-family: 'hartwell_bold';
    font-size: 16px;
    height: 40px;
}


.cal_img{
    padding-top: 7px;
    height: 310px;
}

.bx_rx{
    background: #ebebeb;
    padding: 10px;
    margin: 5px;
}

.bx_rx h1{
    font-size:20px;
    font-family: 'hartwell_bold';
    margin-bottom: 0px;
}

.bx_rx span{
    font-size:13px;
    font-family: 'hartwell_regular';
}

.txt_evnt{
    font-size: 13px;
    font-family: 'hartwell_regular';
    text-align: justify;
}

.cnt {
    text-align: center;
    font-size: 40px;
    margin-top: 0px;
    border: 1px solid lightgray;
    font-family: 'hartwell_regular';
}


.counter-section{
    position:relative;
     padding: 15px 30px 10px;
    border:1px solid #d0d0d0;
    margin-bottom:50px; 
}

.counter-section .countdown{
    position:relative;  
}

.counter-section .countdown .counter-column{
    position:relative;
    display:inline-block;
    margin:0px 15px;
    color:#bc1035;
    font-size:15px;
    text-transform:uppercase;
    font-family:'Lato',sans-serif;
    text-align:center;
}

.counter-section .countdown .counter-column .count{
    position:relative;
    display:inline-block;
    font-size:46px;
    color:#202020;
    font-family:'Montserrat',sans-serif;
}

.counter-section .countdown .counter-column .colon{
    position:relative;
    display:inline-block;
    left:22px;
    top:-5px;
    font-size:46px;
    color:#202020;
    font-family:'Montserrat',sans-serif;
}

.counter-section .btn-style-one{
    margin-top:30px;    
}

.counter-section .btn-style-one:before{
    background:#bc1035;
}

.counter-section .counter-text{
    position:relative;
    color:#7f7f7f;
    padding-top: 20px;
}

.counter-section .counter-text h3{
    font-size:18px;
    margin-bottom:10px;
    color:#292929;
    font-family: 'hartwell_bold';
}

}
.counter-section .btn-style-one {
    margin-top: 12px;
}

.btn-style-one{
    position:relative;
    display:inline-block;
    overflow:hidden;
    background:#4f5da5;
    color:#ffffff;
    line-height:24px;
    padding:8px 22px;
    font-size:14px;
    text-transform:uppercase;
    font-family: 'Montserrat', sans-serif;
}

.btn-style-one:hover{
    text-decoration:none;
    color:#FFF;
}

.btn-style-one .fa{
    position:relative;
    padding-right:25px; 
}

.default-btn{
    position:relative;
    display:inline-block;
    line-height:24px;
    padding:10px 25px;
    font-size:15px;
    text-transform:uppercase;
    margin:0px 10px;
    color:#ffffff;
    font-family: 'Montserrat', sans-serif;
    transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;   
}

.default-btn:hover{
    color:#ffffff !important;   
}

.default-btn::before{
    background-color:#3d3d3d;   
}

.bx_rxv{
    padding: 15px;
}

.well-sm{
    font-family: 'hartwell_semibold';
    font-size: 16px;
}

.cr_shadow {
    padding: 10px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
    text-align: justify;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: 'Montserrat-Light'; 
}

.date_stz1{
    flex: 2;
    font-family: 'hartwell_regular';
    font-size: 12px;
}

.date_stz2{
    flex: 2;
    font-family: 'hartwell_regular';
    font-size: 12px;
}

.view_cal{
    margin-top: 15px;
}

.date_st {
    background: #fff;
    bottom: 0.4rem;
    color: #575757;
    left: 1.8rem;
    padding: .4375em .875em;
    position: absolute;
}

.date_filter{
    background: #a2a2a0c2;
    color: #FFFF;
    padding: 5px 5px 5px;
}

.chk_btn{
    font-size: 13px;
    font-family: 'hartwell_regular';
    padding: 3px 20px 4px 20px;
    border: 1px solid lightgray;
    color: #757373;
}

.form-group {
    margin-bottom: 0.5rem;
}

.frm_xs{
    font-family: 'hartwell_regular';
    font-size: 13px;
    padding-top: 5px;
}

.form-controlx{
    border: 0;
    border-radius: 2px;
    padding: 1px;
    font-size: 13px;
    font-family: 'hartwell_regular';
}
.evenx_tl a{
    color: #eccb1a;
    font-size: 30px;
    font-family: 'hartwell_bold';
}

.evenx_tl a:hover{
        text-decoration:none;
}

.evenx_tl h1{
    color: #eccb1a;
    font-size: 30px;
    font-family: 'hartwell_bold';
    padding-top: 10px;
}

.evenx_tl img{
    width: 44px;
    margin-right: 12px;
    height: 46px;
}


.evenx_tlx a{
    color: black;
    font-size: 20px;
    font-family: 'hartwell_regular';
}

.evenx_tlx a:hover{
    text-decoration:none;
}


.tdr_st{
    padding: 30px;
}

.ath_st{
    text-align: left;
    height: 76px;
}

.ath_st h6{
    font-family: 'hartwell_regular';
    font-size: 14px;

}


.ath_st h6 a{
    color: black;
}


.ath_st h6 a:hover{
    text-decoration: none;
}

/* Dropdown Button */
.dropbtn {
  /*background-color: #4CAF50;*/
  color: white;
  /*padding: 16px;*/
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  margin-top: -3px;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-family: 'hartwell_semibold';
  font-size: 15px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {/*background-color: #3e8e41;*/}


.st_fl{
    font-size: 13px;
    padding-top: 20px;
    text-align: left;

}

.st_fl a{
    color: black!important;
}

.st_fl a:hover{
    color: black;
}


.src_st{
    padding: 30px;
}

.sr_titlex{
    font-weight: 600;
    font-family: 'hartwell_bold';
    font-size: 20px;
}

.pop_text a{
    color: black;
    font-size: 15px;
        font-family: 'hartwell_regular';
}


.pop_text a:hover{
    text-decoration: none;
}

.crv_shadow{
    padding: 10px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
    margin-bottom: 10px;
    display: flex;
    height:84px;
}

.crv_shadow a{
    color:black;
    font-family: 'hartwell_regular';
    font-size: 14px;
}

.crv_shadow a:hover{
    text-decoration:none;
}

.ft_soc{
    padding-top: 35px;
}

.news_sv{
    padding-top: 20px;
}

.frm_stxn{
        border-radius: 6px;
    border: none;
}

.btn_subx{
    border: none;
    border-radius: 5px;
    font-size: 13px;
    padding: 3px 10px 3px 10px;
}

.banner-traingle {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    /*top: 210%;
    bottom: 30px; */
}

.ban-tran {
    display: inline-block;
}

.banner-trainglex {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    /* top: 180%;
    bottom: 30px; */
}

.ban-tranx {
    display: inline-block;
}

/*mail chmp*/
#mc_embed_signup {
    background: transparent!important;
}


#mc_embed_signup input.email {
    border-radius: 9px!important;
    height: 30px!important;
    width: 160px!important;
}

#mc_embed_signup form {
    text-align: left!important;
}


#mc_embed_signup .button {
    font-size: 13px!important;
    -webkit-border-radius: 9px!important;
    -moz-border-radius: 9px!important;
    border-radius: 9px!important;
    color: #111010!important;
    background-color: #fbf6f6!important;
    height: 29px!important;
    padding: 0 10px!important;
   
}


.prt_img img{
    max-width: 100%;
    height: auto;
}




.mc_bx{
    margin-bottom:10px;
}


.st_city{
    padding:30px;
}


.bsc_lg p{
    font-size:13px;
    font-family: 'hartwell_regular';
}



.abt_img {
    margin-right: 15px;
    width:229px;
}

.embed-responsive {
    height: 255px;
}

.pdrv{
    padding-right:0px;
}

.pdlv{
    padding: 0;
}

.prtx1{
    margin-bottom:10px;
}

.img_des{
    height:85px;
    padding: 10px;
}

.pra_stx {
    padding: 10px 3px;
}

.container {
    padding-right: 5px;
    padding-left: 5px;
}

.soc_tl, .ft_soc{
    text-align: center;
}

.ft_soc{
    margin-bottom: 15px;
}

.top-alert{
    font-size: 14px;   
    text-align: center;
    padding: 10px 0;
    background: #a5b8b2;
    color: #fff;
    font-family: 'hartwell_regular';
}

.top-alert p{
    margin:0;   
}

.top-alert a{
    color: #ffdb53;
    text-decoration: none;
    font-weight: 800;
    font-size: 16px;
}

.page-area{
    background-repeat: no-repeat;background-size: cover;background-position: top center;background-attachment: fixed; 
}

.no-events{
    padding: 10px 10px 0 10px;
    color: rgb(33, 37, 41);
    font-family: 'hartwell_regular';
}

.no-events-title{
    font-size: 20px; 
}

.small-no-title{
     font-size: 8px;
}

.evenx_tlx a {
    color: rgb(32, 93, 137);
}

/* ###################################################################### responsiveness ####################################################################*/
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
/* html, body { overflow-x: hidden; } */
.hidden-xs{
    display: none;
}

.page-area { 
    height: 100px;
}

.description_2{
    font-size: 11px;
    max-width: 100%;
    padding-left: 0;

}

.conx{
    font-size: 12px;
    max-width: 100%;
    padding-left: 0;
}

.cal_img { 
    height: auto;
}

.breadcrumbs{
    display: none;
}

.title2 { 
    font-size: 18px; 
    padding-left: 0; 
    text-align: center;
	line-height: normal;
}

.evenx_tlx { 
    padding: 10px 5px;
}

.no-events{
    padding: 10px 5px 0;
}

.city_tl {
    padding: 15px 25px;
    font-size: 14px;
}

.evenx_tlx a, .no-events-title {
    font-size: 14px; 
}

    /*phones*/
    .top_part {
        padding: 2px 0px 4px;
        background: #104d41;
    }
    .topx_st {
        padding: 0px;
        position: relative;
    }

    .bg-light {
        background-color: #205d89!important;
    }

    .navbar-brand {
        margin-left: 5px; 
    }

    .navbar .navbar-nav .nav-item .nav-link{
 
        color: #205d89;
        background: #FFFFFF;
        margin-bottom: 1px;
        text-align: left;
    }
    
    .dropdown-content { 
        background-color: #fff;
    }
    
    .dropdown-content a { 
        padding: 5px 0 5px 15px; 
        font-size: 13px;
        border-bottom: 1px solid #f1f1f1; 
    }
    
    .dropdown-menu {
        padding: 1px 0;
        border-radius: 0;
    }
    
    .dropdown-toggle::after {
        float: right;
        vertical-align: middle;
        margin-top: 8px;
        margin-right: 8px;
    }
    
    .navbar .navbar-nav .nav-item .nav-link:hover { 
        color: #205d89;
        background: #fff;
        text-align: left;
    }

    .navbar .navbar-nav .nav-item .nxs, .navbarx .navbar-nav .nav-item .nav-link{
        color: #205d89;
        padding: 5px 0;
    }

    .nav_qt {
        width: auto;
        margin-left: 25%;
    }

    .bg_fnx, .internal-menu{
        padding-left: 0px;
        padding-right: 0px;
    }


    .carousel-inner {
        height: 230px;
    }
    
    .navbarx .navbar-nav .nav-item .nav-link:hover {
        background: #ffffff !important;
    }

    .carousel-caption .capx {
        top:40%;
        left: 6%;
    }
    
    .carousel-caption .capx h1 {
        font-size:20px;
    }
    
    .abtv {
        font-size: 14px;
        padding: 30px 0px 30px 0px;
    }

    .md_bx img{
        margin-bottom: 15px;
    }
    
    .lg_ft{
        text-align: center;
    }

    .city_car{
         height: 725px;
        border-bottom: none;
    }

    .evn_tl h1::before {    
        left: calc(29% - 83px);
    }

    .evn_tl h1::after {        
        left: calc(26.5% - 42px);
    }

    .up_tl h1 {
        margin-top: 10px;
    }

    .up_tl h1::before {    
        top: 50px;
        left: calc(30% - 83px);
    }

    .up_tl h1::after {
        top: 49px;
        left: calc(27.5% - 42px);
    }
       
    .abt_in {
        padding: 10px;
    }

    .mr-auto, .mx-auto {
        margin-right: 0%!important;
        margin-left: 0;
        background: rgb(76 139 185);
    }

    .blv_stv p {
        padding: 0px;
    }

    .abt_txt {
        padding: 0px;
    }

    #contact {
        padding: 10px;
    }

    .header-bottom {
        padding-left: 0px;
    }

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

    .blv_stv h1::before {
        top: 50px;
        left: calc(48% - 83px);
    }

    .blv_stv h1::after {
        top: 49px;
        left: calc(49% - 42px);
    }

    .btn_blx{
        padding-bottom: 11px;
    }
    .car_hg{
        height: 656px!important;
        background: #ebebeb;
    }

    .tx_ht {
        height: auto;
    }

    .ev_st {
        padding: 10px;
    }

    .mice_vn {
        padding: 10px;
    }

    .dracl{
        height: 200px!important;
    }

    .evenx_tl a {
        font-size: 15px;
    }
    
    .banner-traingle{
        display:none;
    }
    
    .banner-trainglex{
        display:none;
    }
    
    .mc_bx img {
        margin-bottom: 6px;
        height: auto;
        width: 100%;
    }
    
  
    
    #mc_embed_signup input.email {
        width: 100%!important;
    }
    
    .lg_ft img {
        padding-top: 0px;
    }
    
    .mcn_bx img {
        margin-bottom: 6px;
        height: auto;
    }
    
    .abtn_tl h1::before {
        left: calc(32% - 83px);
    }
    
    .abtn_tl h1::after {
        left: calc(28.5% - 42px);
    }
    
    .news_sv {
        padding-top: 0px;
    }
    
    .ft_links h1{
        margin-top:20px;
    }
    
    .ft_soc {
        padding-top: 0px;
    }
    
    .soc_tl{
        margin-top: 20px;
    }
    
    .ft_links{
        margin-top:20px;
    }
    
    .carousel-caption .capx p {
        font-size: 12px;
    }
    
    .img_des {
        height: 85px;
        padding: 10px;
        font-size: 11px;
        text-align: center;
    }

footer{
    background: url(../images/ft_im_mobile.jpg) no-repeat;
        background-size: cover;
        background-attachment: initial;
}
    
    /*end phones*/
}
/* Small devices (portrait tablets and large phones, 600px and up ends at 767) */
@media only screen and (min-width: 600px) and (max-width: 767px){
  /*this affects my pc*/
  
    .topx_st {
        width: 100%;
        background: #00800005;
        padding:0px;
    }
  
    .ev_st {
        padding: 10px;
    }
      
    .navbar-brand {
        margin-left: 75px;
    }
    
    .bg-light {
        background-color: rgba(32, 93, 137, 0.9)!important;
    }
    
    .bg_fnx{
        padding-left:0px;
        padding-right:0px;
    }
    
    .mr-auto, .mx-auto {
        margin-right: auto!important;
        margin-left: auto;
    }
  
   .carousel-inner {
        height: 518px;
    }
    
   .carousel-caption .capx {
        position: absolute;
        top: 56%;
    }
    
    .car_hg{
        height:876px!important;
    }
    
    .up_tl h1::before {
        left: calc(17% - 83px);
    }
    
    
    .up_tl h1::after {
        left: calc(15.5% - 42px);
    }
    
    .banner-traingle{
        display:none;
    }
    
    .banner-trainglex{
        display:none;
    }
    
    .mc_bx img {
        margin-bottom: 6px;
        height: auto;
        width: 100%;
    }
    
    .mcn_bx img {
        margin-bottom: 6px;
        height: auto;
    }
    
     #mc_embed_signup input.email {
        width: 100%!important;
    }
    
    .lg_ft img {
        padding-top: 0px;
    }
    
    .abtv {
        padding: 0px;
    }
    
    .ft_links{
        margin-top: 10px;
    }
    
    .soc_tl{
        margin-top: 10px;
    }
    
    .ft_soc {
        padding-top: 0px;
    }
    
    .all_news{
        margin-top: 10px;
    }
    
    .news_sv {
        padding-top: 0px;
    }
    
    .nav_qt{
        margin-left: 37%;
        color: black;
    }

} 

/* Medium devices (landscape tablets, 768px and up to 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px){
   
   .bg-light {
        background-color: rgba(32, 93, 137, 0.9)!important;
    }
    
    .bg_fnx {
        padding-left: 0px;
        padding-right: 0px;
    }
   
    .car_hg {
        height: 317px!important;
    }
    
    .carousel-caption .capx {
        top: 50%;
    }
        
    .city_tl {
        padding: 11px 25px 20px 25px;
    }
    
    .city_txt{
        padding-top: 30px;
        text-align: justify;
    }
    
    .city_txt a {
        font-size: 12px;
    }
    
    .city_tl h1::before {
        top: 75px;
        left: calc(45% - 83px);
    }
    
    
    .city_tl h1::after {
        top: 74px;
        left: calc(45% - 42px);
    }
    
    .tx_ht {
        height: 68px;
    }
    
    .tx_ht a {
        font-size: 12px;
    }
    
    .up_tl h1 {
        padding-left: 30px;
    }
    
    .mc_bx img {
        margin-bottom: 6px;
        height: auto;
        width: 100%;
    }
 
    
    
  }

/* large devices (landscape tablets, 992 and up to 1084px) */
@media only screen and (min-width: 992px) and (max-width: 1084px){
  /*this affects my pc*/
  .navbar .navbar-nav .nav-item .nav-link {
    font-size: 15px;
    padding-right: 3px;
    padding-left: 4px;
  }
  
  .nav_qt {
        width: 100px;
  }
  
}
 

/* Large devices (laptops/desktops, 992px and up) */
/*@media only screen and (min-width: 992px) */
@media only screen and (min-width: 1085px) and (max-width: 1231px)
{
    .navbar .navbar-nav .nav-item .nav-link {
        font-size: 15px;
        padding-right: 5px;
        padding-left: 5px;
      }
      
    .nav_qt {
            width: 100px;
      }
      
      .carousel-caption .capx {
            top: 40%;
        }
        
    .city_tl {
        padding: 30px 30px 20px 30px;
    }
    
    .city_txt {
        padding-top: 0px;
        text-align: justify;
    }
    
    .city_txt a {
        font-size: 14px;
    }
    
    .city_tl h1::before {
        top: 75px;
        left: calc(48% - 83px);
    }
    
    
    .city_tl h1::after {
        top: 74px;
        left: calc(48% - 42px);
    }
    
    .up_tl h1 {
        padding-left: 72px;
    }
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1232px) and (max-width: 1400px) {
    .navbar-brand {
        margin-left: 75px;
    }
    
    
   
      
    .nav_qt {
        width: 100px;
            color: black;
    }
    
    .city_tl{
        padding: 63px 45px 20px 45px;
    }
    
    .city_tl h1{
        font-size: 25px;
        font-family: 'hartwell_regular';
    }
    
    .city_tl h1 span{
        font-size: 25px;
        font-family: 'hartwell_bold';
    }
    
    .city_tl h1::before {
        content: '';
        position: absolute;
        display: block;
        width: 200px;
        height: 1px;
        background: black;
        top: 97px;
        left: calc(49% - 83px);
    }
    
    
    .city_tl h1::after {
        content: '';
        position: absolute;
        display: block;
        width: 114px;
        height: 3px;
        background: #eccb40;
        top: 96px;
        left: calc(49% - 42px);
    }
    
    
    .city_tl h4 {
        font-size: 18px;
        padding-top: 20px;
        font-family: 'hartwell_semibold';
    }
    
    .city_txt{
        padding-top: 16px;
        font-family: 'hartwell_regular';
        text-align: justify;
    }
    .city_txt a{
        color: black;
        font-size:14px;
    }
    
    .city_txt a:hover{
        text-decoration: none;
    }
    
    .car_hg{
            height: 420px!important;
    }
    
    .carousel-caption .capx {
        top: 40%;
    }
    
    .carousel-inner {
        height: 650px;
    }
    
    .up_tl h1::before {
        left: calc(9% - 83px);
    }
    
    .up_tl h1::after {
        left: calc(8.3% - 42px);
    }
}




@media screen and (max-width: 1200px) and (min-width: 993px){
/*rcb's pc */

}


/*end respojnsiveness*/




.portfolio-menu{
	text-align:center;
}
.portfolio-menu ul li{
	display:inline-block;
	margin:0;
	list-style:none;
	padding:10px 15px;
	cursor:pointer;
	-webkit-transition:all 05s ease;
	-moz-transition:all 05s ease;
	-ms-transition:all 05s ease;
	-o-transition:all 05s ease;
	transition:all .5s ease;
}

.portfolio-item{
	/*width:100%;*/
}
.portfolio-item .item{
	/*width:303px;*/
	float:left;
	margin-bottom:10px;
}

.conx{
    color: #FFF;
    font-size: 15px;
    padding-left: 56px;
    font-family: 'hartwell_semibold';
    max-width: 60%;
}




.pra_stx {
    padding: 10px 5px;
}

.prtx1{
    background:#eef1fa;
    padding:10px;
    font-family: 'hartwell_regular';
    font-size:14px;
}

.prtx1 p strong{
    font-family: 'hartwell_black';
}


.side_img img{
    margin-top: 15px;
}




.tr_st{
    padding: 15px;
}


.objx_st h1{
	color: #205d89;
	font-family: 'hartwell_bold';
	font-size: 25px;
}

.image-container {
    position: relative;
    width: 250px;
    height: auto;
	margin-top:10px;
}

.after {
    background: rgba(0, 0, 0, .6);
    height: 100%;
    position: absolute;
    width: 100%;    
}

.flv{
	position: absolute;
    top: 10%;
    left: 5%;
    right: 15%;
    color: #fff;
    transform: translateY(-50%);
    z-index: 1;
}

.flv a h1{
	font-size: 13px;
	text-transform: uppercase;
	color: #FFF;
}



.flv a:hover{
	font-size: 13px;
	text-transform: uppercase;
	text-decoration:none;
}






.abt_inside h1{
    font-size:16px;
    font-family: 'hartwell_black';
}



.prtn_img img{
    max-width: 85%;
}