.video {
    width: 100%;
    height: 100vh;
    overflow-y: hidden !important;
    object-fit: cover;
}
.logo1 img {
    max-width: 100px;
}
.logo1 {
    text-align: center;
    left: 0;
    margin: 10px;
}
.pos_ab .logo1{
    position: absolute;
    z-index: 99;
}
.pos_ab .phone {
    position: absolute;
    right: 0;
    margin: 15px;
    z-index: 99;
}
.pos_ab .phone img {
    max-width: 40px;
    background: #a71b2991;
    padding: 5px;
    border-radius: 100%;
}
}
.toolbar:before {
    background-color: #333333c4;
    border-radius: 40px !important;
}
.caption h1 {
    font-family: RF Rufo;
    letter-spacing: 1px;
    font-size: 40px;
    color: #fff;
}
.caption {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    text-align: left;
    left: 25%;
}

@font-face {
    font-family: RF Rufo;
    src: url(../fonts/RFRufo/RFRufo-Light.woff2) format("woff2"), url(../fonts/RFRufo/RFRufo-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
        
}

@font-face {
    font-family: RF Rufo;
    src: url(../fonts/RFRufo/RFRufo-Regular.woff2) format("woff2"), url(../fonts//RFRufo/RFRufo-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}


.caption h1 {
    font-family: RF Rufo;
    letter-spacing: 1px;
    font-size: 40px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    filter: drop-shadow(2px 4px 6px #333);
}
.caption p {
    font-size: 27px;
    filter: drop-shadow(2px 4px 6px #333);
    color: #fff;
    font-family: RF Rufo;
}

.caption {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    text-align: left;
    text-align: center;
    left: 0;
    right: 0;
}
.invert{
    filter: invert(1);
}

.popup, .page_content_menu {
    background: #333;
}
.main-nav ul li {
    border-radius: 20px;
    background: #1c1b1b !important;
    border-bottom: 1px solid #930514 !important;
}

.main-nav ul li a {
    color: #fff;
    font-size: 15px;
}
.cb-mono {
       bottom: -5px;
    right: 0;
    position: fixed;
    z-index: 999999999999;
}
.inner_pages .navbarpages{
    border-radius: 15px;}
body{
    font-family: 'Poppins', sans-serif;}
.banner img {
    max-width: 100%;
}
.banner_txt {
        line-height: 35px;
        text-transform: uppercase;
        -webkit-text-stroke: 1px #4f392a;
    -webkit-text-fill-color: #fff;
    font-family: 'Poppins', sans-serif;
    position: relative;
    margin: 0 auto;
    padding: 10px 0;
    font-size: 30px !important;
    right: 0;
    text-align: center;
    color: #000;
    font-weight: 500;
    width: 100%;
    background: #f3f3f3;
}
.banner{
    position: relative;
}

.banner:before {
    content: "";
    background: url(../images/page_divider.png);
    position: absolute;
    background-size: cover;
    width: 100%;
    height: 55px;
    bottom: 0 !important;
    bottom: -70px;
    max-width: 100%;
    background-position: bottom;
}
.overlay{
    position: relative;
}
.overlay .banner_img:after{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #14151533;
}
.nav_right_button a img {
    filter: invert(1);
}
@media (max-width: 768px) {
    .project-mt {
        margin-top: -9%;
    }}
.page-inner.project-mt {
    padding-left: 5px;
    padding-right: 5px;
}
    
    

.project-sub-title {
    color: #333;
    text-align: center;
    font-size: 14px;
    line-height: 23px;
    position: relative;
    margin: 0 auto;
}
.project-sub-title h2 {
    font-size: 18px;
    font-weight: 200;
    text-transform: uppercase;
    letter-spacing: .4px;
    /* color: #504e4e; */
    color: #4f392a;
}
.banner_text {
    margin-bottom: 50px;
}
.project_inner {
    padding: 10px;
    background: #f3f3f3;
    filter: drop-shadow(1px 8px 8px #0005);
    border-radius: 10px;
    margin-bottom: 25px;
}
.project_inner img{
    margin: 0 0 15px 0}

.project_inner h4 {
    color: #545454 !important;
    font-size: 12px;
}

   /* -webkit-text-stroke: 1px #027eff;
    -webkit-text-fill-color: #fff;
    font-family: 'Poppins', sans-serif;*/


@media (min-width: 1281px) and (max-width: 1366px) { }

/*.page-loader {
    background: url(../images/sunbuilder_loader.gif) center center no-repeat #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}*/
.overlay{
    position: relative;
}
.overlay:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #0004;
}



.credits {
  position: absolute;
  bottom: 10px;
  right: 10px;
  margin: 0;
  padding: 1ch 2ch;
  font-size: .75rem;
  color: var(--light);
  border-radius: 5px;
  background: rgba(0,0,0,0.3);
}

.credits a {
  color: var(--color3)
}


ul.toolbar_icons li.menuicon {
    background-color: #3339!important;
    border: 1px solid #ffffff30;
}
.toolbar:before {
    background-color: #93051461;
}
/*.toolbar {
    height: unset;
}*/

ul.toolbar_icons li.menuicon {
    background-color: #333!important;
    border: 5px solid #ffffff;
}

/*.toolbar {
    height: 55px;
    background-color: #93051461;
    margin-bottom: 10px;
  
}*/
.toolbar:before {
    border-radius: 45px !important;
    height: 104px;
}
li.menuicon {
    position: relative;
    top: 5px;
}
.toolbar {
    height: 60px;
    bottom: 10px;
}

.main-nav ul li img {
    display: inline-block;
    max-width: 28%;
    opacity: .8;
}



img.banner_img {
    max-width: 100%;
}
/*
#pages_maincontent {
    top: 0;
}
*/

.navbarpages {
    z-index: 999;
}
.nav_left_logo a img {
    max-width: 80px;
    padding: 10px 0 0 0;
}
.navbarpages {
     height: auto; 
}
.main-nav ul li span{
    font-size: 12px;
}

@media screen and (max-width: 480px){
ul.toolbar_icons li img {
    margin: 10px 0 0 0;
    }}

.toolbar {
    background-color: #93051461;
    margin: 0 10px;
    width: 95%;
    border-radius: 37px;
}
.toolbar:before {
    background-color: transparent;
}


.navbarpages {
    background: #f3f3f3 !important;
}
.banner_text {
    margin-bottom: 20px;
    margin-top: 30px;
    background: transparent;
}
.banner_txt{
    background: 
}
.pos_ab.cus_nav {
    height: 80px;
    background: #fff;
}
/*
.overlay:before {
    background: #transparent;
}
*/

.close_popup_button a {
    top: 10px;
    left: 0;
    right: 0;
}
.pos_ab.cus_nav {
    height: 80px;
    background: #f3f3f3;
}

.footer {
    position: absolute;
    bottom: -5px;
    right: 0;
}
textare.form_group {
    padding: 10px 3%;
    width: 93%;
    margin: 0 0 15px 0;
    border: 1px solid #45535d;
    background-color: #35434c;
    color: #b7bec2;}


.loginform input.form_input,  .loginform textarea.form_input{
    padding: 10px 20px 10px 30px;
    width: 85%;
    margin: 0 0 15px 0;
    border: 1px solid #3333;
    background-color: transparent;
    border-radius: 15px;
    color: #b7bec2;
}
.form_div {
    position: relative;
}


.form_div .icon {
    position: absolute;
    left: 10px;
    top: 10px;
    opacity: .7;
}
html{
    overflow-x: hidden;
}

.cus_btn {
    background: #a71b29;
    padding: 10px 20px;
    border: none;
    border-radius: 10px;
    color: #fff;
}

.btn-sm-arrow .ico {
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
    background-color: rgba(255,255,255,.12);
    border-radius: 50%;
}
.btn-sm-arrow {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    min-width: 145px;
    height: 45px;
    border-radius: 50px;
    padding: 10px 10px 10px 20px;
}
.display-actions {
    display: flex;
    text-align: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 34px;
}



h2.sub_heading {
    line-height: 25px;
    text-transform: uppercase;
    -webkit-text-stroke: 1px #4f392a;
    -webkit-text-fill-color: #fff;
    font-family: 'Poppins', sans-serif;
    position: relative;
    margin: 0 auto;
    padding: 10px 0;
    font-size: 25px !important;
    right: 0;
    color: #000;
    font-weight: 500;
    width: 100%;
}

.address_sec span {
    padding-left: 10px;
    display: block;
}
.address_sec i {
    position: absolute;
    font-size: 20px;
    left: 10px;
}

img.reg_img {
    max-width: 100%;
}

.contact_info.address_sec div {
    margin-bottom: 10px;
    background: #f3f3f3;
    padding: 10px;
}

.contact_info.address_sec div {
    margin-bottom: 10px;
    background: linear-gradient(45deg, #f3f3f3, transparent);
    margin-top: 10px;
    border-radius: 25px;
    padding: 20px 20px;
}
.img_sec .pos_ab .phone img {
    float: left;
}

.contact_div span {
    position: relative;
    top: 17px;
    left: 10px;
    color: #fff;
}

.contact_div .pos_ab .phone {
        top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 10px;
    margin: 15px;
    z-index: 99;
}

.img_sec {
    position: relative;
}

.contact_info{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.address_sec i{
        background: #a71b29;
    padding: 5px;
    color: #fff;
    border-radius: 8px 0;
}
a, blockquote span {
    color: unset;
}
.location-img {

    border-radius: 10px;
    width: 45%;
    float: left;
}

.location-des {
    width: 50%;
    float: left;
    position: relative;
    /* left: -47px; */
    top: 34px;
    left: 40px;
        z-index: 9999;
}

.location-map {
    padding-top: 20px;
}

.location-img img {
    border-radius: 10px;
    box-shadow: 0px 15px 45px -9px rgba(0, 0, 0, 0.25);
    padding: 10px;
    background: #f3f3f3;
    filter: drop-shadow(1px 8px 8px #0005);
    border-radius: 10px;
    margin-bottom: 25px;
    max-width: 100%;
}

.location-des a {
    margin: 11px 0 0 0;
    color: #000;
    font-weight: 900;
    font-size: 14px;
}
.page-inner {
    margin: 0 15px;
}

.location_page .cus_btn {
    min-width: auto;
    background: #f3f3f3;
    color: #333;
    border: 1px solid #3333;
}

.location_page .ri-arrow-drop-right-line:before {
    background: #333;
    border-radius: 20px;
}

.location_popup {
    background: #fff;
}
.location_popup .project_name {
    text-align: center;
    margin: 10px 0;
    margin-top: 70px;
}


html{
    overflow-x: hidden;
}
.location-map2 .location-des {
    left: 20px;
}
.location-des img.pin-map {
    max-width: 15px;
}

.project_head{
    font-size:18px;
}
.text-justify p{
    text-align: justify;
}
.img_div img {
    display: block;
    max-width: 150%;
    margin: 0 auto;
    position: relative;
    transform: translate(-17%, 0);
}
.content{
    padding: 20px 0;
}

.ul_li li {
    list-style: square;
    background: #f3f3f3;
    display: block;
    margin: 10px 0;
    border-left: 2px solid #3333;
    padding: 3px 15px;
}
.ul_li p {
    padding: 10px !important;
}
body .pro_div p:first-child{
           background: #333;
    color: #fff;
    padding: 10px !important;
    border-radius: 10px;
    margin-top: -23px !important;
    margin-bottom: 10px !important;
}

.pro_div{
    margin-bottom: 40px;}
.text-center{
    text-align: center;}
ul.social_share {
    text-align: center;
}
.form_div select{
    padding: 10px 20px 10px 30px;
    width: 100%;
    margin: 0 0 15px 0;
    border: 1px solid #3333;
    background-color: transparent;
    border-radius: 15px;
    color: #838181;}
textarea{
    resize: none;
}
body, html{
    overflow-x: hidden;
}
.wd_50 a {
    width: 48%;
}
.sec_pad {
    padding: 40px 0;
}
.sec_pad
.wd_50 li{
    width: 48%;
}

.inner_gallery {
    margin-top: 10px;
}
.sub_tab{
    margin: 0 20px;
}

.gallery_cus ul#photoslist li img {
    margin: 0;
}
.gallery_cus .tabs-animated-wrap{
        margin-top: 0;
    }
.res_img{
    max-width: 100%;
}

.microsite_river .nav_left_logo a img {
    max-width: 50px;
    
}

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

.microsite_river .photo-categories a.active {
    background-color: #42a4d9;
    border: 1px solid #42a4d9;
    color: #fff;
}

.microsite_river .photo-categories a{ border: 1px solid #42a4d9;
color: #333;}

.microsite_river .banner_txt{
        -webkit-text-stroke: 1px #333;
}

/*.spec_slider .swiper-slide{
    width: 50% !important; 
}*/

.spec_slider img {
        margin: 0 auto;
    max-width: 50px;
}

.spec_slider .swiper-slide{
    
    text-align: center;}

.spec_slider .swiper-button-next{
        top: 12%;
    right: 0;
    background-size: 15px;
}
    
    .spec_slider  .swiper-button-prev {
            top: 12%;
    background-size: 15px;
    left: 0;
}

.microsite_page .img_div img {    
    max-width: 136%;
    margin: 0 auto;
}

ul.ul_li1 li {
    list-style: circle;
    margin: 0 15px;
}
ul.ul_li1 {
    text-align: left;
    background: #f3f3f3;
    padding: 20px;
    margin-top: -13px;
}
ul.ul_li1 li {
    list-style: circle;
    margin: 0 15px;
}

  .spec_slider .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 2px;
    left: 0;
    width: 100%;
}
  .spec_slider b {
      text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
}

  .spec_slider .swiper-pagination-bullet-active {
    border: 1px dashed;
}
.phone a {
    height: 100%;
    display: block;
}
.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}
.alert-heading{color:inherit}
.alert-link{font-weight:700}
.alert-dismissible{padding-right:4rem}
.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}
.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}
.alert-primary hr{border-top-color:#9fcdff}
.alert-primary .alert-link{color:#002752}
.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}
.alert-secondary hr{border-top-color:#c8cbcf}
.alert-secondary .alert-link{color:#202326}
.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}
.alert-success hr{border-top-color:#b1dfbb}
.alert-success .alert-link{color:#0b2e13}
.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}
.alert-info hr{border-top-color:#abdde5}
.alert-info .alert-link{color:#062c33}
.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}
.alert-warning hr{border-top-color:#ffe8a1}
.alert-warning .alert-link{color:#533f03}
.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}
.alert-danger hr{border-top-color:#f1b0b7}
.alert-danger .alert-link{color:#491217}
.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}
.alert-light hr{border-top-color:#ececf6}
.alert-light .alert-link{color:#686868}
.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}
.alert-dark hr{border-top-color:#b9bbbe}
.alert-dark .alert-link{color:#040505}
body{
    max-width: 767px;
}

body#mobile_wrap {
    max-width: 767px !important;
}

.clearfix{
    clear: both;
}
.loginform input.form_input, .loginform textarea.form_input {
    color: #333;
}

#Mobile_Contact_Us button#submit {
    margin-top: 15px;
}